Инструментальные средства создания Web-сайтов
Технология создания сайта Язык разметки гипертекста HTML Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают специальными метками– тегами Документ сохраняют как Web-страницу Microsoft FrontPage uCoz, Сайткрафт и др. Способы создания сайта
HTML стандартный язык разметки документов во Всемирной паутине WEB-браузеринтерпретатор HTML, отображает язык HTML в удобной для человека форме Понятие языка HTML 3
Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.
Оформление сайта Название сайта Название страницы Поле ввода информации Графика Меню Фон Координаты Примерный шаблон страниц сайта
Оформление сайта Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения Названия пунктов меню делайте краткими Не выбирайте для страниц пёстрый фон Не размещайте на странице слишком много информационных и художественных блоков Не пишите слишком длинных текстов В каждом абзаце используйте одни и те же приёмы форматирования
Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами: тексты хорошо читаются на выбранном фоне, рисунки расположены на своих местах, гиперссылки обеспечивают правильные переходы. Тестирование проводят перед размещением сайта в сети Интернет.
Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
Размещение сайта в Интернете сайт «Бесплатный хостинг»
Размещение сайта в Интернете - сайт «Бесплатный хостинг»
- сайт платный хостинг «1Gb» Размещение сайта в Интернете
Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Что выбрать? Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток- на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.
Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».
Структура HTML-документа
Начало документа Голова документа Заголовок документа Структура HTML-документа
Структура Web-страницы НТМL-код страницы помещается внутрь контейнера. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. 17
Структура Web-страницы Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения. 18
Тэги заключаются в угловые скобки и могут быть одиночными или Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером). ТЭГИ
Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер 20
Вопросы и задания С помощью каких инструментов можно создавать сайты? Перечислите основные элементы, размещаемые на страницах сайта. С какой целью проводится тестирование сайта? Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно?
Домашнее задание Практическая работа 3.7. Задания2,4
Практическая работа3.7 «Интернет: создание Web- сайта на языке HTML» (стр.72) Цель работы: освоение приёмов создания Web-страниц на языке HTML; знакомство с элементами HTMLи структурой HTML- документа
Пуск Разработка Веб-разработкаKompoZer
25 Созданную Web-страницу необходимо сохранить в виде файла под именем index.html. В качестве расширения файла Web-страницы можно также использовать htm.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать!