КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Продолжение работы с примером ⇐ ПредыдущаяСтр 9 из 9 Теперь мы можем попытаться изменить текст наших файлов вручную. Напомним, что для того, чтобы представить наши HTML-файлы в исходном виде (в виде HTML-текста), необходимо выбрать в меню «Вид» пункт «HTML…». В результате мы получим для первого файла следующий текст: <HTML> <head> <meta http-equiv=«Content-Type» content=«text/html; charset=windows-1251»> <meta name=«GENERATOR» content=«Microsoft FrontPage Express 3.0»> <title>Данные о студенте</title> </head> <body bgcolor=«#FFFFFF»> <h1 align=«center»>Иванов Иван Иванович</h1> <p align=«left»><font color=«#0000FF» size=«5»>Учебное заведение: Академия бюджета и казначейства</font></p> <p align=«left»><a href=«list.htm»><font color=«#008000» size=«4»>Группа: 1Ф10</font></a></p> <p align=«left»><font color=«#FF0000» size=«4»>Студент: Иванов Иван Иванович</font></p> <p align=«left»><font color=«#000000» size=«4»>Портрет:</font></p> <p align=«left»><font color=«#000000» size=«4»><img src=«Newyer3.gif» width=«177» height=«200»></font></p> <p align=«left»> </p> <p align=«left»> </p> </body> </HTML> Для второго файла, содержащего список учебной группы, получим следующий текст: <HTML> <head> <meta http-equiv=«Content-Type» content=«text/html; charset=windows-1251»> <meta name=«GENERATOR» content=«Microsoft FrontPage Express 2.0»> <title>Список группы 1Ф10</title> </head> <body bgcolor=«#FFFFFF»> <h3 align=«center»>Список группы 1Ф10</h3> <ol type=«1» start=«1»> <li><a href=«student.htm»>Иванов Иван Иванович</a></li> <li>Петров Петр Петрович</li> <li>Смирнов Сергей Владимирович</li> <li>Семенов Алексей Сергеевич</li> </ol> <div align=«center»><center> <table border=«1»> <tr> <td><a href=«student.htm»>Иванов Иван Иванович</a></td> </tr> <tr> <td>Петров Петр Петрович</td> </tr> <tr> <td>Смирнов Сергей Владимирович</td> </tr> <tr> <td>Семенов Алексей Сергеевич</td> </tr> </table> </center></div> </body> </HTML>
Теперь мы можем вносить изменения в этот текст. Например, заменив в строках «<ol type=«1» start=«1»>« «</ol>« тег «ol» на тег «ul» мы получим вместо нумерованного ненумерованный (маркированный) список, внеся в описание таблицы:
<table border=«1»> <tr> <td><a href=«student.htm»>Иванов Иван Иванович</a></td> </tr> <tr> <td>Петров Петр Петрович</td> </tr> <tr> <td>Смирнов Сергей Владимирович</td> </tr> <tr> <td>Семенов Алексей Сергеевич</td> </tr> </table>
следующие изменения: <table border=«10»> <tr> <td><a href=«student.htm»>Номер 1</a></td> <td><a href=«student.htm»>Иванов Иван Иванович</a></td> </tr> <tr> <td>Номер 2</td> <td>Петров Петр Петрович</td> </tr> <tr> <td>Номер 3</td> <td>Смирнов Сергей Владимирович</td> </tr> <tr> <td>Номер 4</td> <td>Семенов Алексей Сергеевич</td> </tr> </table>
получим видоизмененную таблицу (см рис.14). Рис. 14.
Оглавление 13 Создание собственных Web-страниц при помощи редактора Microsoft FrontPage 2000. 236 Назначение и состав пакета MS Frontpage. 236 13.1 Создание Web-страниц с помощью редактора Microsoft FrontPage. 236 13.2 Определение кодировки страницы WWW... 237 13.3 Задание базового адреса страницы.. 238 13.4 Определение заголовка страницы.. 238 13.5 Определение фонового изображения, цвета фона и цвета элементов страницы по умолчанию 239 13.6 Элементы оформления текста. 239 13.7 Списки. 241 13.8 Таблицы.. 241 13.9 Графическая информация на странице WWW... 242 13.10 Определение гиперссылок. 244 13.11 Основные понятия языка HTML.. 246 13.12 Обязательные метки. 246 13.13 Форматирование текста. 247 13.14 Задание комментариев. 247 13.15 Рисунки и ссылки. 248 13.16 Гиперссылки. 248 13.17 Изображения в HTML-документе. 250 13.18 Списки. 251 13.19 Ненумерованные списки. 252 13.20 Нумерованные списки. 252 13.21 Таблицы.. 252 13.22 Продолжение работы с примером.. 261
|