Задание 6. Вставка изображения
Вставьте изображение компьютера на титульную страницу сайта «Компьютер».
1.Найдите изображение компьютера в папке Рисунки каталога Web–сайты.
2.Скопируйте изображение в папку comp.
3.На Web-страницах могут размещаться графические файлы трех форматов — GIF, JPG, и PNG. Если изображение сохранено в другом формате, преобразуйте его в одно из вышеуказанных форматов с помощью графического редактора, например PhotoEditor.
4.Сохраните графический файл под именем computer с соответствующим расширением в папке comp .
5.Вставьте изображение компьютера на главную страницу, используя следующие тэги и атрибуты:
· <IMG> — тэг, используемый для вставки изображений (обязательно указать расширение файла, соответствующее действительности);
· SRC — атрибут, указывающий место хранения изображения;
· ALT — атрибут, значением которого является текст, поясняющий, что увидит пользователь на рисунке после загрузки Web-страницы;
· ALIGN — выравнивание изображения относительно текста.
…
<TD ROWSPAN=3>
<IMG SRC=”computer.jpg” ALT=”Компьютер” ALIGN=”right”>
<P ALIGN="left">На этом сайте вы сможете получить различную информацию о компьютере и его программном обеспечении.</P><P ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. </P>
</TD>
6.Сохраните изменения в файле index.htm и просмотрите страницу в Internet Explorer.
Внимание! Размеры изображения изменять не на титульной странице файла, а в файле, хранящем само изображение с помощью графического редактора!
Практическая работа 3. Фреймы
За довольно долгую историю WWW было разработано несколько устоявшихся схем наборов фреймов, прошедших проверку временем и использующихся в подавляющем большинстве сайтов, построенных по принципам фреймового дизайна. Эти устоявшиеся схемы мы и рассмотрим.
Задание 1
1.Создайте папку frames.
2.Откройте программу Блокнот. Наберите HTML-код чистой Web-страницы:
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
</BODY>
</HTML>
3.Сохраните документ с именем base.htm в папке frames.
4.На основе файла base.htm создайте четыре файла: a.htm, b.htm, c.htm, d.htm, которые будут в дальнейшем заполнять поля фреймов. Сохраните эти файлы в папке frames (меню Файл, команда Сохранить как…).
Файл a.htm
<HTML>
<HEAD><TITLE>Страничка А</TITLE></HEAD>
<BODY BGCOLOR=red TEXT=white>
<P><H1>Заголовок сайта</H1></P>
</BODY>
</HTML>
Файл b.htm
<HTML>
<HEAD><TITLE>Страничка B</TITLE></HEAD>
<BODY BGCOLOR=yellow TEXT=black>
<P><H1>Набор ссылок</H1></P>
</BODY>
</HTML>
Файл c.htm
<HTML>
<HEAD><TITLE>Страничка С</TITLE></HEAD>
<BODY BGCOLOR=green TEXT=white>
<P><H1>Информация</H1></P>
</BODY>
</HTML>
Файл d.htm
<HTML>
<HEAD><TITLE>Страничка D</TITLE></HEAD>
<BODY BGCOLOR=blue TEXT=white>
<P><H1>Сведения о разработчиках сайта</H1></P>
</BODY>
</HTML>
5.Закройте блокнот и просмотрите созданные файлы в Internet Explorer.
6.На основе файла base.htm создайте три файла: 1.htm, 2.htm, 3.htm для создания ссылок. Сохраните эти файлы в папке frames (меню Файл, команда Сохранить как…).
Файл 1.htm
<HTML>
<HEAD>
<TITLE>Страница 1</TITLE>
</HEAD>
<BODY BGCOLOR=aqua TEXT=black>
Дата добавления: 2016-01-20; просмотров: 845;