- •«Вычислительные машины, системы и сети»
- •Лабораторная работа №1 структура документа. Текстовые блоки и форматирование текста
- •Теоретический раздел
- •Практический раздел
- •Задание
- •Лабораторная работа №2 гиперссылки и списки
- •Теоретический раздел
- •Практический раздел
- •Задание
- •Лабораторная работа №3 работа с таблицами и графикой
- •Теоретический раздел
- •Практический раздел
- •Задание
- •Лабораторная работа №4 фреймы
- •Теоретический раздел
- •Практический раздел
- •Задание
- •Лабораторная работа №5 создание сайта в internet
- •Лабораторная работа №6 каскадные таблицы стилей
- •Теоретический раздел
- •Задание
- •Лабораторная работа №7 обработчик событий
- •Теоретический раздел
- •Задание
- •Лабораторная работа №8 html формы
- •Теоретический раздел
- •Задание
- •Лабораторная работа №9 введение в javascript
- •Теоретический раздел
- •Задание
- •Лабораторная работа №10 работа с массивами, графикой и окнами посредством javascript
- •2. Задание
- •Лабораторная работа №11 фильтры
- •Теоретический раздел
- •Задания
Практический раздел
Создать документ "left.htm"
Документ «main.htm»: |
<html> <head> <title>Мой первый шаг </title> </head> <body text="#FFFFFF" bgcolor="#4f5e81"> <center> <H3>Здравствуйте, это моя первая страница.</H3> <br> <font color="#CC0000"> Добро пожаловать!</font>: </center> <p align="justify"> <img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt="моя фотография"> Я совсем недавно начал знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. <br> <br> А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится <b> еще один виртуальный друг? </b><br> <br> На фотографии изображен я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего.<br> <br> Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке? Кто знает, может быть мы и в реальной жизни станем друзьями.</p> </body> </html>
|
Создать документ "menu.htm"
Документ «menu.htm»: |
<html> <head> <title>left</title> <meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251"> </head> <body bgcolor="#4f5e81" text="#FFFFFF"> <a href="main.htm" target=mainFrame><b>Главная</b></a><br> <a href="aboutme.htm" target=mainFrame><b>Про меня</b></a><br> <a href="rezume.htm" target=mainFrame><b>Резюме</b></a><br> <a href="links.htm" target="mainFrame"><b>Ссылки </b></a><br> <a href="photo.htm" target=mainFrame><b>Мой альбом</b></a> </body> </html> |
Создать документ "index.htm".
Документ «index.htm»: |
<html> <head> <title>Untitled Document</title> <meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251"> </head> <frameset cols="159,*" frameborder="NO" border="0" framespacing="0" rows="*"> <frame name="leftFrame" scrolling="NO" noresize src="menu.htm"> <frame name="mainFrame" src="main.htm"> </frameset> <noframes> <body bgcolor="#FFFFFF" text="#000000"> </body> </noframes> </html> |
Задание
Создать свою главную страницу (index.htm), состоящую из 2-х фреймов. Левый фрейм должен содержать меню (left.htm), правый главную страницу(main.htm). Меню должно содержать ссылки на созданные документы. На главной странице разместите краткую информацию о вашем сайте.
Лабораторная работа №5 создание сайта в internet
Цели работы:
зарегистрироваться на Яндексе;
загрузить сайт на Яндекс.
Открыть Google Chrome.
Ввести в командную строку следующий адрес http://www.yandex.ru/.
Найти следующее
Нажать "Зарегистрироваться".
После этого должно открыться следующее окно регистрации.
После того как вы выполните все требования: заполните форму и нажмете "ОK" появиться следующая страница
После регистрации необходимо зайти на www.narod.yandex.ru. Имя сайта должно совпадать с вашим логином. После успешной регистрации сайта появиться следующее окно.
Теперь нужно войти в раздел "Моя мастерская"
После загрузки страницы необходимо выбрать раздел "Загрузка файлов на сайт". В результате откроется следующий документ.
После того как вы загрузили файлы в Интернет можно зайти на свой сайт.
