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

CenterINet - все для начинающих и опытных вэб-мастеров


Информационный Канал Subscribe.Ru

CenterINet - рассылка для начинающих и опытных вэб-мастеров

Доброго времени суток!!!

Сегодня в выпуске (#1_2):

  • Подписчикам
  • Что такое HTML и структура документа
  • Вопрос-ответ
  • Скрипты
  • Предлагаем сотрудничество
  • Наши друзья

Подписчикам.

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

Что такое HTML и структура документа

   Мы постоянно говорим всемирная паутина, www, Интернет - все ''это'', состоит из огромного количества страниц, которые размечены с помощью языка разметки гипертекста HTML (HyperText Markup Language). Данный язык - не является языком программирования в том смысле данного слова, которое мы всегда привыкли употреблять. Это некое средство, для правильного расположения различных элементов HTML страниц - форм, рисунков, таблиц и т.д. На языке HTML у Вас не получится написать скрипт или программу, для обработки полученных рзультатов из web формы, для этого разработано множество специализированных языков, таких как: JavaScript, PHP, Perl и др., речь о которых пойдет ниже.

   Для создания страниц достаточно обычного текстового редактора ''Блокнот'', но для данных целей, дабы облегчить труд web мастеров, разработан ряд специальных программ, HTML редакторов, таких как HomeSite, 1st Page2000, HotDog и много других. Мы с Вами будем использовать - 1stPage2000, помимо этого нам понадобится ряд программ для работы с изображениями и пр. (о данных программах Вы сможете прочитать здесь, либо из выпусков нашей рассылки) .

   Файлы которые мы будем создавать должны иметь расширение html либо htm, это делается для того, чтобы браузер (программа для просмотра HТML страниц - InternetExplorer, Opera и .т.д.) получив документ смог правильно его интерпретировать, ведь он может не только обрабатывать HTML страницы, но и выводить рисунки, воспроизводить звуки (при наличии дополнительных модулей). Но хотелось бы сразу сделать оговорку - мы с Вами будет сохранять файлы с расширением phtml, почему? Объясняю. Ведь мы с Вами решили создавать интерактивные страницы, правда? Так вот, для того, чтобы программа поняла, что это именно PHP программа, файлы должны иметь расширение либо phtml, либо php (допустим и ряд других). Но давайте сейчас не будем заострять на этом внимание, просто запомним это и все.

   Вернемся непосредственно к HTML. Мы говорили, что HTML ''размечает сраницу'' нужным нам образом, но как все это происходит? Для этих целей в языке HTML используются - тэги. Тэг - слово, заключенное между знаками < и >, не отображаемое в окне браузера. У КАЖДОГО тэга есть имя и параметры. Любой тэг можно описать так:

<ИМЯ_ТЭГА ПАРЕМЕТР1=ЗНАЧЕНИЕ1 ПАРАМЕТР2=ЗНАЧЕНИЕ2>
ЧТО-ТО
</ИМЯ_ТЭГА>

   Большинство тэгов используются попарно, т.е. для определенного тэга - открывающего, существует закрывающий его тэг:

<В> ЖИРНЫЙ ШРИФТ </В>

Такие тэги называются тэгами-контейнерами.

   Но есть и не закрывающиеся тэги:

<IMG SRC=pic.GIF WIDTH=450 HEIGHT=350 BORDER=0 ALT=картинка >

   При написании соблюдатьрегистр букв необязательно, главное, чтобы все было записано верно. Перейдем к структуре документа.

   САМЫМ ПЕРВЫМ тэгом, с которого должно начинаться описание HTML документа (страницы) является тэг <HTML>, а завершать описание документа должен тэг </HTML>. Они обзначают, что между ними находится единый HTML документ. Чаще всего открывающий тэг <HTML> используется без параметров, но перед ним необходимо поместить следующую строку:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

которая указывает, что используется спецификация HTML 4.0.

   Далее идет тэг контейнер <HEAD>, который не выводится на экран (кроме названия документа, описываемого тэгом <TITLE>), но содержащий много полезной информации (если Вы ее туда добавите) о странице, ее авторе и т.д.

   Следующий тэг контейнер <TITLE>, который отображает название документа, в левом верхнем углу (в заголовке окна) браузера.

   Тэг <META> позволяет автору документа опроделять информацию, не имеющую отношеник к HTML.

   И, наконец, тэг контейнер <BODY>, в котором содержится вся информация, отображаемая на экране. Что это может быть? Например имя автора, описание документа, ключевые слова документа и еще много интересного, постараемся рассмотреть данный тэг на конкретных примерах рассмотренных ниже, а пока наиболее часто встречаемые варианты использования данного тэга:

<META CONTENT="text/html; charset=windows-1251" HTTP-EQUIV=Content-Type> - выведет документ в кодировке Windows

<META name=description content="ваше описание"> - описание документа

<META NAME=keywords CONTENT="слова через пробел"> - ключевые слова документа

   Это не все тэги, которые встречаются в разделе HEAD, о других мы будем говорить ниже, по мере того, как они будут на необходимы. Ну вот мы и научились создавать элементарные HTML документы. Закрепим полученный материал:

   Теперь можно скопировать данный текст в любой текстовый редактор (не советую Word, используете HTML редактор 1stPage2000), и сохранить файл как index.phtml в папку Work (созданную ранее в корне диска C, см. здесь). Теперь если Вы пользуетесь SmallHTTP Server и у Вас все настроено правильно (как описывалось в предыдущем выпуске нашей рассылки или здесь), набирите в браузере http://127.0.0.1 нажмите ENTER.

   Поздравляю, это Вашее первое ''творение''. Если возникнут вопросы, пишите ivan_sanuch@mailru.com. До скорых встреч!

Вопрос - ответ

   Aleksey VS avs@mosk.ru

   Не секрет, что для отладки сценариев выполняемых на сервере необходимо установит на компьютер веб сервер. Один из популярных серверов это Апач. Но если необходимо работать с ASP, то нужен веб сервер от MicroSoft такой как IIS. Вопрос. Можно ли работать с ASP используя Апач? Может необходимо что-то установить к Апачу?

   Прнзнаюсь, я с ASP не работал, поэтому что-то подсказать, здесь не смогу. Может быть кто-то из подписчиков знает ответ.


   kokko kokaene@hotmail.com

   vi pishete 1 pege2000 besplatni no po moemu net otvete pojalusta

   Да он FREE.


   Boykova Nataliya web@mdesign.ru

   Small HTTP server невозможно после установки удалить с компьютера. Никогда не надо давать ссылки на такие ресурсы сети.

   Просто удалите папку, в которую Вы его установили.


Скрипты

Гостевая книга v1.0

   Автор: Ivan_Sanuch
   Усл. распространения: Free

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

   Скачать (3kB)

FAST TEXT v 1.0

   Автор: TVOROG
   Усл. распространения: Free

   Скрипт преднозначен для того, чтобы облегчить изготовление гостевых, чатов, форумов. При нажатии на ссылку необходимый текс заносится в TextArea путём нажатия на любой объект страницы, будь то либо ссылка, либо просто текст или форма.

   Скачать (2kB)

Предложение

   Если у вас есть интересные скрипты, статьи и др. материалы, то присылайте их мне, они появятся в соответсвующем разделе в рассылке и на сайте.

Подробнее >>>

Предлагаем сотрудничество

   Если у Вас есть свой ресурс в сети, то пожалуйста разместите любой из приведенных ниже кодов на нем.

   Это форма подписки на данную рассылку.

   Это кнопка подписки на данную рассылку.

Наши друзья

ВСЁ,ЧТО НЕОБХОДИМО КАЖДОМУ ВЕБ МАСТЕРУ:
ОТ СКРИПТОВ И АППЛЕТОВ, ДО КНИГ ПО PHP, PERL, CGI, JAVA, JAVA SCRIPT, SSI, CSS

ivan_sanuch@mailru.com
Иванов Иван



http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное