Советы для новичков в сфере ВЕБ-РАЗРАБОТКИ


Какими бывают сайты?


Способы раскрутки и оптимизации сайтов

   
Веб-дизайн | Создание сайтовГЛАВНАЯ
СОЗДАНИЕ САЙТА

 

Что для этого необходимо

Как заказать создание сайта
Художественный образ
Используемые технологии
Размещение в Интернете

Стоимость создания сайта

Срок исполнения

Тематика сайта

 

КАК СОЗДАЮТСЯ САЙТЫ

 

Какими бывают сайты

Корпоративный сайт
Авторский веб-дизайн
Последовательность работ

Анализ и оценка сайта
Оптимизация сайта

Оптимизация контента

 

ТЕХНОЛОГИИ ВЕБ-ДИЗАЙНА

 

Веб-дизайн. Браузеры

Экранное разрешение

Иллюстрирование сайта

Обновление сайта

Заработок в Интернете

Курсы веб-дизайна

Терминология веб-дизайна

Счётчики посещаемости сайта

Ликбез

Склейка доменов

Статьи

 

ОФИС



Технологии веб-дизайна: небольшой ликбез

Когда вы слышите словосочетание» «веб-дизайнер», вам наверняка представляется серьёзный человек, который сосредоточено что-то рисует. А когда вы видите результат такого рисования - красивую картинку на веб-сайте, то думаете что это всё. Нет, далеко не всё, ведь если бы веб-дизайн и его технологии сводились лишь к созданию красочной иллюстрации для сайта (применительно к веб-терминологии – шаблона), то практически каждый индивидуум, владеющий графическим редактором, мог бы смело называть себя веб-дизайнером, однако это совсем не так.

Нисколько не преуменьшая значения красивого шаблона, хочу отметить, что современный веб-дизайнер должен (просто обязан) владеть и иными специальностями интернета. Ведь я не открою вам Америк, если скажу что, внутреннее содержание сетевого ресурса намного важнее его внешнего оформления. Поэтому  на плечи виртуального Мастера ложится порою, разработка структуры сайта, создание удобной навигации, работа с css-стилями и прочее, не говоря уже об оптимизации графики, которую каждый специалист подобного рода должен знать как «Отче наш», всё это имеет обобщающий термин – технологии веб-дизайна. В частности, необходимо знать хотя бы азы html (гипертекстовой разметки веб-страниц), таблицу стилей css, (для обеспечения корректности кода), Flash-технологии (если мастер работает с Flash), разбираться с хитросплетениями исполняемых скриптов и многое другое. Вот и подумайте: можно ли назвать веб-дизайнера просто «рисовальщиком»?

Путь в веб-дизайн

К веб-дизайну каждый идёт своим путём. Кто-то грызёт гранит наук на специализированных курсах или в ВУЗах, кто-то изучает технологии веб-дизайна самостоятельно. Вот последнее – самое интересное, и между прочим, отсеивает всех, кто не готов отдать пару-тройку лет (а то и более) для достижения права называться классным веб - дизайнером. Ведь самообразование – очень тернистая дорожка, где новички совершают все мыслимые и немыслимые ошибки, прежде чем добиться хотя бы посредственного результата. Зато знания, добытые именно таким путём, надолго «вгрызаются» в память. Я не говорю сейчас о создании шаблонного веб-дизайна, с этим справится любой школьник, а вот создать действительно эксклюзивную работу – под силу далеко не каждому.

Авторский веб-дизайн

Новичку, желающему постигнуть эту увлекательнейшую науку, следует начать с изучения азов графического редактора - Photoshop. Плюс чтение соответствующей литературы и изучение html. Конечно, многие сервисы интернета с радостью предложат вам массу шаблонных решений, ведь создать сайт на любой интерактивной cms вообще не составляет проблем -  если вы умеете работать с обычным текстовым редактором, то и работу с cms освоите без труда. Но, подобные унифицированные сайты создавать человеку творческому просто скучно. Я говорю сейчас о создании именно авторского веб-дизайна для сайта, от одного взгляда на который, у пользователя захватывает дух, хотя (повторяю) – для сайта прерогативу имеет информационное содержание и юзабилити (термин, обозначающий удобство навигации на сайте). Поэтому, следующим вашим шагом будет познание основ html, в изучении которых нет ничего сложного.

Простой html представляет собою всего лишь набор структурных и семантических атрибутов, которые называются тегами (применительно к терминологии технологий веб-дизайна: дескрипторами). Теги предназначены для создания красивых структурированных веб-страниц. С помощью тегов (дескрипторов) создаются многоуровневые списки, выделяются заголовки и подзаголовки, указывается цвет, фон, шрифт документа и формируются множество иных параметров веб-страницы. Помимо этого в html имеется поддержка гипертекста, иначе говоря – гипертекстовая разметка текста, посредством которой все веб-страницы сайта связаны в единое целое. Реализована возможность создания гиперссылок на иные сетевые ресурсы, собственно говоря, если бы это не было воплощено посредством html, то наверняка придумали бы что-то иное, ведь суть интернета – это ссылки, связывающие всё гиперпространство между собою. Почувствовали аналогию?

Вы скажете: зачем веб-дизайнеру эти премудрости? – и будете неправы, ведь как вы (допустим) разместите на сайте вашу великолепную картинку, если не знаете элементарных основ простейшей гипертекстовой разметки? – всё ваше великолепие просто «съедет» на экране пользователя, увы… Кроме того, в html имеется возможность добавления мультимедийных файлов: аудио и видео, анимация и прочее.

Немного истории.

Изначально язык гипертекстовой разметки был разработан без какой либо привязки к изображениям, он служил лишь для корректного отображения веб-страниц в браузере пользователя. Однако развитие технологий веб-дизайна привело к тому, что нынешний html существенно отличается от того, каким он был ещё лет 10 назад. К примеру тег разметки таблиц <table>, предназначался для создания унифицированных таблиц на веб-страницах, что совершенно не вдохновляло виртуозов веб-дизайна и они приспособились (до популяризации блочной вёрстки сайта) использовать этот атрибут html для расположения на веб-страницах красивых функциональных блоков. Кстати, таковые таблицы представляли собою своеобразные модульные   массивы, с определённым набором заданного функционала.

Современность

Современный веб-дизайнер просто обязан знать что такое кроссбраузерность, т.е. – корректное отображение веб-страниц в разных браузерах с разным разрешением экрана и не пугаться при виде, например – вот такого кода:

<BODY><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
<div ALIGN="center">
<table BORDER="0" CELLPADDING="0" CELLSPACING="3" WIDTH="80%" HEIGHT="40" ID="table1">
<tr>
<td WIDTH="3" ALIGN="left" HEIGHT="80" BGCOLOR="#660033">&nbsp;</td>
<td WIDTH="25%" ALIGN="left" HEIGHT="80">
<h1 CLASS="h1">

Для человека несведущего эти теги представляют собою абракадабру, веб-дизайнер же должен уметь читать подобное на «пять».

Маститые профи, смеясь заявляют, что для спеца высокого класса достаточно иметь только мозг и руки, но они, конечно – слегка лукавят, ведь без специальных инструментов технологий веб-дизайна, даже гениальный мозг и талантливые руки не смогут ничего создать. Конечно, наш мозг – это уникальный биокомпьютер, но он не способен подключаться к интернету через usb – канал напрямую для того, чтобы специальный набор программ, считывал  гениальные мысли талантливого веб-дизайнера и реализовывал их на практике. Шучу, конечно))




 


Опорные темы:

Технологии веб-дизайна. Веб-дизайнер


 


 

Веб-дизайн | Создание сайтов На главную

 


«Интернет без ошибок». МСД ©

 ВСЕ ПРАВА ЗАЩИЩЕНЫ


Веб-дизайн | Создание сайтовКачество сайта | Создание сайта