Web – конструирование на HTML

Тест

Технология создания сайта
Далее

HTML текст

Окно программы FrontPage

Окно программы DreamWeare

Документ Word

Создание сайта
Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и выполняющий художественное оформление Web-проекта.

Содержание и структура сайта
Содержание сайта должно отражать творческую жизнь участников объединения, привлекать внимание единомышленников.
Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.
Новости и
объявления
Галерея
Личные
страницы
Полезные
ссылки
Растровая
графика
Векторная
графика
Сканография
Руководитель
Ученик 1
Ученик 2
Главная страница
Иерархическая структура сайта

Оформление сайта
На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.

Оформление сайта
Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это:
заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.
Название сайта
Название страницы
Поле ввода информации
Графика
Меню
Фон
Координаты
Примерный шаблон страниц сайта

Оформление сайта
Не ставьте точку в названиях сайта и страниц,
если они состоят из одного предложения
Названия пунктов меню делайте краткими
Не выбирайте для страниц пёстрый фон
Не размещайте на странице слишком много
информационных и художественных блоков
Не пишите слишком длинных текстов
В каждом абзаце используйте
одни и те же приёмы форматирования
Рекомендации при наполнении страниц сайта
информационными материалами

Тестирование сайта
Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами:
тексты хорошо читаются на выбранном фоне,
рисунки расположены на своих местах,
гиперссылки обеспечивают правильные переходы.
Тестирование проводят перед размещением сайта в сети Интернет.

Размещение сайта в Интернет
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Размещение сайта в Интернете
http://www.70mb.ru/ - сайт «Бесплатный хостинг»

http://www.1gb.ru/ - сайт платный хостинг «1Gb»
Размещение сайта в Интернете

http://guru-host.ru/free_hosting.php - сайт «Guru-host.ru»
Размещение сайта в Интернете

Что выбрать?
Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.
Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».

Основные определения
Язык HTML (HyperText Markup Language – «язык гипертекстовой разметки») – набор команд (тегов), вставляемых в текст web - страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web – страницы или части той же web - страницы
Гипертекст – «многомерный» текстовый документ (либо объединение нескольких текстовых документов)
Контейнер – конструкция из парных «открывающего» и «закрывающего» тегов.
Web – страница (интернет – страница, WWW – страница), web – документ – обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML.
Сайт, web - сайт – набор web-страниц, составляющих единую подборку и связанную между собой перекрестными ссылками.

Работа с HTML - документом
Программа – Пуск/Программы/Internet Explorer
Блокнот – Пуск/Программы/Стандартные/Блокнот
Просмотр кода – Вид/Просмотр HTML – кода

Сохранение документа – Файл/ Сохранить как…/<любое имя>.html(либо htm)

Основные теги