View
61
Download
0
Category
Preview:
DESCRIPTION
создание веб-страницы
Citation preview
Мастер-класс по информатике
27.03.2010
МОУ «СОШ №3 с углубленным изучением отдельных предметов»
ТЕХНОЛОГИЯ СОЗДАНИЯ WEB-СТРАНИЦЫ
Язык HTML состоит из специальных разметочных
указателей, иногда их называют флаги разметки, а
также команды или коды языка HTML, но чаще их
называют теги (от английского слова tag).
Тег – это инструкция браузеру, указывающая способ отображения текста.
Браузер – это программа, служащая для просмотра Web-документов (страниц в Internet).
Прописные и строчные буквы при написании тегов не
различаются.
<BODY>=<body<BODY>=<body>>
<Body>=<BoDy><Body>=<BoDy>
Тег всегда начинается и заканчивается угловыми скобками
“<>”.
Структура Структура HTMLHTML--файлафайла<HTML>
<HEAD>
<TITLE>заголовок окна</TITLE>
</HEAD>
<BODY>
…
…
…
</BODY>
</HTML>
Заголовокдокумента
Тело документа
ПРОГРАММА
ЗаданиЗаданиееНа рабочем столе в папке КОСМОС откройте файл
ГЕРОИ-КОСМОНАВТЫ.txt
ПРЕВРАТИМ ТЕКСТОВЫЙ ДОКУМЕНТ В WEB-СТРАНИЦУ.Сохраним файл как web-страницу, добавив к имени файла расширение html.
Удалим текстовый файл ГЕРОИ-КОСМОНАВТЫ.
ОТКРОЙТЕ ПОЛУЧЕННЫЙ ФАЙЛ
ДОБАВИМ ТЕГ <BR> В ФАЙЛ
ФАЙЛ С ИЗМЕНЕНИЯМИ СОХРАНЯЕМ И ЗАКРЫВАЕМ
Добавим на страницу цветной фон. Для этого в теге <BODY> допишем атрибут bgcolor с указанием цвета.
Например:
<BODY bgcolor=yellow>
или
<body BACKGROUND=star01a.jpg>
Сделаем текст стихотворения цветным. Для этого в теге <BODY> допишем атрибут text с указанием цвета.
Например: <BODY text=cyan>
Сделаем заголовок стихотворения и имя автора крупнее. Для этого воспользуемся парным тегом <BIG></BIG>.
Добавим на нашу Web-страницу картинку. Нам понадобится непарный тег <IMG> с атрибутом src, после которого указывается полное название картинки.
Например: <IMG src=r7.gif>
Создадим на нашей Web-странице бегущую строку. Движущийся элемент должен находиться внутри парного тега <MARQUEE></MARQUEE>.
Например: <MARQUEE><BIG>ГЕРОИ-КОСМОНАВТЫ</BIG>.<BR>
</MARQUEE>
ЗаданиеЗадание Сделайте бегущей строкой название стихотворения.
Представьте себя Web-дизайнерами и создайте свои web-странички о космосе.
Тексты стихотворений, фоны и картинки вы можете найти в папке КОСМОС.
ЗаданиЗаданиее
Recommended