разработка сайта с использованием HTML.ppt
- Количество слайдов: 7
ПРАКТИЧЕСКАЯ РАБОТА Разработка сайта с использованием языка разметки текста HTML
Задание: СОЗДАТЬ ПАПКУ С ФАМИЛИЕЙ В ПАПКЕ «МОИ ДОКУМЕНТЫ» !!!!!!! 1) Создать сайт с использованием языка разметки текста HTML в простейшем редакторе Блокнот. Сайт «Компьютер» должен содержать: Начальную страницу и страницы «Программы» , «Словарь» и «Анкета» . 2) Сохранить их в файлах с именами index. htm, software. htm, glossary. htm и anketa. htm в папке сайта. Все данные для сайта сохраняем в своей папке!
Начальная страница сайта 1. Пишем код в блокноте: <HTML> <HEAD> <TITLE> Компьютер </TITLE> </HEAD> <BODY> Все о компьютере </BODY> </HTML> 2. Сохраняем с именем index. htm 3. Запускаем двойным щелчком, смотрим, что получилось.
Добавим на начальную страницу текст, разбитый на абзаце с различным выравниванием <HTML> <HEAD> <TITLE> Компьютер </TITLE> </HEAD> <BODY> Все о компьютере <P ALIGN="left">На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. </P> <P ALIGN="right"> Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. </P> </BODY> </HTML>
Изменим шрифт и положение: Заголовок крупный по центру синего цвета, отделенный горизонтальной линией от двух по-разному выровненных абзацев <HTML> <HEAD> <TITLE> Компьютер </TITLE> </HEAD> <BODY> <FONT COLOR="blue"> <H 1 ALIGN="CENTER"> Все о компьютере </H 1> </FONT> <HR> <P ALIGN="left">На этом сайте вы сможете …</P> <P ALIGN="right"> Терминологический словарь…</P> </BODY> </HTML>
Добавим изображение картинки <HTML> <HEAD> <TITLE> Компьютер </TITLE> </HEAD> <BODY> <FONT COLOR="blue"> <H 1 ALIGN="CENTER"> Все о компьютере </H 1> </FONT> <HR> <P ALIGN="left">На этом сайте вы сможете …</P> <P ALIGN="right"> Терминологический словарь …</P> <IMG SRC="computer. gif" ALIGN="right"> </BODY> </HTML>
Добавление гиперссылок. 1. Добавим в сайт (в личную папку) пустые страницы «Программы» , «Словарь» и «Анкета» . Сохранить их с расширением. htm. 2. Дополним код:   – разделение гиперссылок пробелами **** <P ALIGN="center"> [<A HREF="software. htm">Программы</A>]   [<A HREF="glossary. htm">Словарь</A>]   [<A HREF="anketa. htm">Анкета</A>] </p> <ADDRESS> <A HREF="mailto: username@server. ru"> E-mail: username@server. ru</A> </ADDRESS> </BODY> </HTML>
разработка сайта с использованием HTML.ppt