вкр (1210321), страница 2
Текст из файла (страница 2)
HTML документы должны начинаться с тэга «<HTML>», стоящего в начале файла, и заканчиваться тэгом «</HTML>». Между этими тэгами HTML документ организован как «ЗАГОЛОВОК (HEAD)» и «ТЕЛО (BODY)» документа, подобно почтовому сообщению. Внутри «HEAD» части указывается «ЗАГОЛОВОК (TITLE)» и другая информация о документе в целом. Внутри «BODY» части с помощью HTML тэгов текст структурируется в параграфы, списки и пр. с возможностью выделения стилем отдельных слов и целых предложений и создания ссылок на части этого и внешние документы.
В HTML документе тэги определяют начало и конец заголовков, параграфов, списков, подсветку символов и ссылки. Большинство HTML элементов в документе определены как открывающий тэг, который указывает имя элемента и атрибуты, затем указывается тело элемента, за которым следует закрывающий тэг. Символами-ограничителями для открывающего тэга являются «<» и «>»; для закрывающего – «</» и «>».
Некоторые элементы появляются только как открывающий тэг. Например, для создания линии-разделителя используется тэг <BR>.
Основная сила HTML заключается в его способности связывать области текста (а также картинок) с другими документами. Браузеры выделяют эти области (обычно цветом и/или подчеркиванием) для того, чтобы указать, что это гипертекстовые ссылки. Anchor – это часть текста, которая отмечает начало и/или конец гипертекстовой ссылки. Текст, находящийся между открывающим и закрывающим тэгом является стартовой точкой или местом назначения гипертекстовой ссылки. Атрибуты данного тэга следующие:
Атрибут «HREF» необязательный. Если присутствует атрибут «HREF», Anchor это чувствительный текст: стартовая точка для ссылки. Если читатель выбирает этот текст, ему будет представлен другой документ, чей сетевой адрес был указан в значении атрибута «HREF». Формат сетевого адреса аналогичен URL. Это позволяет структуре HREF="#identifier" ссылаться на другой anchor в текущем документе, или в удаленном документе при указании его адреса перед знаком '#'.
Атрибут «NAME» необязательный. Если присутствует, позволяет использовать anchor как место назначения ссылки.
Все атрибуты необязательны, за исключением того, что для того, чтобы тэг имел смысл, должен присутствовать либо атрибут «HREF», либо атрибут «NAME».
Примеры использования:
а) <A NAME="anchor_name"> ... </A> - определяет место в документе, на которое будет сделана ссылка;
б) <A HREF="#anchor_name"> ... </A> - ссылка на позицию в текущем документе;
в) <A HREF="URL"> ... </A> - ссылка на другой файл или ресурс.
Таблицы формируются при помощи тега <table>. Тегом <tr> определяется строка таблицы, тег <td> определяет отдельную ячейку в таблице. Строки, столбцы таблицы должны быть вложенными в неё. Допускается вложение одной таблицы в другую, соединение нескольких строк или столбцов.
Гиперссылка – фрагмент HTML-документа и его базовый элемент, указывающий на другой файл, который может быть расположен в Интернет. Содержит полный путь (URL) к этому файлу.
Для определения ссылки используется тег <a…></a>. Ссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указателем ссылки может быть слово, группа слов или изображение. Адресной частью ссылки является адрес Web-страницы, которая будет загружена при щелчке кнопкой мыши на указателе [41].
Extensible Markup Language (XML) – это язык разметки, описывающий целый класс объектов данных, называемых XML-документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов. Т.е. сам по себе XML не содержит никаких тэгов, предназначенных для разметки, он просто определяет порядок их создания.
Процесс создания XML документа очень прост и требует от нас лишь базовых знаний HTML и понимания тех задач, которые мы хотим выполнить, используя XML в качестве языка разметки. Таким образом, у разработчиков появляется уникальная возможность определять собственные команды, позволяющие им наиболее эффективно определять данные, содержащиеся в документе. Автор документа создает его структуру, строит необходимые связи между элементами, используя те команды, которые удовлетворяют его требованиям и добивается такого типа разметки, которое необходимо ему для выполнения операций просмотра, поиска, анализа документа.
XML позволяет также осуществлять контроль за корректностью данных, хранящихся в документах, производить проверки иерархических соотношений внутри документа и устанавливать единый стандарт на структуру документов, содержимым которых могут быть самые различные данные. Это означает, что его можно использовать при построении сложных информационных систем, в которых очень важным является вопрос обмена информацией между различными приложениями, работающими в одной системе. Создавая структуру механизма обмена информации в самом начале работы над проектом, менеджер может избавить себя в будущем от многих проблем, связанных с несовместимостью используемых различными компонентами системы форматов данных.
XHTML – это основанный на XML язык разметки гипертекста, максимально приближенный к текущим стандартам HTML. XHTML отличается от HTML строгостью написания кода. Если HTML позволял писать практически любые конструкции и браузер их корректно распознавал, то теперь, с появлением XHTML, это стало невозможным. Последний требует строгого соблюдения всех правил, предъявляемых W3C. Строгие требования к оформлению XHTML-кода позволяют избежать многих ошибок ещё на стадии написания и отладки [36].
1.3.2 Таблицы стилей CSS
CSS (Cascading Style Sheets) – одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без применения CSS.
CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.
Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением СSS, либо в виде отдельного текстового фрагмента в начале XHTML/HTML-документа.
Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML – за содержание и логическую структуру документа.
Ниже представлен фрагмент XHTML-документа:
<h1>Заголовок</h1>
<p>Текстовое содержимое страницы<p>
Из служебной XHTML разметки присутствует только элемент заголовка h1 и абзаца p, и ни слова об оформлении – шрифтах, цвете текста, фоне, отступах и прочем дизайне. Всё это возложено на CSS:
Оформление заголовков:
h1 {
color: red;
background-color: yellow;
font: Tahoma 2em;
}
Оформление абзацев текста:
p {
color: grey;
line-height: 150%;
}
CSS-правила состоят из селектора и блока объявлений (заключённого в фигурные скобки). Внутри блока объявлений (внутри фигурных скобок) может находиться одно или несколько объявлений, разделённых точкой с запятой. Объявление – это строка, составленная из css-свойства и его значения [44].
-
Сценарные языки
Javascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).
С помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана). Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.
Вся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все, что можно сделать с его помощью, – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе [3].
Perl – высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри Уоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как Practical Extraction and Report Language – «практический язык для извлечения данных и составления отчётов».
Основной особенностью языка считаются его богатые возможности для работы с текстом, в том числе работа с регулярными выражениями, встроенная в синтаксис. Перл унаследовал много свойств от языков Си, AWK, скриптовых языков командных оболочек UNIX.
Общая структура Perl в общих чертах ведёт своё начало от языка Си. Perl – процедурный по своей природе, имеет переменные, выражения присваивания, блоки кода, отделяемые фигурными скобками, управляющие структуры и функции.
Perl также заимствует ряд свойств из языков программирования командных оболочек UNIX. Все переменные маркируются ведущими знаками, которые точно выражают тип данных переменной в этом контексте (например, скаляр, массив, хеш). Важно, что эти знаки позволяют переменным быть интерполированным в строках. Perl обладает множеством встроенных функций, которые обеспечивают инструментарий, часто используемый для программирования оболочки, например, сортировку или вызов системных служб.
PHP (Hypertext Preprocessor) – это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок, и его код может внедряться непосредственно в HTML.
Вместо рутинного вывода HTML-кода командами языка (как это происходит, например, в Perl или C), скрипт PHP содержит HTML с фрагментами кода. Код PHP отделяется специальными начальным и конечным тегами «<?php» и «?>», которые позволяют «переключаться» в «PHP-режим» и выходить из него.
PHP отличается от JavaScript тем, что PHP-скрипты выполняются на сервере и генерируют HTML, который посылается клиенту. Можно настроить свой сервер таким образом, чтобы обычные HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.
PHP крайне прост для освоения, но вместе с тем способен удовлетворить запросы профессиональных программистов [34].
Python – высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности разработчика и читаемости кода. Синтаксис ядра Python минималистичен. В то же время стандартная библиотека включает большой объём полезных функций.
Python поддерживает несколько парадигм программирования, в том числе структурное, объектно-ориентированное, функциональное, императивное и объектно-ориентированное. Основные архитектурные черты – динамическая типизация, автоматическое управление памятью, полное самонаблюдение, механизм обработки исключений, поддержка многопоточных вычислений и удобные высокоуровневые структуры данных. Код в Python организовывается в функции и классы, которые могут объединяться в модули (они в свою очередь могут быть объединены в пакеты).
Язык обладает чётким и последовательным синтаксисом, продуманной модульностью и масштабируемостью, благодаря чему исходный код написанных на Python программ легко читаем. Одной из интересных синтаксических особенностей языка является выделение блоков кода с помощью отступов (пробелов или табуляций), поэтому в Python отсутствуют операторные скобки begin/end, как в языке Паскаль, или фигурные скобки, как в Си.
1.3.4 Онлайн конструкторы
Wix – зарубежный проект, предоставляет богатейший инструментарий
для создания действительно красивых и функциональных сайтов, будь то Интернет-магазин, сайт-визитка либо блог. Интерфейс мощный и удобный, сразу видно профессионализм команды разработчиков, что внушает доверие к ресурсу.
К преимуществам относятся:
-
огромное количество качественных и разнообразных шаблонов (более 1000);
-
возможность создания собственного уникального шаблона;
-
мощный редактор сайта;
-
наряду с HTML5 есть возможность создания сайтов на flash;
-
поддержка функции Drag & Drop;
-
очень гибкие и разнообразные настройки;
-
сайты на Wix хорошо индексируются поисковыми системами;
-
русифицированный, понятный и приятный на вид интерфейс;
-
возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);
-
довольно отзывчивая техподдержка;
-
в разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;
-
достаточно выгодное соотношение цена/качество при переходе на платный пакет.
Недостатки:
-
недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид wixлогин.wix.com/название сайта;
-
реклама в нижнем левом углу, которую можно убрать, лишь оплатив платный пакет.
A5 – сервис является аналогом западного Wix. Функционал практически полностью совпадает, работа по созданию сайта происходит как в HTML5-редакторе, так и во flash.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
