//Новости giraff.io

//Партнер Гнездо.ру

Загрузить еще
Загружено

Суть Событий

//Новости партнеров

Советы начинающим веб-мастерам

Не такое простое дело – создание сайтов, трудно осуществить его с налета. Еще до запуска HTML-редактора придется провести тщательную подготовительную работу. Предположим, что тематика будущего проекта уже определена. Теперь необходимо задуматься о внешнем виде главной страницы и информационных страниц, не думайте сразу о том, с помощью каких тегов они будут реализованы. Сначала нужно сгенерировать идею. Попробуйте нарисовать внешний вид будущего сайта на бумаге или в графическом редакторе. Второй вариант может оказаться более удобным, поскольку в некоторых HTML-редакторах можно использовать созданные рисунки в качестве канвы сайта, который создается как бы поверх рисунков-исходников.

Как правило, создание проекта подразумевает два варианта реализации придуманного дизайна. Либо используются вложенные друг в друга таблицы с невидимыми границами, либо различные слои. Второй вариант дает большие возможности, но более сложен в реализации, к тому же старые браузеры могут некорректно отображать слои, либо вообще их не отображать. Таблицы же проще использовать, к тому же их возможностей вполне хватает для разработки сайтов с простой структурой и выделяемыми областями в форме прямоугольников. Сайт может иметь достаточно сложную структуру, элементы которой располагаются нелинейно, а их позиции требуется фиксировать. В таком случае таблиц может потребоваться очень много, поэтому создание сайтов осуществляется проще с использованием варианта со слоями.

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

Заголовок оказывает большое влияние на запоминаемость сайта, его задача – выделить сайт из сотен подобных. В заголовок обычно включают графический логотип и полное название ресурса , в том случае, когда оно не является частью логотипа. Чаще всего заголовок является не только информативным изображением, но и ссылкой на главную страницу сайта. Этот прием используют многие люди, сделавшие создание веб проектов своей профессией.

Навигационное меню призвано указать пользователю сайта его местонахождение и обеспечить удобное перемещение по разделам ресурса. Без удобного навигационного меню даже самое интересное информационное наполнение сайта может оказаться невостребованным, поскольку пользователи могут до него просто не добраться. Поэтому грамотное создание проекта требует особой тщательности именно в разработке меню навигации. При разработке меню стоит учесть, что не все пользователи будут начинать просмотр с главной страницы, если они перейдут по запросам из поисковых систем.

Веб-мастер обязан учитывать, что посетители ресурса могут пользоваться различными браузерами, а их мониторы могут иметь различное разрешение и количество цветов, сайт же должен отображаться у всех одинаково. Профессиональное создание сайтов включает в себя два подхода к дизайну: либо используется фиксированная ширина, либо пропорциональная. Использование пропорциональной ширины дизайна гарантирует, что сайт будет нормально отображаться при любом разрешении монитора и размере окна браузера. Но этот подход более труден в реализации. Если же ресурс содержит большое количество крупных объектов графики или его дизайн реализовывается с помощью слоев, то подход пропорциональной ширины вообще не применим. Использование фиксированной ширины намного проще, но подобное создание сайтов использует конкретное разрешение экрана (обычно 1024х768). Если разрешение больше, будет оставаться пустая область экрана, если меньше – посетителю придется использовать горизонтальную прокрутку.

Когда создание ресурса подходит к концу, необходимо убедиться, что результат нормально отображается в самых распространенных браузерах. Так же стоит убедиться, что все ссылки работают правильно, а на самом сайте нет орфографических ошибок. Замыленный глаз, может не увидеть даже самые глупые опечатки, а на посетителей безграмотность окажет весьма негативное впечатление, особенно, если ошибка закралась в название сайта или крупный заголовок в тексте.