Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

HTML как язык разметки. Отвечаем на вопросы.

#1 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8
0

Отправлено 01 Декабрь 2008 - 13:18

На начальном этапе изучения HTML возникают обыденные вопросы.

1) Что называется сайтом?
2) Что за зверь – HTML?
3) Как использовать возможности данного языка?
4) Какие трудности возникнут при изучении?

Начну попорядку отвечать на все вопросы.

V: Что называется сайтом?

A: Сайт – это проект, разработанный одним человеком или группой лиц для определённых целей(Может быть несколько из перечисленных):
1) Создание интернет-сообщества для общения, обмена опытом, развлечений и т.п.
2) Привлечение потенциальных клиентов (Сайты-визитки)
3) Заработок в сети Интернет (Контекстная реклама, размещение баннеров на площадках, кликабельные сети)
4) На других посмотреть, себя показать.

V: Что за зверь – HTML?

A: HTML – (Hypertext Markup Language — «язык разметки гипертекста») Это стандартный основной язык разметки во Всемирной паутине. HTML-документ интерпретируется(преобразуется) браузером и отображается в удобном для человека виде(Тексты, ссылки, таблицы, блоки и многое другое).
HTML является подмножеством SGML(стандартного обобщённого языка разметки).

Изображение

V: Как использовать возможности данного языка?

A: Начнём с того, что есть множество HTML редакторов, начиная от простого блокнота до визуальных редакторов на подобии Macromedia DreamWeaver. В нашем курсе лекций я буду использовать только блокнот, так как работа руками всегда приветствуется, вы пишите код с умом. Все визуальные редакторы обделены интеллектом (попросту у них его нету), поэтому они лепят страницу не глядя в код, а глядя что нужно получить. Они необоснованно создают ненужные никому дополнительные элементы, когда можно обойтись без них. Поэтому моё мнение, лучший редактор это – Блокнот + руки.

Теперь как работать с блокнотом:

1) Открыть блокнот: Пуск -> все программы -> стандартные -> Блокнот
2) Что в нём нужно написать:
<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
Тело документа. Всё что пишется здесь, отображается на странице.
</body>
</html>

3) Чтобы сохранить документ в формате HTML(*.html) вам надо выполнить действие Файл -> Сохранить как… (File -> Save as…). Сохраните данный пример с именем index.html(такое имя всегда имеет главная страница ресурса).
4) Чтобы посмотреть нашу страницу, мы должны открыть браузер, в нём Файл -> Открыть -> Обзор -> index.html (File -> Open -> Browse -> index.html). Главное не забывать обновлять страницу после изменения нашего документа.

V: Какие трудности возникнут при изучении?

A: Данный язык основывается на тегах – которые затем интерпретируются в зависимости от их содержания. То есть вы не сразу увидите нужную вам картину, а только после правильного форматирования тегов, поэтому вам придётся самому представлять в голове как выглядит картина и в зависимости от этого форматировать текст с тегами. Поэтому HTML надо изучать постепенно, начиная с самых азов и переходя к более сложным конструкциям.

На этом этапе первую лекцию я осмелюсь закончить
-------------------------------------------------------------------------------

Начало :: Следующая лекция

 

 

  • 0

#2 Galeodor

Galeodor
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2

Отправлено 01 Декабрь 2008 - 17:05

предлагаю вместо "Блокнота" что то другое =) Хотя бы Notepad 2. Он хоть код посвечивает.
Zitoss, молодец.
  • 0

#3 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 01 Декабрь 2008 - 20:06

В данном случае и имел ввиду любой блокнот, просто прописывать всё ручками надо. Хоть с подсветкой хоть без... Тема на форуме по поводу редакторов уже была ;)
  • 0

#4 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 01 Декабрь 2008 - 21:26

Не знаю кому как, мне почему-то очень нравится редактор WDS2, по-моему он так называется. Он не выполняет никаких функций (кроме справочника и всплывающих подсказок, которыми я не пользуюсь). Но вот он мне кажется очень удобный.

А лекция для новичка самое то, но вот новичков правда не видно.
  • 0

#5 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 01 Декабрь 2008 - 21:30

Школа пойдёт и набирутся ;)
Скоро выйдет вторая статья, там я уже подробнее остановлюсь на понятиях тегов и рассмотрении простейших элементов
  • 0

#6 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 01 Декабрь 2008 - 21:31

Интересно было бы если Вы рассмотрели как можно большее количество тегов. Мне бы было интересно. А и указать, какие в каком браузере работают и плюсы и минусы их использования.
  • 0

#7 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 01 Декабрь 2008 - 21:36

Это расписывать очень долго информацию по тегам можно конечно сделать но это не новизна, есть уже такой ресурс
называется _http://htmlbook.ru/
Там и HTML теги и CSS аттрибуты все рассмотрены в подробностях, они этим занимаются ;)
  • 0

#8 Galeodor

Galeodor
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2

Отправлено 01 Декабрь 2008 - 22:45

на мой взгляд нужно рассматривать интересные решения. теги всегда можно найти в поминальнике.
  • 0

#9 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 01 Декабрь 2008 - 23:49

Интересные решения и обучающие лекции будут рассматриватьтся отдельно ;)
  • 0

#10 Arukard1

Arukard1
  • Пользователь
  • 193 сообщений
  • Репутация: 0

Отправлено 24 Декабрь 2008 - 15:50

нормально написал
Прикольно нарисова структуру страници)
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru