Самостоятельное создание сайта html

В статье Таблица HTML категории Основы HTML мы с Вами рассмотрели, как верстается растягиваемый, резиновый шаблон. Надеюсь, у Вас всё получилось и самое главное Вы поняли, что сложного то в html ничего и нет. В статье Вёрстка сайта div блоками было предложено прикоснуться к каскадным таблицам стилей, т.е. Основам CSS, чтобы на практике убедится, насколько CSS упрощает жизнь веб – программисту и уменьшает (оптимизирует) html – код. В этой же серии практических статей, уроков, пошаговых инструкций я намерен рассказать про самостоятельное создание сайта html с самого нуля и до готового результата.

Мы поговорим о создании html статического сайта, и Вы получите базовые знания, с помощью которых Вы сможете создавать сайты и в дальнейшем развивать свои навыки. Итак, мы займёмся созданием сайта, который будет иметь классические формы: шапку (header), подвал (footer), левое навигационное меню, главное меню. Вы узнаете о всех тонкостях оформления контента. В этом курсе мы разберём, что такое стиль оформления. Вы получите все необходимые знания, с помощью которых Вы сможете делать абсолютно любые вещи касающиеся создания простого html сайта.



Создание сайта в Dreamweaver Печать E-mail
(10 голоса, среднее 4.20 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 1. Подготовка к созданию сайта.

Поговорим о подготовке базы, т.е. что нам потребуется для самостоятельного создания сайта html в Dreamweaver. Нам потребуется html – редактор. Об этом многообразии мы тоже уже говорили (от простого блокнота и до сложных WYSIWYG систем). Объяснять Вам и выкладывать скриншоты я буду на примере популярной программы Dreamweaver. Продукт этот не бесплатный, а призывать Вас скачать Dreamweaver с таблеткой я не стану.

Обновлено 09.03.2011 06:55
Подробнее >> Создание сайта в Dreamweaver.
 
Создать сайт самостоятельно Печать E-mail
(6 голоса, среднее 4.33 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 3. Создание CSS - каскадных таблиц стилей.

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

Обновлено 09.03.2011 06:51
Подробнее >> Создание CSS - каскадных таблиц стилей
 
Вертикальное меню CSS Печать E-mail
(7 голоса, среднее 3.86 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 5. Создание вертикального CSS меню.

На следующем, пятом этапе создадим вертикальное CSS меню. Как понимаете электронному ресурсу без него никуда. Вертикальных меню css, как и горизонтальных существует множество типов и видов. Веб дизайнеры используют JavaScript и другие веб-языки, графические элементы. Да и на чистом CSS (Каскадные таблицы стилей) можно сверстать довольно сложные по структуре, но красивые и функциональные меню.

Обновлено 14.03.2011 14:19
Подробнее >> Вертикальное меню CSS
 
Создание основы сайта html Печать E-mail
(7 голоса, среднее 4.29 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 2. Ядро и каркас сайта.

Прежде чем приступить к созданию каркаса для нашего html сайта, необходимо создать основу, т.е. html-страницу. Для этого выберите в горизонтальном меню «Файл» - «Создать …».

Обновлено 10.03.2011 20:23
Подробнее >> Создание основы сайта html
 
Горизонтальное меню CSS Печать E-mail
(6 голоса, среднее 4.83 из 5)
Создание статического сайта - Самостоятельное создание сайта html

Этап 4. Создание горизонтального меню css.

На 1 этапе мы подготовились к созданию сайта, на 2-ом создали основу, на 3-ем вспомнили про CSS – каскадные таблицы стилей, а вот теперь, подготовленные разберёмся с созданием горизонтального меню CSS., на 2-ом дизайн визитных карточек, на 2-ом вишня орех орех, на 2-ом успеха нашей Веб Лаборатории

CSS меню в горизонтальном исполнении, как правило это главное меню, является немаловажным составным элементом дизайна практически любого классического сайта.

Обновлено 14.03.2011 14:13
Подробнее >> Горизонтальное меню CSS
 
Rambler's Top100
Main page Contacts Search Contacts Search