Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Создание и оформление Web-страниц



Для создания Web-страниц нужен любой браузер - Internet Explorerили Netscape Communicator. Многие элементы HTML по-разному отображаются в разных программах просмотра (браузерах) и желательно контролировать эту разницу. Кроме того, нужен любой текстовой редактор, например, Блокнот из Windows. Блокнот нужен для подготовки HTML-файлов, а браузер – для просмотра и контроля документа.

С помощью этих инструментов мы создадим сайт на своем локальном компьютере. После этого поместим его на один из WWW-серверов в Интернете, сделав, таким образом, разработанные Web-страницы доступными всему миру.

В качестве примера создадим сайт лаборатории. Цель сайта – рассказать о лаборатории, её разработках, найти коллег, партнеров, спонсоров. Для файлов нашего сайта нужна отдельная папка. Создадим папку с именем Lab на жестком диске компьютера.

Теперь запустим программу Блокнот и приступим к работе.

Можно использовать любой другой текстовый редактор. Однако в этом случае следует сохранять файл как простой текст, чтобы избежать включения в 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> тэгами вставим название документа: Лаборатория АСУТП. Этот элемент должен выглядеть следующим образом:

<title>Лаборатория АСУТП</title>

Название Web-страницы должно быть коротким и в максимальной степени отражать ее содержание.

Наша следующая задача – вставить в тело документа между тэгами <body>...</body> короткий текст – приветствие посетителям Web-страницы:

<html>

<head>

<title>Лаборатория АСУТП</title>

</head>

<body>

Добро пожаловать на страницу нашей лаборатории. Здесь Вы узнаете о

наших достижениях и планах на будущее

</body>

</html>

Сохраним этот документ. Для этого в меню Файл нажмём кнопку Сохранить как, откроем ранее созданную папку Lab, введём имя файла Lab1.html.





Дата публикования: 2015-01-23; Прочитано: 371 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.006 с)...