Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из. - презентация

1

2 Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из WEB – страниц, объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

3 Контентом называется информационно значимая составляющая web-страницы

4

5 заголовок текстрис. навигация анима- ция E-MALE:

6 Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). HTML – код страницы помещается внутрь контейнера Заголовок WEB – страницы заключается в контейнер Название WEB – страницы содержится в контейнере Основное содержание страницы помещается в контейнер

7 Создание WEB сайта Создание WEB сайта 1. На диске D создайте папку Компьютер 2. Откройте окно текстового редактора Блокнот 3. В окне приложения введите HTML – код WEB – страницы. 4. Сохраните файл под именем index.html 5. Загрузите этот файл в окно браузера для просмотра. КОМПЬЮТЕР КОМПЬЮТЕР ВСЕ О КОМПЬЮТЕРЕ ВСЕ О КОМПЬЮТЕРЕ

8

9

10 Форматирование текста Размер шрифта задается тэгами от (самый крупный) до (самый мелкий). Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения. ALIGN = center – тип выравнивания заголовка ALIGN = center – тип выравнивания заголовка С помощью тега FONT можно задать параметры форматирования шрифта. FASE=arial- гарнитура шрифта FASE=arial- гарнитура шрифта SIZE=4 – размер шрифта SIZE=4 – размер шрифта COLOR=blue – цвет шрифта COLOR=blue – цвет шрифта

11 Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг / Разделение текста на абзацы производится с помощью контейнера

12 6. В контейнер вставить последовательность. Просмотреть результат в браузере. ВСЕ О КОМПЬЮТЕРЕ На этом сайте вы можете получить информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами.

13

14

15 Вставка изображений На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе (PHOTO EDITOR). Для вставки изображения используется тэг с атрибутами: SRC=computer.gif, который указывает место хранения файла. ALT=компьютер – поясняющий текст Расположить рисунок относительно текста позволяет атрибут ALIGN=ritght

16 6. В контейнер вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере.

17

18 Гиперссылки на WEB–страницах Первая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы. Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Такие страницы пока могут быть пустыми (без содержания). Все созданные страницы необходимо сохранить в виде файлов в папке сайта. Каждая страница будет содержать следующий HTML- код: ЗАГОЛОВОК СТРАНИЦЫ ЗАГОЛОВОК СТРАНИЦЫ ПРОГРАММЫ ПРОГРАММЫ

19 Создать пустые страницы Создать пустые страницы Создайте пустые страницы «Программы», «Словарь», «Комплектующие» и сохраните их в файлах SOFTWARE.HTML - ПРОГРАММЫ GLOSSARY.HTML – СЛОВАРЬ HARDWARE.HTML - КОМПЛЕКТУЮЩИЕ

20 /A Контейнер гиперссылок. Атрибут HREF=адрес документа   – разделяет гиперссылки пробелами. Вставьте в титульную страницу код, создающий панель гиперссылки. Вставьте в титульную страницу код, создающий панель гиперссылки. [ ПРОГРАММЫ ]   [ СЛОВАРЬ ]   [ КОМПЛЕКТУЮЩИЕ ]  

21

22

23 Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Контейнер адреса Атрибут HREF=адрес электронной почты Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты. Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты.

24

25