Научная литература
booksshare.net -> Добавить материал -> Информатика -> Алексеев Ю.М. -> "Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко" -> 6

Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.

Алексеев Ю.М. Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко — М.: «Лучшие книги», 2005. — 430 c.
Скачать (прямая ссылка): bilsprwebsite.pdf
Предыдущая << 1 .. 2 3 4 5 < 6 > 7 8 9 10 11 12 .. 177 >> Следующая


Цвета фона и текста можно задавать"в цифровом или символьном виде. Словесное указание цвета более удобно использовать, зато численное обозначение позволяет задавать любой оттенок. Атрибуты 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).

Ь-МЛИ"ЦДіІДаНШіМ^іМІиЦ^і'№НЙ
Предыдущая << 1 .. 2 3 4 5 < 6 > 7 8 9 10 11 12 .. 177 >> Следующая

Реклама

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed

Есть, чем поделиться? Отправьте
материал
нам
Авторские права © 2009 BooksShare.
Все права защищены.
Rambler's Top100

c1c0fc952cf0704ad12d6af2ad3bf47e03017fed