Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
$Ul>;- ••< ;;,r • f. : .; • ,<"¦,:¦' • xcj,' .¦,- -«
<1і>Продажа компьютеров <1І>Ремонт компьютерной техники
<1І>Продажа комплектующих для компьютеров <1І>РаЗработка програмам на заказ <Ii>Продажа готов^іх программных продуктов <1І>Установка и настройка сетей ' </ul>
Полный HTML-код гредставлен на Рис. 1.18//
Ч>ай/| Правке Формат Вид Справка
<html>
<head> ..•.«WV-T-' ц-itov.,.
<title>y слуга фнрмы<Як1е>
</head> X . . .'>.'.'
<body> " .. :
<h2 а1І?ііР=свйа>УслушкомпампгУІі2>
111 • т.- ¦ . .:¦¦-..:.-„
<1і>Шодажа компьютеров
•^шонткомпьютернойтсдаиш ,»- - ¦.,,??^ чуі-
<1і>Продпжа комплектующік для компьютеров .. г
<1і>Разработка программ на заказ
<1і>Продажа готовьж программнщгфодосгов
<Іі>Уствновка и мстропка сетей
<ЛіІ> .««ittWsriMbf^lMi.
</body>
</html>
'¦&aM*ld V>
'* ¦CYb'-"-"--
••; ;J>-.%<\>' \
Рис. 1.18. HTML-код списка
1
26__Быстро и легко создаем, программируем и раскручиваем Web-сайт
\ J| 1Arругц фирмы ¦ MicrontJt Internet Fяріш«
ф •au прдек-і Вил избранное сервис сприив
/VIj:-. : МИ C:\WEB\craic<«.hlml
- ¦ -^-------------------
Услуги компании
• продажа компьютеров
. РеМОНТ ТЕХНИКИ
• продажа комплектующих для компьютеров
• разработка программ на заказ
• Продажа готовых программных продуктов
• Установка и настройка сетей
ш
у ¦ Рис. 1.19. Web-страница со списком .. .,
Обратите внимание, что каждый элемент списка помечен специальным маркером -темным кружком. Отметим, что для создания нумерованных списков можно воспользоваться парой тегов <olx/ol>, причем элементы списка также должны начинаться тегом <li>. ,
Зн^л^аЄо Wb. Ссылки на другие страницы
При путешествии по Всемирной паутине щелчком мыши можно быстро и легко переходить от одного документа к другому вне зависимости от того, где реально расположена нужная Web-страница. Данная возможность, во многом благодаря которой Интернет
обязан своей феноменальной популярности, обеспечивается гипертекстовыми ссылками.
Поддержка ссылок является одним из краеугольных камней языка HTML. ; - •
Осталось сохранить документ на диске . и просмотреть его в браузере.
> Выберите . команду мЄню Файл ¦ Сохранить (File ¦ Save). На экране появится диалог Сохранить как (Save As) (Рис. 1.4).
>• В открывающемся списке Папка (Save in) выберите диск, в котором расположен файл с HTML-кодом атлант.МтІ.
В списке папок и файлов выберите каталог, в котором хранится документ атлант.МтІ.
> В поле ввода Имя файла (File name) введите имя файла список.МтІ для хранения страницы со списком. '.>.?'-¦*' : .: ¦M
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Сохранить как (Save As): Документ будет сохранен на диске.
х Перейдите к программе Microsoft Internet Explorer.
> В поле ввода Адрес (Address) окна программы введите полный путь к созданному файлу с HTML-кодом список.МтІ.
> Нажмите клавишу ЩЩ. В окне браузера появится созданная Web-страница со списком (Рис. 1.19).
ГЛАВА 1. Первая Web-страница за несколько минут
27
Ссылка состоит из двух частей: указателя и адресной части. Указатель ссылки связан с ее представлением на Web-странице. Указателем ссылки может быть фрагмент текста или изображение. Указатель ссылки обычно выделяется цветом. При подведении к ссылке указатель мыши принимает вид . Адресная часть ссылки содержит имя документа, на который указывает ссылка, или его электронный адрес для зафузки из Интернета. В этом знакомстве мы расскажем, как вставлять в Web-документ ссылки, представленные текстом и рисунком.
Сначала откроем основной HTML-документ атлант.МшІ, в который мы будем вставлять гипертекстовые ссылки.
> Перейдите к редактору Блокнот (Notepad). ..^ ,<¦,..,.; - '^щ* ji:
> Выберите команду меню Файл ¦ Открыть (File ¦ Open). На экране появится диалог Открыть (Open) (Рис. 1.20).
ПО
Пака JIQ WEB
'> Id О і» к» И-
•' •( • .1 Ih-
'. ?-1".
ч, -.'1 г
>-?1 -
' -,.-4V Рис. 1.20. Диалог Открыть (Open) 1
> В открывающемся списке Папка (Save in) выберите диск с файлом атлант.МшІ.
> В списке папок и файлов выберите каталог, в котором хранится документ атлант.МшІ. ,, = ... , ,..>... ....
> В открывающемся списке Тип файлов (Files of type) выберите строку Все файлы
(*.*) (All Files (*.*)), чтобы в списке папок отображались все файлы.
> Щелкните мышью на файле атлант.МшІ в списке папок. В поле ввода Имя^айла • (File name) • появится имя выбранного файла...;'. С*., Vf я-<-^йі .'р.
> Нажмите кнопку Открыть (Open), чтобы з'акрыть диалог. В окне проіраммь^пЬявит^ ся HTML-код документа атлант.МшІ (Рис. 1.15).
Для вставки ссылки на другие страницы используется пара тегов <ах/а>. Данный тег имеет единственный атрибут значением которого является адресная часть ссылки,
т.е. имя документа, на который нужно сослаться, или его электронный адрес для загрузки из Интернета. Указатель ссылки располагается между открывающим <а> и закры-
