» » WEB дізайн.Что? Де? Як?

WEB дізайн.Что? Де? Як?

Фото - WEB дізайн.Что? Де? Як?

Перелопативши всю наявну в інтернеті літературу з ВЕБ-дизайну, як людина, самостійно освоїв це мистецтво і перетворився на проффесиональной WEB-дизайнера, що створює сайти під замовлення і навчає цього інших, ризикну запропонувати наступні рекомендації з самостійного вивчення WEB дизайну:

Починати, напевно, варто з web.vrn.ru/urcov/enc.htm або html.manual.ru або math.tsu.ru/books/html.html або www.akdi.ru/INTERNet/html32/all_rush.htm. Там пояснюються ази розмітки і трохи іншого. Якщо це вантажить, читай postroika.ru/html/index.html, але це зовсім дитяча література.

Потім можна взятися за за більш тяжкий офіційне керівництво www.webix.ru/doc/html401, з незрозумілих питань, можна звірятися з попереднім керівництвом www.citforum.ru/internet/html40/cover.html

Освоївши HTML, слід взятися за CSS. Для початку вільний переклад CSS 1. Якщо занадто легко - за офіційну документацію більш просунутою CSS2 www.webix.ru/doc/css2.

Після CSS слід освоїти javascript www.webix.ru/doc/js_clientguide. Однак, це документ Нетскейп від 99 роки і він трохи застарів. На сторінці www.citforum.ru/internet/javascript/index.shtml багато іншого по javascript.

Якщо ти це освоїв, вважай себе веб-програмістом. Для того, щоб стати веб-дизайнером, потрібно ще вміти працювати з фотошопом і Корела (чому про корел ніхто не говорить? Особисто я в фотошопі тільки кольору прибиваю, для зменшення розміру малюнка, а сам малюнок, якщо це не фото, готую в кореле ). Корисним може бути володіння GIF-аніматорами та флеш-технологіями, але флеш важкий і в нашому інтернеті я його вважаю блюзнірством. Та й аніматор не обов'язковий - будь мультфільм можна зробити за допомогою javascript.

Все це здорово, але хороший веб-програміст повинен знати не тільки те, що працює без сервера, але і те, для чого потрібно веб-сервер. Так що, якщо ти почав дійсно щось будувати в інтернеті, опановуй SSI, коди помилок http сервера, специфікацію файлу robots.txt, дірректіви файлу .htaccess.

Після SSI почитай мої статейки, і переглянь довідники кодувань (посилання на сторінці WEB дизайн) - може стане в нагоді, а потім, приходь освоювати Аналіз WEB-кон'юнктури. Створення кращого сайту і його розкручування. Саме після того, як ти будеш володіти професійними знаннями, ти по справжньому сможеш оцінити все, що там сказано. Можна почати і з неї, але зміст може залишитися незрозумілим.

Потім освоюй або Перл (www.webix.ru/doc/perl_learn або www.webix.ru/doc/perl_language, хоча почати, можливо, варто з www.citforum.ru/internet/perl_tut/index.shtml і www.citforum .ru / database / cnit / p2.shtml), або ПХП (www.webix.ru/doc/php42.rus). Після читання додатків до книги Аналіз WEB-кон'юнктури. Створення кращого сайту і його розкручування, освоїти PHP буде простіше.

Якщо хочеш робити сторінки ще і для мобілок, освоював www.citforum.ru/internet/articles/wmldoc.shtml.

Ні XHTML, ні XML тобі не потрібні, але якщо зайнятися не чим вивчай і їх. FTP може стане в нагоді для написання Pearl або PHP скриптів перекачувальних інформацію з сервера на сервер.

HTMLREF.chm входить до складу MicroSoft Office - довідка від Мікрософтвера, що об'єднує CSS, HTML, VBscript і javascript від Мікрософт (DHTML). Англійська, але коли потрібно тільки підглянути, як правильно пишеться оператор, це значення не має, а те, що все об'єднано в одному флаконі, дуже зручно. Не вистачає тільки SSI, PHP і пива -)

Як створюю WEB-сторінки я?

На основі шаблону з мінімальною кількістю стилів створюю документ Ворда. Іноді спочатку набираю текст без розбору, а іноді відразу форматують наявними в шаблоні стилями, залежно від того, наскільки складною є формат будующей сторінки. Ставлю фон, розміщую малюнки, тягаю все з кутка в куток, поки не задовольнюся зовнішнім виглядом. Потім запускаю перевірку правопису, зберігаю як документ Ворда і запускаю "Перебудову" для конвертації в HTML. Після конвертації відкриваю в УльтраЕдіте, і запускаю заміну на порожній рядок (видаляю необов'язкові знаки кінця обзаца, для скорочення обсягу), потім повертаю їх назад перед таблицями, щоб ті не починалися всередині абзацу, запускаю заміну назв стилів, що перекочували з Ворда на аналоги, використовувані мною на веб-сторінках, і т. д. - кількома автозаміну доводжу майже все до пуття. Потім коригую параметри таблиць або навіть вписую їх вручну, якщо перебудова не впоралася з особливо-складною таблицею, додаю, де вважаю за потрібне DIV і SPAN- де потрібно, якщо забув зробити це в ворде, вставляю нерозривні пробіли «» (наприклад, щоб та ініціали не відривалися від прізвища) і нерозривні дефіси «;». Завершую всі видаленням частин, що вставляються по SSI і додаванням, якщо потрібно, скриптів. Сторінка готова.

У FrontPage або DreamWeaver це може і вдалося б зробити швидше, але в вервью випадку або розмір був би в кілька разів більше, або часу знадобилося значно більше на очищення від сміття, а в другому, перевірка на правопісеніе нікуди не годиться, а сміття все одно вистачає. Звичайно іноді я відразу роблю сторінку в УльтраЕдіте і не турбуюся про правильність букв, але це тільки невеликі сторінки, типу цієї, що народилися спонтанно, або коли вирішую доповнити існуючу сторінку новими деталями.

Незважаючи на те, що сторінки найчастіше створюються чисто в УльтраЕдіте і кожен тег прописується руками, основна маса часу йде саме на утримання: текст і малюнки. Можете повірити, прописувати що-небудь типу зовсім не складно і займає не так багато часу, як може здатися тим, хто звик довіряти ФронтПейджу. Іноді мені здається, що написати атрибути руками набагато швидше, ніж редагувати їх у вікнах властивостей, переходячи з вкладки на вкладку. А скільки нісенітниць іноді відбувається у візуальних редакторах! Не знаю, як їх терплять професіонали? А адже терплять. Кожен день правлять безглуздості в ручну, але ніяк не можуть з ними розлучитися. Цим страждають, звичайно не всі, та й не соромно це, але результат, зазвичай гірше, недостатньо професійний. І я користуюся Word-ом тільки через те що, мені часто доводиться готувати документи на друк і я звик це робити в Word. До появи "Перебудови", Я використовував Word лише як систему перевірки правопису і зберігав сторінки як простий текст без форматування щоб потім оформляти їх в блокноті.