| Россия, Санкт Петербург |
Инспектор
Спонсор: Microsoft
Вы можете этот курс.
Опубликован: 05.08.2010 | Уровень: для всех | Доступ: платный
Лекция 3:
Разработка web-страниц с помощью HTML 4.01
Аннотация: Будут рассмотрены приемы создания web-страниц с помощью HTML 4.01.
Ключевые слова: visual, Web, developer, edition, Visual Studio, Internet, HTML, сайт, заголовки, тэг, шрифт, word, LHCS, форматирование, question, error, correct
Презентацию к данной лекции Вы можете скачать здесь.
Основным инструментом в рамках данного курса является MS Visual Web Developer Express Edition 2008 (MS Visual Studio 2008). В качестве браузера используется MS Internet Explorer 8. На этой лекции мы вспомним часто встречающиеся синтаксические конструкции HTML. Предполагается, что слушатели знакомы со средой разработки.
Итак,
Пример 1. Создание невидимого заголовка.
Запустите MS Visual Web Developer Express Edition 2008. Создайте web-сайт с помощью команд: File 
New WebSite ASP.NET Web Site OK. Для того чтобы добавлять HTML -страницы нужно выполнять следующие действия. Нажмите правой кнопкой мыши на название проекта (он выделен жирным шрифтом) Add New Item HTML Page имя web-страницы, например, Add.
При этом мы попадем в окно кода и увидите следующее:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
</body>
</html>Мы воспользуемся предложенным шаблоном, добавляя в него нужные элементы. Введенный нами код мы будем обозначать жирным шрифтом.
Невидимые заголовки используются поисковыми сайтами, такими, как http://www.yandex.ru в качестве краткой аннотации содержимого web-страницы.
Между открытым и закрытым тэгами <title> напишем любую фразу, например, "Это - моя первая web-страничка!":
<title>Это - моя первая web-страничка!</title>
Запустим отладку нажав на кнопку Start Debugging. Мы увидим следующее сообщение:
Нажмем OK.
Наша web-страничка запустится:
Результат:
В следующем примере мы создадим видимые заголовки с помощью тэгов h1-h6. Самый крупный шрифт получится при использовании тэгов h1, самый мелкий - h6.
Пример 2. Создание видимых заголовков
Создадим новую web-страничку. Между открытым и закрытым тэгами body введем следующий код ():
<body> <h1>От жажды умираю над ручьем,</h1> <h1>Смеюсь сквозь слезы и тружусь играя, </h1> <h2>Куда бы ни пошел, везде мой дом,</h2> <h2>Чужбина мне - страна моя родная.</h2> <h3>Мне из людей всего понятней тот, </h3> <h3>Кто лебедицу вороном зовет.</h3> <h4>Я сомневаюсь в явном, верю чуду.</h4> <h4>Нагой, как червь, пышнее всех господ,</h4> <h5> Я всеми принят, изгнан отовсюду.</h5> <h6>/Франсуа Вийон/</h6> </body>
Результат:
Работая с тестовыми редакторами, например, такими, как MS Word, вы наверное, обратили внимание на то, что документ состоит из абзацев. Текст в абзацах можно выравнивать по левому краю, по правому краю, по центру и по ширине. Продемонстрируем создание абзацев на следующем примере.
