 |
HTML - язык гипертекстовой разметки документов
|
|
|
|
HTML и CSS
Самым популярным и достаточно простым способом создания Интернет странички является язык гипертекстовой разметки HTML, в настоящее время он подвергся некоторой упорядоченности (валидность) и стал именоваться xHTML. Язык представляет собой набор тегов, заключая текст в которые, вы можете управлять внешним видом вашей страницы (например, выделять текст жирным шрифтом или курсивом), ему и верстальщикам (программистам на xHTML) пришли в помощь CSS – каскадные таблицы стилей, служащие для структурной разметки страницы. В настоящее время CSS также прошёл некоторую эволюцию и усовершенствование. Изучив язык HTML и включая в него CSS, вы можете создавать страницы и даже небольшие сайты, но они будут полностью статичными (можно провести параллель с журналом). Такие сайты отлично подходят для визитной карточки фирмы, рекламирующие свои услуги в сети Интернет.
Язык программирования JavaScipt
Для более функциональных сайтов существует язык программирования JavaScipt. Он используется лишь на стороне клиента, проще говоря в Интернет браузере пользователя. Служит этот язык для небольших «примочек» для сайтов в виде визуальных эффектов (таких как снег или плавное появление эллиментов), для проверки правильности заполнение форм регистрации, обратной связи. В последнее время JavaScript стал популярным благодаря технологии Ajax – одновременное использование JavaScript, протокола передачи данных серверу HTTP и языка программирования на стороне сервера.
Скриптовые языки PHP, Java, Perl, ASP
Существует немало языков для написания скриптов, которые при обработке выдают необходимую нам информацию на языке HTML. В разное время популярны были разные скриптовые языки, такие как Java, Perl, ASP и многие другие. Все они обладают своими преимуществами (один надёжнее, другой проще в освоении). В настоящее время самым популярным и активно развивающимся языком является PHP. С его использование создаётся большинство современных сайтов и даже очень популярных порталов. Тем не менее, каждый программист вправе выбрать понравившийся ему язык и разработать свой проект.
|
|
|
Базы данных MySQL, SQLLite MsSQL
Языки запросов к базам данных играют так же немаловажную роль в создании сайта, ведь именно они «вытаскивают» необходимую вам информацию. Самым популярным в настоящее время является SQL. Хотя для каждой базы данных его синтаксис может изменяться, но всё же это незначительные изменения и переход с одной БД на другую не займёт больших усилий. Самыми используемыми на сегодняшний момент являются базы MySQL, SQLLite MsSQL и некоторые другие.
XML - язык для создания структурированных данных.
Большую популярность набирает XML - язык, а скорее даже набор правил, для создания структурированных данных, понятных не только машине, но и человеку (часто даже не подготовленному). Его прямыми потомками являются SML, SMLT – набор правил для отображения XML.
Конечно же разновидность технологий не ограничивается перечисленными, их намного больше. К примеру такие технологии, как DOM – структура самой веб-страницы, SSI – язык команд веб-серверу, а так же большое количество Интернет-протоколов для передачи данных и файлов (HTTP, HTTPS, FTP и многие другие).
Подводя итог всему вышесказанному, необходимо отметить, что выбор технологии для создания сайта лежит исключительно за вами, но большинство сайтов работают именно на вышеописанных языках. А поэтому и с литературой проблем быть не должно. Конечно же, время идёт – всё меняется. Интернет не является исключение, скорее наоборот. Технологии создания сайта изменяются ещё быстрее.
Что такое HTML?
|
|
|
HTML - язык гипертекстовой разметки документов
Язык гипертекстовой разметки документов (HTML) представляет собой набор стандартных кодов и соглашений, предназначенных для создания веб-страниц и подготовки их к выводу на экран браузеров. Используя HTML, можно создавать веб-страницы, включающие в себя форматированный текст и команды вывода изображений и других мультимедийных элементов.Веб-страница определяется как единый HTML-документ, независимо от его длины. При ее просмотре вы можете не прокручивать экран вообще, а можете прокручивать много раз. В любом случае вы наблюдаете на экране только лишь одну веб-страницу.Само название языка дает некоторое понятие о его предназначении: это язык разметки. И это отличает его от языков программирования. Можно говорить, что HTML — это набор инструкций, которые указывают веб-браузеру, каким образом выводить тот или иной текст или изображение. В большинстве случаев это делается командами управления документом. Например, HTML-документ может содержать команду, делающую конкретный текст - <h1>Добро пожаловать на мою страничку</h1> заголовком странички:
Добро пожаловать на мою страничку
<hl> и </hl>, окружающие текст, называются тегами (флажками).
Они образуют элемент, сообщающий браузеру о том, что текст, содержащийся между тегами, является заголовком первого уровня. Браузер знает, как обрабатывать эти теги, и, соответственно, изменяет начертание букв этого текста.
Подобным же образом HTML-документ может содержать команды, загружающие изображение и размещающие его на экране: <img src="image.jpg" />
Этот код сообщает браузеру, что необходимо загрузить файл image.jpg и разместить его на страничке.
Даже изображения и мультимедийные элементы, которые находятся на страничке, являются частью разметки HTML.
В документ Word, например, изображения могут встраиваться, становиться его частью, тогда как в HTML-документе указывается только их расположение, а сами изображения существуют отдельно.
Документ, созданный с помощью HTML, всегда является простым текстовым файлом, как текст программы, никакие элементы типа изображений в него не встраиваются.
Когда браузер читает HTML-документ, он распознает команды загрузки и позиционирования тех изображений или мультимедийных элементов, которые вы решили включить в этот документ.
Кроме того, почти в любом документе имеются инструкции создания гиперссылок, то есть ссылок на другие документы.
|
|
|
Веб страницу можно написать за несколько минут в обычном тектовом редакторе - Блокноте (нужно только у полученного текстового файла сменить расширение c *. txt на *. htm).
Ниже приведен код и пояснения к нему:
<html>
<head> </head>
<body>
<h1>Пример написания простой вебстраницы</h1>
<h2>пример вставки тэгов - заголовков и графического файла</h2>
< img src="pic/imagess.gif" />
< /body>
< /html>
< html> - тэг открывающий любой веб документ, если есть открывающий тэг, то должен быть и закрывающий тэг - </html>
< head> <title> </title> </head> - заголовок HTML документа, содержащий невидимую, но необходимую служебную информацию - метатэги (видим содержание только титла страницы - <title>)
< body> </body> - тело документа, между этими тэгами размещается все содержимое страницы.
Можно писать код страниц в ручную, но это достаточно утомительное занятие. Как правило, используются различные профессиональные редакторы HTML для создания сайтов различной сложности, позволяющие делать эту работу намного быстрее и легче.
Задание: Набрать текст создания Веб-страницы в блокноте и сохранить его под названием Site.htm. Открыть файл и проанализировать полученный вид страницы, сопоставив его с программным кодом.
<html>
<head> </head>
<body>
<h1>Пример написания простой вебстраницы</h1>
<h2>пример вставки тэгов - заголовков и графического файла</h2>
< img src="pic/imagess.gif" />
< /body>
< /html>
|
|
|
