Урок 2: Создаем свою первую страничку - Уроки HTML - Каталог статей - Учебник-основы HTML
Понедельник, 26.12.2011, 10:21:57
Главная Регистрация RSS
Приветствую Вас, Прохожий
Меню сайта
Категории раздела
Наш опрос
Оцените мой сайт
Всего ответов: 52
Мини-чат
 
200
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Поиск
Главная » Статьи » Уроки HTML » что такое газификатор - информация тут

Урок 2: Создаем свою первую страничку

Урок 2: Создаем свою первую страничку

Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка создадим ее по всем правилам(они пригодятся при работе с Adobe Dreamweaver).

ШАГ 1:
Создайте на своем компьютере папку с названием вашего будущего сайта, ну к примеру в данном случае актуально будет назвать папку obuchenie_html . Внутри папки создайте еще одну папку с названием www, а внутри нее еще одну для изображений с названием img (позже вставим туда картинки). Для наглядности я нарисовал вам приблизительную структуру, получившуюся в результате:

создание первой странички html

Пока поверьте мне на слово, дальше когда начнете изучать Dreamweaver все поймете.

ШАГ 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.htm увидите примерно следующее:

первая веб страница

Для того, чтобы внести изменения в страничку, Вам нужно открыть данный файл через обычный блокнот. Либо же, можно менять прямо в браузере, но только в браузере Opera.

Поэтому, если у Вас установлен именно он, то Вы можете просто запустить свою страничку, кликнуть правой кнопкой мыши, в выпадающем меню выбрать "Исходный Код" . Там можете менять все, что угодно. А затем, просто нажать на кнопку "Применить изменения" .

Как видите действительно в заголовке документа написано "Это моя первая страничка!" а комментарии действительно не отобразились в браузере!

Дело осталось за малым! Научиться форматировать текст, таблицы и.т.п.

Категория: Уроки HTML | Добавил: Timon-shymerlya (27.12.2009)
Просмотров: 1015 | Рейтинг: 5.0/2
Всего комментариев: 2
0  
2 Гаджетн красавчик=21   (21.12.2010 12:50:21)
ура !!! я создал свою первую страницу на html!!!

0  
1 remontnik   (28.03.2010 21:12:20)
Вы запланировали начать ремонт квартиры или сделать дизайн офиса, но не определились, к кому лучше обратиться? Строительные термины, такие как «электромонтаж», «стяжка», «ламинат», «штукатурка» все еще являются для Вас непонятными ругательствами на чужом языке, а ближайшая перспектива ремонтных работ кажется Вам ужасом? Ну тогда можете забыть о о своей боязни! Строительно-ремонтная организация «Московский мастер» с применением современных технологий сделает для Вас ремонт квартиры и офиса, любые виды сопутствующих отделочных работ вплоть до реализации дизайн-проекта с учетом архитектуры Вашей квартиры. Первоклассные специалисты «Московский мастер» – это ремонт квартир и офисов в Москве. Заказчикам нравится, что все наши работники трудятся под девизом: «Любому клиенту – только лучшее!». Справочная информация: Remont21.RU, (916)181-73-06

Имя *:
Email:
Код *: