Урок Содержание и структура сайта

Автор публикации:

Дата публикации:

Краткое описание: ...


Тема: Содержание и структура сайта


Урок 1


Основные команды языка

Гарнитура шрифта

FACE=”Arial”

Размер шрифта

SIZE=4

Цвет шрифта

или

Жирный

Курсив

Выравнивание текста

, ,

Перевод строки


Горизонтальная линия

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

<IMG SRC =”имя.формат” (.gif, .jpeg, .png)>

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

<IMG SRC =”полное имя.формат” (.gif, .jpeg, .png)>

Выравнивание рисунка

, , ,

Заливка цветом всей страницы

<BGCOLOR=0000FF”>


FF0000

серый

999999

зелёный

00FF00

белый

FFFFFF

синий

0000FF

бирюзовый

009999

желтый

FFFF00

бледно-желтый

FFFFCC

черный

000000

бледно-голубой

CCFFFF


Для создания таблицы используется контейнер

. Между ними для создания строк пишется контейнер . Между ними для создания столбцов контейнер . Для добавления в таблицу рамок необходимо включить в код TABLE BORDER=значение> Значение - толщина рамки всей таблицы в пикселах. При отсутствии численного значения принимается 1.

Пример:

border=2>

Столбец 1

Столбец 2



Задание: Создайте сайт на интересующую Вас тему. Наберите в Блокноте код и сохраните его под именем right.html в свою папку:


Заголовок страницы

Содержание страницы


  1. В заголовке страницы напишите заголовок вашего сайта, например, «Компьютер»

  2. В контенте напишите, например, «Всё о компьютере. Состав компьютера»

  3. Залейте всю страницу любым цветом: (в тэг параметр bgcolor="#00CCFF")

  4. Выровняйте текст страницы по центру.

  5. Создайте после текста две пустых строки.

  6. Напишите текст: «На этом сайте представлена информация о …»

  7. Создайте после текста две пустых строки.

  8. Добавьте после текста таблицу из 2 столбцов и 5 строк:

  9. Добавьте на страницу картинку определенного размера: [pic]

  10. Задайте ссылку с картинки на сайт: http://windows.microsoft.com/ru-ru/windows/introduction-to-computers#1TC=windows-7


2