Итак, созданы в программе Photoshop графические элементы страниц сайта и возникает вопрос, что с ними дальше делать. А дальше мы будем создавать непосредственно сам сайт. Или, как говорят, изучать как делается верстка страницы сайта. Сама страница сайт – это текстовый документ. И теоретически, ее можно было бы создавать в текстовом редакторе. Раньше многие так и делали, создавая код страницы сайта в Блокноте Windows. Но идет время, разрабатываются новые программы, и для того, чтобы верстка страницы сайта была максимально комфортной, была создана программа Dreamweaver. Могу со всей ответственность сказать, что это лучшая программа для создания сайтов.
Немного о структуре веб-сайта. Сайт состоит из отдельных страниц. Каждая такая страница описана отдельным файлом. Именно этот файл выдается сервером на запрос Вашего браузера. К файлу должны прилагаться рисунки, фотографии, скрипты, таблицы стилей, ну, в общем все, что может понадобиться. Отдельные страницы сайта связываются между собой гиперссылками, описываемыми специальными тегами. Сайты в Интернете обычно располагаются на удаленном сервере.
Сама верстка страницы сайта в редакторе Dreamweaver довольно проста. Дело в том, что этот редактор относится к классу визуальных редакторов. Чем хороша верстка в визуальных редакторах для новичков. А тем, что сама верстка страницы сайта возможна без знания языка html. То есть Вы создаете сайт так, как Вы хотите его видеть, а редактор, вслед за Вами, сам создает html код. Хотя если Вы серьезно хотите заниматься разработкой веб-сайтов, то знание языка html для Вас будет обязательным, да и не только этого языка.
Вот, пожалуй, и все, что хотелось сказать перед тем, как Вы начнете изучать, как делается верстка страницы сайта в редакторе Dreamweaver. Успехов Вам в этом нелегком, но очень интересном деле!*
- Редактор Dreamweaver
- Настройка редактора Dreamweaver
- Работа с WEB сервером
- Принципы создания страницы сайта в Dreamweaver
- Создаем страницу сайта в Dreamweaver. Стили CSS
- CSS верстка сайта и стилевой класс CSS для внешнего контейнера
- Стилевой класс CSS для шапки (хедера)
- Стилевой класс CSS для колонок, зоны основной информации и подвала(футера)
- Создание CSS стилей зоны основной информации
- CSS стили для сайта, оформление шапки (хедера)
- Вставка картинок и фотографий
- Навигация сайта и как ее сделать в редакторе Dreamweaver
- Напоминание об авторских правах и как вставить web баннер
- Создаем шаблон страницы сайта в редакторе Dreamweaver
- Создание гиперссылок в редакторе Dreamweaver
Что еще можно почитать на эту тему:
Создание навигации по сайту в редакторе Dreamweaver
Еще раз о создании гиперссылок в редакторе Dreamweaver
Как сделать панель навигации для сайта в редакторе Dreamweaver
Форматирование текста в редакторе Dreamweaver
Работа с текстом в Dreamweaver
***
|
Хотите легко создать сайт и зарабатывать в Интернете?
|
***
Здравствуйте!
Сделал сайт по Вашей методике, в браузере IE сайт отображается как и в DreamWeaver, а в браузере Opera совсем по другом (в одну строчку). Как сделать так чтоб сайт отображался во всех браузерах одинаково?
Это очень старая проблема всех веб-мастеров. Как она решается Вы можете узнать из статьи Вы еще не знаете, что такое кроссбраузерность?
«Вставка – Объекты шаблона – Редактируемая область»
Представьте, как читать ваш материал тем у кого стоит английский дримвивер?
По хооршему, в любом мануале пункты меню, кнопки, свойства и т.д., которые используются в программе должны быть в тексте на английсом или языке оригинала. Это какбы стандарт.
А русифицированный софт, имхо, удел тех кто учится методом научного тыка. Либо имеет смысл русифицировать программу которая интуитивно понятна и легка в использовании. но никак нельзя писать мануал по русифицорованной версии DW.
Пожалуйста, исправьте слова выделенные красным , или добавьте англ. название в скобках рядом.
Хорошо. Сделаем.