Если вы уже знаете основы создания сайта, css и html, вы можете самостоятельно создать обычную html-страницу, вам можно приступать к созданию сайта с помощью специальных программ. Это сэкономит массу времени и усилий в будущем. Adobe Photoshop является самым распространенным графическим редактором при создании сайтов.
В сети Интернет сегодня можно найти множество пошаговых инструкций и видео уроков о том, как правильно нужно использовать фотошоп и как создать графический шаблон для сайта на его основе. Открывая программу, слева вы увидите набор инструментов, благодаря которым вы и будете вносить изменения в html-страничку или изображение.
Прежде всего вы открываете фотошоп и рисуете в нем макет будущего сайта. В дорогих и сложных веб-проектах макеты сайтов создают специалисты, имеющие большой опыт в работе с этим графическим редактором. Они создают каркас, в котором размещают основные кнопки, меню и содержимое. Далее этот каркас передается дизайнеру, и он уже рисует дизайн поверх каркаса. Не стоит забывать о эргономике (или юзабилити) сайта, то есть о навигации. После, каркас с уже готовым дизайном передается верстальщику, который воссоздает макет, благодаря языкам верстки html и css.