Вёрстка веб-страниц
Вёрстка веб-страниц — процесс изготовления веб-страниц в текстовом либо WYSIWYG-редакторе, на основании предоставленного дизайна (PSD).
Верстка бывает разная:
- Табличная
- DIVная
- Смешанная
Вёрстка с помощью слоёв
Слои представляют собой структурные элементы, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя.
Скрипты позволяют изменять параметры слоя динамически. Это дает возможность создавать на странице разные эффекты.
Преимущества слоёв
- Слои можно настраивать с помощью стилей CSS -это уменьшает код документа
- Слой можно перемещать, прятать и показывать без перезагрузки всей страницы.
- На слоях можно создавать разные эффекты, вроде выпадающих меню, всплывающих подсказок, движущихся элементов и другое.
- Слои можно накладывать друг на друга, что упрощает размещение элементов на веб-странице и предоставляет больше возможностей при верстке.
- Слои можно размещать в окне браузера с точностью до пиксела. Положение слоя задается двумя координатами относительно любого угла окна браузера, родительского элемента или документа.
- Слои по сравнению с таблицами отображаются быстрее за счет компактного кода и того, что отображение содержимого слоя происходит по мере его загрузки.
Основная сложность верстки слоями — создать универсальный код, который бы одинаково и без ошибок работал в разных браузерах («кросс-браузерность»).
Вёрстка с помощью таблиц
Браузеры преднамеренно расценивают таблицу как один объект, из-за чего содержимое таблицы не отображается до тех пор, пока оно целиком не будет загружено на локальный компьютер. При использовании таблицы в качестве каркаса для размещения элементов веб-страницы, её исходное преимущество обращается в недостаток, поскольку приводит к задержке вывода содержимого. Следует учитывать также и растущий объем веб-страниц при активном использовании таблиц, особенно в случае их вложенности друг в друга. Всё это приводит к тому, что табличная верстка вызывает ненужные задержки вывода информации в браузере.
Проблема возникает при множественной вложенности таблиц, что характерно для достижения определённых эффектов на веб-странице. Рост количества таблиц повышает шанс возникновения ошибок при вёрстке, увеличивает размер документов и снижает скорость загрузки файлов.
Резиновая верстка?
Суть резиновой верстки -подстроиться под любой монитор пользователя.
Очень многие дизайнеры пришли к выводу, что тянуть бесконечно контент нельзя, точно так же как и сжимать. Понимание этого породило «полу-резиновость». Если человеку достаточно комфортно воспринимать информацию на 900 px ширины (немного больше ширины листа А4), то ради решения какой задачи ее растягивать до 1100 px? И это при том, что даже минимальное разрешение современных мониторов укладывается в ширину 1024 px, а значит, и сжимать не придется.
Подумайте а так ли нужна вам резиновая верстка.Ведь ваш сайт будет как гармошка сжиматься и разжиматься под разные разрешения монитора. Всегда ли это красиво и оправданно?Я заметила, что на Западе сайты в основном центрированы и статичны....
Не забудем и про то как тянуть графику-ту же шапку? Порой смешно видеть как в шапках неуклюже повторяются однотипные фрагменты...
Однако, Не стоит полностью отрицать использование резиновой верстки. Она прекрасно подходит в случаях, когда большая площадь представления дает преимущество. Например, Динамически построенные таблицы с текстовым содержанием и большим количество столбцов, дополнительная длинна ячеек которых позволяет проявить длинный текст. Или при специфических требованиях портфолио дизайнеров, фотографов, художников, когда им необходимо представить сразу много своих работ, показать общий уровень, не акцентируя на какой либо в отдельности.
Сторонние дизайны не верстаю!
Редкое исключение - создание магазина или сайта под ключ, по договоренности!
Цена верстки от 50 - 150$ страница.
Верстка на DIV или смешанная.
Category:
