 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Урок №3. Создаем свою первую страничку
|
|
ШАГ 1:
Создайте на своем компьютере папку с названием вашего будущего сайта, ну к примеру в данном случае актуально будет назвать папку obuchenie_html. Внутри папки создайте еще одну папку с названием www, а внутри нее еще одну для изображений с названием img (позже вставим туда картинки). Для наглядности я нарисовал вам приблизительную структуру, получившуюся в результате:
ШАГ 2:
Зайдите в созданную на предыдущем шаге папку www и создайте внутри нее текстовый документ. Для этого зайдите в нее, кликните правой кнопкой мыши в выпадающем меню выберите Создать – Текстовый документ. Перед собой вы должны видеть примерно следующее:
ШАГ 3: Теперь, следуя предыдущему уроку напишите в Блокноте текст простейшей странички:
ПРИМЕР:
<!DOCTYPE HTML PUBLIC ’’-//W3C//DTD HTML 4.01 Transitional//EN’’
’’http://www.w3.org/TR/html4/loose.dtd’’>
<html>
<head>
<title> Это моя первая страничка! </title>
</head>
<body>
<!--сейчас я напишу свою первую строчку текста!-->
Ура!!!! Я создал свою первую страницу на html!!!
</body>
</html>
Готово! Вы создали свою первую настоящую веб-страницу!
ШАГ 4. Теперь сохраните ваш документ как «index.htm» (расширение «.htm» указывает, что это HTML-документ. «.html» даст тот же результат. Это не имеет значения). Для этого в меню Файл выберите Сохранить Как:
ШАГ 5. После того как в блокноте прописали свои теги и сохранили как index.obuchenie.htm текстовой документ можно удалить. В папке остался ваш файл index.obuchenie.htm – подводим мышку и кликаем правой кнопкой, в выпавшем меню находим Открыть с помощью – Opera Internet Browser
Для того, чтобы внести изменения в страничку, вам нужно открыть данный файл через обычный блокнот. Либо же, можно менять прямо в браузере, но только в браузере Opera.
Как видите действительно в заголовке документа написано «Это моя первая страничка!» а комментарии действительно не отобразились в браузере!
Дата публикования: 2014-10-19; Прочитано: 365 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
