*ученики медленно заходили в класс и лениво рассаживались на своих местах. Но через пару секунд после начала урока перед каждым появился ноутбук*
-Тадам! Вот и пришло момент, когда теория плавно переходит в практику. Сегодня мы с вами создадим вашу первую (а может быть и нет) веб-страницу.
- Перед каждым из вас сейчас находиться по ноутбуку. Магловское изобретение но вполне удобное и полезное. Итак, нажимаем ПУСК - Стандартные и ищем Блокнот. Данная программа должна быть на всех компьютерах любой версии, поэтому затруднения в ее поиске у вас не должно быть. Именно с помощью Блокнота мы с вами будем создавать наши НЕ ШАБЛОНЫЕ страницы.
Открыли? Хорошо) Сейчас перед вами обычное пустое поле, но стоит нам записать в него волшебные слова как сразу все преобразиться. Уж поверьте мне. Готовы? Ну тогда поехали.
Для начала набираем исходный код:
<HTML>
<HEAD>
<TITLE>
Первая страница на уроках HTML
</TITLE>
</HEAD>
<BODY>
Первая страница на уроках HTML
</BODY>
</HTML>
Это называется ТЕГАМИ. Как видите каждый тег парный <BODY>
</BODY>
<TITLE>
</TITLE>
<HEAD>
</HEAD>
<HTML>
</HTML >
Знак / означает закрытие тега, окончание команды.
Каждый тег имеет свою функцию и предназначение.
Например тег
<HTML>
</HTML > - означает весь документ/страницу, ее начало и конец. Каждый веб-документ начинается с тега <HTML> и заканчивается закрывающимся тегом </HTML >
<HEAD>
</HEAD> - пишется заголовок документа. Обязательный атрибут <TITLE>
</TITLE>
<TITLE>
</TITLE> Каждый HTML-документ имеет название, заключенное между тегами. Это название будет отображено в заголовке окна браузера. Желательно что бы название не превышало 40 символом включая пробелы (пробел тоже символ)
<BODY>
</BODY> - между этими тегами помещается тело документа. Здесь может быть текст, ссылки, картинки и т.д.
Пока не сложно? Вот и хорошо. Теперь заключающая стадия создания нашей первой страницы. В Блокноте, после того как мы написали исходный код, выбираем Файл – Сохранить как…
И в появившемся окне в поле Имя файла записываем index.html
Index – самая главная, первая страница. Когда вы загрузите файл с таким именем в Интернет, например с помощью Народа, то именно на эту страницу будут попадать все ваши посетители, а уж с нее на все остальные.
Html – расширение файла, без него вы не увидете созданной страницы.
Итак, название файла, папку куда будете помещать созданный файл выбрали, теперь нажимаем сохранить.
Заходим в выбранную папку, ищем файл index.html открываем его и любуемся первыми результатами.
Мало? А вы что хотели для первого раза? Еще что то? *Алисия посмотрела на часы*
-Ну что ж, время у нас еще есть. Тогда давайте затронет такую тему куда ж девать потом сое творение. Ну создали вы его у себя на компютере, а что же дальше? А дальше нам поможет такой замечательный сайт как narod.ru который предоставляет пользователям (тобись нам) бесплатное место под свой сайт.
1. На Народе нажимаем кнопку Занять и дальше все делаем по инструкции.
2. Заходим под своим Логином и Паролем в свою Мастерскую.
3. Выбираем «Загрузить файлы» и с помощью обзора загружаем созданный нами на этом уроке файл index.html
4. Нажимаем кнопку загрузить и ждемс.
5. Присылаем полный адрес вашего сайта мне на почту и получаем за это баллы. Всем ясно?
downloaded from www.WOweb.ru
