Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Цвета фона и текста можно задавать"в цифровом или символьном виде. Словесное указание цвета более удобно использовать, зато численное обозначение позволяет задавать любой оттенок. Атрибуты bgcolor и text обеспечивают установку цвета фона и текста Web-страницы. Давайте установим синий (blue) цвет для' фона Web-страницы, и красный цвет для текста.
> Вместо тега <body> введите фрагмент HTML-кода: <body bgcolor=blue text= • **Л>>-(Рис. 1.3). ->.;лф
Q ,it л лит html Ьл
і Тайн Правка Формат Вид Спраака
<html> <head>
<иИе>Компаніи ATJLAHT</title: </head> <body bscolor=blue text=red> Компаній АТЛАНТ обеспечит вас компьютерами н программным! продуктами на любой вкус. </body>
'Ж
Ui1
.'' . [Рис. 1.3. HTML-код создаваемой Web-страницы
Чтобы сохранить документ на диске, выполните следующие шаги.
>- Выберите команду меню Файл * Сохранить (File ¦ Save). На экране Сохранить как (Save As) (Рис. 1.4).
появится
диалог
am
Паїка [ Q Медикаменты
Jd Os* (УИ-
Г ••: . :•' ' • .
я
U3 acrobat
ІЗ Corel Um Ftoi ^ .
'¦Jl'.'.; : ' '
pj;[i'j4^i"i i.'ir,.i
¦ '''¦'.. >i ¦ ... f."J
• ь-.г/,';:•>; ,. ¦
С* ~
Д.ч rjiK .п., ¦
¦ і;/ ¦'¦¦. . "¦
имя фййґц; _
; Тип файле (Те*
мгыГ.И
Рис. 1.4. Диалог Сохранить как (Save As)
14^
_Быстро и легко создаем, программируем и раскручиваем Web-сайт
В открывающемся списке Папка (Save in) выберите диск для сохранения документа.
> В списке папок и файлов выберите каталог, в котором будет храниться HTML-документ.
>• В поле ввода Имя файла (File name) введите имя файла атлант.МтІ для хранения страницы.
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Сохранить как (Save As). Документ будет сохранен на диске.
Осталось просмотреть созданную Web-страницу в браузере. V ' '"'
> Щелкните мышью на кнопке программы Microsoft Internet Explorer на Панели задач (Taskbar) операционной системы Windows, чтобы перейти к окну браузера.
> В поле ввода Адрес (Address) окна программы введите полный путь к созданному файлу с HTML-кодом атлант.МтІ.
>
Нажмите клавишу \WR. В окне браузера появится созданная.ЛУеЬ-страница (Рис. 1.5).
14нич Af ЛАНІ МїишщІГ InItT net Explorer - [A
Файл Правая Вт Избранное Сервис Справка
> На». - g) > 0 [?] f?j) i P П—.
7Ш'
AWEBWaatirhtri
j3 В Пврваоа jlrtu
Компания АТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус.
W
мусячліеі
Рис. 1.5. Созданная Web-страница Обратите внимание, что текст на странице отображается красным цветом на синем фоне.
Знаісож^о М93. Форматируем mekcm на странице .;
Форматирование текста на странице- позволяет красиво оформить Web-документ. В этом знакомстве мы рассмотрим, как устанавливать размер и начертание шрифта, выравнивать текст.
Мы будем по-разному форматировать отдельные фрагменты текста, поэтому включим в HTML-документ новое предложение.
> Щелкните мышью на кнопке программы Блокнот (Notepad) на Панели задач (Taskbar) операционной системы Windows, чтобы перейти к окну редактора.
>¦ Вставьте новую строку, которая должна быть расположена ниже тега <body>, с тек-
стом Компания АТЛАНТ (Рис. 1.6).
ГЛАВА 1. Первая Web-страница за несколько минут
15
" 1 і..'- її-*.'
¦¦¦¦i'-ij.:. яь# 'tmsm
¦1-й і »$<ЧеМ'»»*
ff1. 'її /іjin htrof bu.
Файл Правка Формат Вид Справка
<htnu> <head>
<іШ<і>Компа»п АТЛАНГ<ЛМ*> ••*' ' ьллі.-</hea<l>
<bodyb3Color=bIue text=retl> Комгшія АТЛАНТ
Компанія АТЛАНТ обеспечит вас компьютерами и программными продуктами на любой вкус. </body> </litnu>
.V
Рис. 1.6. HTML-документ
На Web-странице могут использоваться заголовки разделов документа. Заголовки объявляются парой тегов: <hlx/hl>, <h2x/h2>, <h3x/h3>, <h4x/h4>, <h5x/h5>
или <h6x/h6>. Символы в заголовке имеют большую толщину и размер по сравнению с
обычным текстом. Заголовок с тегом является самым крупным, а с тегом -
самым мелким. Номер в названии тега указывает на уровень заголовка, что позволяет естественным образом включать в разделы документа подразделы. Необходимо отличать заголовок раздела от заголовка документа, определяемого тегом
Создадим заголовок раздела в нашем HTML-документе.
В документе первое предложение Компания АТЛАНТ замените на фрагмент кода - <Ы>Компания ATJIAHT</hl>, чтобы данная строка стала заголовком первого уровня.
Для просмотра документа в браузере, его нужно сохранить на диске.
> Выберите команду меню Файл * Сохранить (File ¦ Save). HTML-документ будет сохранен на диске.
> Щелкните мышью на кнопке программы Microsoft Internet Explorer на Панели-задач - (Taskbar) операционной системы Windows, чтобы перейти к окну браузера.
> Нажмите кнопку Обновить (Refresh) (Ш_) с надписью на панели инструментов. Файл атлант.МтІ с нашим HTML-документом будет перезагружен, а на Web-странице появится заголовок (Рис. 1.7).
Ь-МЛИ"ЦДіІДаНШіМ^іМІиЦ^і'№НЙ