Инструментальные средства создания Web-сайтов 28.02.2013. - презентация

1 Инструментальные средства создания Web-сайтов

2 Технология создания сайта Язык разметки гипертекста HTML Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают специальными метками– тегами Документ сохраняют как Web-страницу Microsoft FrontPage uCoz, Сайткрафт и др. Способы создания сайта

3 HTML стандартный язык разметки документов во Всемирной паутине WEB-браузеринтерпретатор HTML, отображает язык HTML в удобной для человека форме Понятие языка HTML 3

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

5 Оформление сайта Название сайта Название страницы Поле ввода информации Графика Меню Фон Координаты Примерный шаблон страниц сайта

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

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

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

9 Размещение сайта в Интернете сайт «Бесплатный хостинг»

10 Размещение сайта в Интернете - сайт «Бесплатный хостинг»

11 - сайт платный хостинг «1Gb» Размещение сайта в Интернете

12 Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании.

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

14 Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».

15 Структура HTML-документа

16 Начало документа Голова документа Заголовок документа Структура HTML-документа

17 Структура Web-страницы НТМL-код страницы помещается внутрь контейнера. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. 17

18 Структура Web-страницы Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения. 18

19 Тэги заключаются в угловые скобки и могут быть одиночными или Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером). ТЭГИ

20 Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер 20

21 Вопросы и задания С помощью каких инструментов можно создавать сайты? Перечислите основные элементы, размещаемые на страницах сайта. С какой целью проводится тестирование сайта? Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно?

22 Домашнее задание Практическая работа 3.7. Задания2,4

23 Практическая работа3.7 «Интернет: создание Web- сайта на языке HTML» (стр.72) Цель работы: освоение приёмов создания Web-страниц на языке HTML; знакомство с элементами HTMLи структурой HTML- документа

24 Пуск Разработка Веб-разработкаKompoZer

25 25 Созданную Web-страницу необходимо сохранить в виде файла под именем index.html. В качестве расширения файла Web-страницы можно также использовать htm.

26 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать!