создаем Web-странички

Создание Web-сайта

Создание Web-сайта «Компьютер»

HTML-код страницы помещается внутрь контейнера Web-страница разделяется на две логические части: заголовок и содержание. Заголовок заключается в контейнер Название содержится в контейнере

Назовем нашу страницу «Компьютер»:

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

В окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. Компьютер Все о компьютере

Форматирование текста

Размер шрифта для имеющихся в тексте заголовков задается тэгами от

(самый крупный) до

(самый мелкий). Заголовок выдели крупным шрифтом:

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

Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется присвоить определенное значение.

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

С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE=“Arial”) Атрибут SIZE- размер шрифта (например, SIZE=4) Атрибут COLOR –цвет шрифта (например, COLOR = “blue”) Таким образом, задать синий цвет заголовка моно с помощью тэга FONT с атрибутом COLOR :

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

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

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

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

В окне приложения БЛОКНОТ в контейнер вставить последовательность тэгов и просмотреть результат в браузере:

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

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

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

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

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

Поясняющий текст

Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке: Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать 5 различных значений: TOP(верх), MIDDLE(середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:

В окне приложения БЛОКНОТ в контейнер вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере.

Практическое задание

Создать титульную страницу вашего сайта. Поэкспериментировать с форматированием текста и размещением графики. Задайте для страницы фон. Используемые тэги : Фоновое изображение Цвет фона

Гиперссылки на Web-страницах

Каждая страница будет содержать следующий HTML-код:

Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта

Гиперссылка состоит из двух частей: Указателя ссылки Адресной части ссылки Указатель ссылки – это то, что мы видим на Web-странице (текст или рисунок), обычно выделенный синим цветом и подчеркиванием. Активизация гиперссылки вызывает переход на другую страницу. URL-адрес может быть абсолютным и относительным. Абсолютный адрес документа, находящегося на удаленном компьютере в Интернете, будет включать имя сервера Интернета, путь к файлу и имя файла, например: http://www.host.ru/Web-сайт/filename.htm Абсолютный адрес документа, находящегося на локальном компьютере, будет включать в себя путь к файлу и имя файла, например: С:/Web-сайт/filename.htm

Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами ( ):

[Программы]   [Словарь]   [Комплектующие]   [Анкета]

Вставить в титульную страницу код, создающий панель навигации:

[ Программы]   [ Словарь]   [ Комплектующие]   [ Анкета]

Вставить в титульную страницу код, создающий ссылку на адрес электронной почты:

Разместить панель навигации и электронный почтовый адрес на титульной странице разрабатываемого сайта.