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

  • 03 апр. 2012 г.
  • 7809 Слова
Создание и оформление web-страниц
Для создания Web-страниц понадобится любой браузер - Internet Explorer или Netscape Communicator, а лучше оба, так как многие элементы HTML по-разному отображаются в разных программах просмотра и весьма желательно контролировать эту разницу. Кроме того, нужен любой текстовой редактор, например, Блокнот из Windows. Программа Блокнот нужна для подготовкиHTML-файлов, а браузер - для просмотра и контроля сделанного. С помощью этих инструментов мы создадим сайт на своем локальном компьютере, после чего поместим его на один из WWW-серверов в Интернете, сделав, таким образом, ваши Web-страницы доступными всему миру.
В качестве примера создадим сайт лицея. Цель сайта - рассказать миру о лицее, сфере его деятельности, интересов, найти друзей, партнеров, спонсоров.Для файлов нашего сайта нужна отдельная папка.
Создайте папку с именем Web на жестком диске вашего компьютера.
Теперь запустим программу Блокнот и приступим к работе.
Вы можете использовать любой другой текстовый редактор. Однако в этом случае следует сохранять файл как простой текст, чтобы избежать включения в Web-документ посторонних символов форматирования.
Сначала введем в окне программыБлокнот тэги, определяющие структуру любого HTML-документа. Напомним, что в HTML-коде допускается использовать любой регистр символов - верхний или нижний.
Введите с клавиатуры следующие основные тэги, поместив каждый из них, кроме закрывающего тэга </title>, в новой строке.
-------------------------------------------------
<html>
-------------------------------------------------<head>
-------------------------------------------------
<title></title>
-------------------------------------------------
</head>
-------------------------------------------------
<body>
-------------------------------------------------
</body>
-------------------------------------------------
</html>
Для ввода парных тэгов вы можете использоватьоперации копирования и вставки через буфер обмена Windows с последующим добавлением символа слэш /.
Напомним, что первый <html> и последний </html> тэги означают соответственно начало и конец документа, элемент <head>...</head> определяет заголовок Web-страницы, элемент <body>...</body> - тело документа, а в элементе <title></title> мы сейчас укажемназвание Web-страницы.
Между открывающим <title> и закрывающим </title> тэгами вставьте название документа – Лицей № 1548. Этот элемент должен выглядеть следующим образом:
<title>Лицей № 1548</title>
Напомним, что название Web-страницы должно быть коротким и в максимальной степени отображать ее содержание.
Наша следующая задача - вставить в тело документа между тэгами<body>...</body> короткий текст-приветствие посетителям Web-страницы.
Вставьте пустую строку между тэгами <body> и </body> и введите в ней следующий текст:
Добро пожаловать на страничку лицея № 1548! Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях
Для каждой Web-страницы вы можете определить цвет фона и цвет текста. Этовыполняется с помощью атрибутов bgcolor и text открывающего тэга <body>. Для определения цвета как значения атрибутов существует два варианта:
• словесное указание имени цвета, например, white (белый). В языке HTML предусмотрено шестнадцать таких имен;
• цифровое обозначение в шестнадцатеричной записи, например, "#ffffff" - белый, которое указывает, каким образом цвет формируется из основных цветов -красного, зеленого, синего.
Конечно, словесное указание цвета более удобно и понятно. С другой стороны, численные обозначения дают больше возможностей, так как позволяют указать практически любой из 16777215 оттенков, тогда как словесные обозначения ограничены только шестнадцатью цветами.
Используем в качестве примера для фона нашей Web-страницы синий цвет (blue), а для...
tracking img