Практическая работа   «Разработка Web-сайта»

Задание:  Создание титульной  Web-страницы сайта «Компьютер» 

Web-страница разделяется на 2 логические части:  

• заголовок (контейнер )
• содержание (контейнер )

      Начало страницы. Открывающий тэг

      Заголовок страницы. Открывающий тэг

              Название страницы высвечивается в верхней строке окна браузера. Открывающий  и закрывающий тэги

             закрывающий тэг 

                  Содержание страницы. Открывающий тэг

   Цвет шрифта. Открывающий тэг

Все о компьютере

            закрывающий тэг

      Вставка изображения.

На этом сайте вы можете                           Разделение текста на абзацы 

Получить различную информацию о компьютере,          с  выравниванием. Открывающий тэг                                                                                                                        

его программном обеспечении и ценах на

компьютерные комплектующие.

Терминологический словарь          открывающий тэг

познакомит вас компьютерными терминами,

а также вы сможете заполнить анкету.>                  закрывающий тэг

      закрывающий тэг 

                закрывающий тэг

1. Создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
2. Открыть окно текстового редактора Блокнот.
3. В окне приложения Блокнот ввести HTML-код Web-страницы.

Все о компьютере

На этом сайте вы можете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.

Терминологический словарь познакомит вас компьютерными терминами, а также вы сможете заполнить анкету.

4. Созданную страницу необходимо сохранить в виде файла под именем index.htm (который первый загружается в браузер).

5.  Вставка изображений.

На Web-страницах могут размещаться графические файлы трех типов – GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из вышеуказанных форматов с помощью графического редактора.

«Скачать» изображение компьютера из Интернета и сохранить его в файле с именем computer.gif в папке сайта. Для вставки изображения используется тэг  с атрибутом SRC, который указывает на место хранения файла. Если файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута  SRC достаточно указать только имя файла:

Если файл находится в другом каталоге или на удаленном сервере в Интернете, то должно быть указано полное имя файла или указан URL-адрес этого файла.

Пользователи в целях экономии времени отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялся смысл и функциональность страницы, вместо рисунка должен выводиться поясняющий текст. Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать различные значения:

TOP (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева), RIGHT (справа).

Итог работы: