Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка. - презентация

1

2 Ключевые слова 1. WWW 2. Структура Web-страницыHTML 3.HTML-редактор 4. Цветовые схемы 5.гиперссылка

3 Публикации в интернете WWW Всемирная паутина (англ. World Wide Web) распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. Для обозначения Всемирной паутины также используют слово веб (англ. web «паутина») и аббревиатуру WWW.

4 Публикации в интернете WWW Гиперссылка (англ. hyperlink) часть гипертекстового документа, ссылающаяся на другой элемент в самом документе, на другой объект, расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта. Школа 197 Внешняя гиперсвязь с другим сайтом Школа 197 внутренняя гиперсвязь с другой страницей сайта

5 Средства создания Web-страниц HTML. HTML (от англ. HyperText Markup Language «язык разметки гипертекста»;) стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Тег (более правильное название дескриптор) элемент языка разметки гипертекста.

6 Средства создания Web-страниц Редакторы кода. Блокнот это несложный текстовый редактор, используемый для создания простых документов. Является составной частью Microsoft Windows. TigerPad – предназначен для тех, кто хорошо знает HTML-код, т.к. под рукой подсказок по коду и прочей помощи будет немного. Редактор может использоваться как редактор кода общего назначения.

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

8 Напечатать текст HTML программы в текстовом редакторе Блокнот Созданную Web-страничку необходимо сохранить в виде файла с расширением *.html или *.htm В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Для добавления тэгов необходимо открыть файл Web-страницы с помощью Блокнота командой вид – просмотр HTML – кода. Например: Например: Главная.html

9 Вид html-страницы в: Блокноте Internet Explorer

10

11 Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег и закрывающий тег.

12 Структура HTML-документа Моя первая HTML-страница Здравствуйте!

13 Теги структуры Этот тег указывает на начало HTML-документа Этот тег указывает на начало области заголовка Web- страницы. Структура Web-страницы Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера. Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web- странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день. Конец области заголовка Web-страницы. Начало собственно содержимого Web-страницы. Конец содержимого Web-страницы. Конец HTML-документа.

14 Форматирование текста Абзац Переход на новую строку Выделение текста полужирным шрифтом Выделение текста курсивом Маркированный список Первый пункт списка; Второй пункт списка; Третий пункт списка. Нумерованный список Первый пункт списка; Второй пункт списка; Третий пункт списка.

15 Рисунки на WEB-страничке - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д. Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: - обычный рисунок

16 Гиперссылки - один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон: Произвольный текст Текст для щелчка

17 Таблицы Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элементы для описания каждой ячейки в с строке TD. - внешний элемент талицы. - элемент, задающий строку таблицы. - элемент, задающий ячейку таблицы. Например: Таблица из 2 строк, в первой строке - 2 ячейки, во второй –

18 Вопросы и задания 1. Что понимается под публикацией Web-сайта? 2. Какие цели может преследовать автор Web-сайта? 3. Что такое HTML? 4. С помощью каких программных средств можно создавать Web-страницы? 5. Какова роль гиперссылок на Web-страницах? 6. Предложите ряд тем для Web-сайтов, которые бы, с вашей точки зрения, могли иметь общественный интерес?