Инструкция
1
Сначала необходимо сделать так, чтобы полученный результат отображался в нужном формате. Откройте блокнот и выберите команду «Сохранить как», в открывшемся окне в поле «Имя файла» введите название документа и через точку пропишите расширение html. Например, «мой_сайт.html». Нажмите «Сохранить».
2
Закройте блокнот, на месте созданного документа должен появиться значок браузера. Если этого не произошло, то, видимо, вы допустили ошибку в формате. Сохраните заново.
3
Откройте программу и пропишите в ней костяк будущей страницы.<html> <head><title> </title> </head> <body> </body></html>
4
Основа структуры любого сайта одинакова. Все компоненты сосредоточены между тегами «html» и «/html». В head прописываются стили, которые будут применены ко всему документу, а также указываются атрибуты для отображения страницы в браузере. Например, title – заголовок вкладки, а с помощью тега <link rel="shortcut icon" href="адрес картинки"> вставляется небольшая иконка слева от названия вкладки.
5
Body – тело страницы, самый главный ее элемент. Между соответствующими тегами задаются все видимые атрибуты страницы: фоновое изображение или цвет фона, текст, иллюстрации, таблицы, ссылки и т.п.
6
Продумайте структуру сайта, предварительно ее желательно изобразить на листе бумаги в виде схемы. Рассчитайте место под шапку, текст, картинки, пункты меню и т.д.
7
Любая web-страница – это таблица, количество строк и столбцов в которой зависит от сложности проекта. Иначе просто не получится привязать элементы к определенным местам на экране. А благодаря таблице для каждого из них создается своя ячейка, внутри которой можно использовать атрибуты выравнивания.
8
Чтобы наглядно увидеть результаты экспериментов, в "Блокноте" используйте команду «Сохранить», а в браузере – «Обновить». Используйте эту связку после внесения каждого изменения, особенно если у вас сравнительно небольшой опыт создания web-страниц. Это позволит вам вовремя заметить ошибку и исправить ее.
