Создание статического сайта

Создание статического сайта

Если вы готовы довольствоваться малым и хотите просто представить страницы в режиме «только для чтения», то вполне можно ограничиться созданием статического сайта. Он будет состоять из HTML-страниц, с содержанием которых пользователи смогут ознакомиться, но в которые они не сумеют внести никаких изменений либо дополнений.

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

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

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

Верстка сайта выполняется при способствовании двух понятий: HTML и CSS. Работать с ними вы сможете даже через самые примитивные редакторы, вроде Блокнота. Но лучше обратиться к более прогрессивным инструментам, к примеру, к Notepad++ или же к Dreamweaver. При выборе последней программы можно вообще сделать верстку на визуальном уровне, но, как правило, качество получается не очень хорошим. Поэтому лучше производить создание статического сайта по старинке — ручным способом!

comments powered by HyperComments

Оставьте мне собщение