Верстка сайта

Верстка сайта

          Создание современных сайтов процесс довольно сложный и кропотливый. Создание будущего сайта начинается с подбора CMS и создания дизайна, затем на основании дизайна необходимо сделать верстку с помощью html и css, об этом процессе стоит поговорить более подробно.

          Создание дизайна начинается с создания графического макета в формате psd, это основной формат редактора графики Adobe Photoshop. Эта программа наиболее подходит для создания веб-графики, так как имеет все необходимые веб-дизайнеру инструменты, а так же адаптирована для создания веб-графики.

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

          Далее следует приступить непосредственно к верстке шаблона сайта. Версткой принято считать процесс создание шаблона сайта при помощи html и css. Для этого нужно владеть HTML  языком разметки и уметь применять каскадные таблицы стилей CSS, причем код должен быть написан без ошибок и лишних тегов, так как при их присутствии могут возникнуть проблемы при отображении шаблона в браузере.

          В упрощенном виде процесс верстки напоминает процесс склеивания шаблона из отдельных графических элементов, о чем говорит его название. Используя тег img, свойства css background и позиционирование элементов на странице необходимо разместить отдельные элементы, созданные ранее в графическом редакторе, в html шаблоне будущего сайта.

          Закончив с версткой нужно обязательно проверить, как реагирует сайт на изменение разрешения экрана, порой это основная проблема создателей сайтов, т.к. из-за ошибок верстки сайт может отображаться с искажениями.

          Так же следует проверить работоспособность созданного шаблона сайта в различных браузерах,  т.к. каждый браузер интерпретирует html и css код по своему, иногда даже с ошибками, как например Internet Explorer, соответственно отображение сайта в разных браузерах может сильно отличаться. Если верстка шаблона сайта сделана так, что бы все браузеры отображали сайт одинаково, такая верстка называется кроссбраузерной.

 

Комментарии:

Gabrielle

You mean I don't have to pay for expert advice like this anre?ymo!

Adad

I like to party, not look areiclts up online. You made it happen.

Tasya

Was totally stuck until I read this, now back up and rugninn.

KristinalIninc


  то volvo
Оставьте свой комментарий:
Представьтесь:
Ваш e-mail:
Ваш комментарий:
captcha Проверочный код:
Адаптивный дизайн интернет магазина. Цена низкая
formm.ru © 2010
0.0072