Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование начинающим Выпуск второй


Автор статьи:
msyuha

Второй выпуск.

HTML и программирование. Начало.

HTML/XHTML powered by msyuha
Содержание
1.   Приветствие.
2.   Основы HTML
3.   Введение в программирование
4.   Заключение.
 


 Приветствие.
 
Здравствуйте уважаемые подписчики. Это опять я и новый выпуск рассылки "WEB программирование начинающим".
Хотелось сразу сказать спасибо вам, моим подписчикам, за то, что вы еще не отписались от рассылки или за то, что подписались на нее. =)
 Основы HTML
 
Очередной выпуск рассылки и раздел о HTML.
В предыдущем выпуске я уже писал немного о HTML и о его происхождение. Сегодня я расскажу вам первые простейшие примеры использования этого языка. Его основные тэги.
Для заметки могу сказать, что в Интернете есть куча различных учебников по html. А также можно приобрести в каком-нибудь книжном магазине бумажное издание книг по HTML, но в рассылках я буду уделять внимание не только книжным данным. Я постараюсь выкладывать свои замечания, дополнения, наблюдения. Основываясь на свой, хоть и небольшой опыт, постараюсь давать советы в разработке HTML страничек
Как писать HTML документы?
Для этого нам понадобятся 2е программы. Это текстовый редактор и браузер (например: Internet Explorer, далее "IE").
Текстовый редактор - это всем известный "Блокнот" в Windows. Думаю, в любой операционной системе (ОС) найдется встроенный текстовый редактор. Браузер также имеется стандартный, встроенный в любой ОС. Но существуют и альтернативные программы. Я посоветую вам скачать программу Notepad++ - это один из лучших текстовых редакторов.
Вот, когда у нас есть эти две программы, можно и приступить к написанию html документов. Создайте документ с именем index.html и откройте его как текст. И для проверки написанного откройте одновременно и в IE (либо в любом другом браузере)
Итак, начнем с самого начала. Пишем первые документы
Все html странички состоят из тегов. Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки < >.
Тело HTML документа состоит из нескольких блоков.

<HTML>
<!-- Начало HTML документа. -->
<HEAD>
<!-- Голова HTML документа, текст в данном разделе выводиться на страницу не будет, предназначен для описания свойств документа, этот раздел подробнее расмотрим позже.
Раздел является не обязательным, то есть может не указываться -->

</HEAD><!-- Конец раздела "Голова документа", обязателен при наличии <HEAD>, в противном случае указывать не нужно!!! -->
<BODY>
<!-- Основная часть HTML документа, содержит основной текст, теги форматирования текста и дополнительные элементы страницы, такие как код фотографий, таблицы и остальные элементы оформления. Тег обязателен. -->
</BODY> <!-- Конец основной части документа. -->
</HTML> <!-- Конец HTML документа. -->

Посмотрите на пример построения HTML документа. Единственное, что надо усвоить, так это если тег был открыт, то он должен быть закрыт. То есть если был открыт тег <BODY>, то он должен быть обязательно закрыт </BODY>. Но существуют и исключение из правил. Таких тегов не так много и вам не составит труда запомнить их.
Существует также правило "хорошего кода", но об этом позже. А сейчас пример документа, как он должен выглядеть:
<HTML>

 <HEAD>

 </HEAD>

  <BODY>
Наш первый документ.
  </BODY>

</HTML>

Это наш первый документ. При его запуске, в браузере будет выведен "ТЕКСТ" на белом фоне.
Советую вам самостоятельно поэкспериментировать с этими тегами. Сделать умышленно ошибки и посмотреть, что из этого получится. HTML не будет указывать на то, что в документе присутствует ошибка, единственное может произойти вывод на экране совсем неожидаемого результата. Советую вам всегда закрывать теги!
Теги форматирования текста.
<p> - Переход на новую строку, имеет парный закрывающийся тег </p>
Пример:
...
Пример номер 2. <p>Привет</p>
<!-- Пишется в главном разделе HTML документа <BODY> </BODY>
Попробуйте создать документ и поэкспериментировать с тегом <p> -->

...
Тег <p> может содержать в себе параметр align
align="left" - выравнивание текста по левому краю
align="center" - выравнивание текста по центру
align="right" - выравнивание текста по правому краю
Пример:
...
<p align="center">Пример #3</p> <p align="right">Привет</p>

...
<i> - Курсив, имеет парный тег </i>
<b> - Жирный, имеет парный тег </b>
<br/> - Переход на новую строку. не имеет парного тега. Также можно писать <br>, но в xhtml (более строгий язык, в отличии от html выводит ошибки) требует ввода именно как <br/>, в данном теги вводится слеш "закрытия", который должен стоять в парном теге. Но т.к у данного тега нет парного, то ставится слеш в конец названия. Хотя <br> не будет считаться ошибкой, советую вам писать <br/>, ибо в будущем вам это пригодится.
Подводим итог нашего раздела. Мы изучили основные разделы HTML документа. Узнали о нескольких тегах форматирования текста. В следующем выпуске мы продолжим изучение тегов форматирования текста. Если возникли вопросы по данному выпуску, то присылайте их мне на e-mail. msyuha@wlib.in
 Введение в программирование.
 
Что касается программирования. Если вы уже знакомы с тем, что такое программирование. Проходили к примеру в школе Pascal или Basic, то вам будет на много проще освоить языки web-программирования. Но если даже вы слышите слово "программирование" впервые, думаю, сможете изучить его основы. Начну я с php. PHP - это один из самых популярных и известных языков веб программирования, хотя также используется и для вап (для мобильных телефонов) сайтов.
Установка PHP.
Почти все платные и некоторые бесплатные хостеры предоставляют услуги с поддержкой php 4 версии или выше. Но для того, что бы было проще отлаживать и писать скрипты вам необходимо установить виртуальный сервер у себя на компьютер. Могу посоветовать самый простой способ установки, без всякого рода усложнений и затруднений. Зайдите по адресу http://denwer.ru и скачайте самый последний набор. Его размер примерно около 3.2мб. После чего установите его. Если возникнут проблемы по установке, вы всегда сможете найти ответ на сайте разработчиков или там задать вопрос.
 Итоги. Читайте в следующем выпуске.
 
Вот и закончился второй выпуск моей рассылки. В следующем выпуске мы разберем теги форматирования текста в HTML, посмотрим это на примерах, постараемся разобраться в "голове" HTML документа (Раздел  <HEAD> </HEAD>). По программированию узнаем первые его основы. И вы сможете создать первый свой скрипт (программу).
Заключение
В заключении хотелось сказать спасибо своим подписчикам, за их терпение. Ведь не каждый может до конца читать всякую чушь авторов. Надеюсь, этот и следующие выпуски вам понравятся.
Хотелось еще сказать на последок.
Если вам нравится эта рассылка, и вы хотели, чтобы она жила и продолжала свое существование, а может вы тот добренький дядя спонсор, который помогает всякого рода проектам или просто решили поблагодарить автора, то мои реквизиты:

R212238273194
Z774475333434

И помните, не бывает маленькой помощи, ибо даже копейка приятна.

В избранное