Диплом (1218676), страница 2

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

Некоторые теги не имеет завершающих тегов, потому что они используются для размещения отдельных (автономных) элементов на странице. Одним из них является тег изображения <img>, он просто помещает графику в поток страницы. Другие автономные теги – это разрыв строки (<br>), горизонтальная линия (<hr>) и теги, содержащие информацию о документе и не влияющие на содержимое, выводимое на экран, такие как <meta> и <base>.

Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие:

– если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.> или дефис <->), то можно поместить его после знака равенства без кавычек;

– если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы "://". Также кавычки необходимы при задании значений цветов с использованием формата "#rrggbb".

HTML5 – это новая технология в развитии web-индустрии, предназначенная для эффективного создания мобильных сайтов и приложений.

Одной из важных составляющих html5 является семантика, каждый тег отныне будет обладать своей смысловой нагрузкой, а не просто форматировать тот или иной контент.

Теги html5 участвующие в формировании структуры страницы сайта представлены на рисунке 1:

• header – шапка сайта;

• nav – основное меню сайта;

• section – раздел сайта;

• aside – сайдбар сайта;

• footer – подвал сайта.

Рисунок 1 – Теги формирования структуры html5

Тег header в html5, обозначает шапку сайта. Обычно тегами <header> </header> обрамляют шапку страницы сайта.

В шапке страницы сайта чаще всего располагают заголовок (девиз, слоган компании), логотип сайта (компании), контактную информацию (телефоны, часы работы). В шапке сайта можно встретить ссылки на: карту проезда, заказать звонок, поисковую строку и различные элементы типа социальных кнопок.

Тег nav в html 5, обозначает основное меню сайта (панель навигации). Обычно тегами <nav> </nav> обрамляют основное меню страницы сайта, которое расположено сразу под шапкой сайта. В меню nav, обычно располагают ссылки на важные страницы сайта, это могут быть страницы контактов, о компании, каталог, магазин, главная, описание услуг, новостей и т.д.

Тег section в html 5, может обрамлять повторяющиеся элементы (разделы), на странице сайта. Данный тег довольно сложен для понимания, попробуем разобраться когда же его применять. Теги <section> </section> могут обрамлять комментарии на сайте, ответы темы на форуме, анонсы (цитаты) новостей или постов на главной странице, страниц категориев, меток и т.д.

Тег aside в html 5, обрамляет боковую панель (сайдбар), на странице сайта. Тегами <aside> </aside> оычно обрамляют блок виджетов на сайте. В качестве виджетов могут выступать: блок категориев, меток, последних записей, последних комментариев, популярных страниц, поисковая строка и т.п.

Тег footer в html5, обрамляет подвал, на странице сайта. В тегах <footer> </footer> оычно содержится инфрмация относящаяся к самому сайту, а не к основному контенту, например: правовая информация (копирайты), имя автора, название сайта и/или компании, телефон и/или адрес компании и т.п.

В html5 появилась возможность использования множества технологий и API, которые являются частью языка html5, а не сторонними плагинами, вот некоторые из них:

<audio> </audio> – теги предназначены для воспроизведения аудиофайлов, без использования сторонних программ (плагинов, расширений);

<video> </video> – теги предназначены для воспроизведения видеофайлов, без использования сторонних программ (плагинов, расширений);

<source /> – тег предназначен для указания пути к аудио/видео файлам, находится внутри тегов audio и video;

<canvas> </canvas> – теги предназначены для создания специальной области на сайте, в которой можно создавать векторные фигуры и с помощью языка программирования JavaScript, манипулировать ими.

1. Каскадная таблица стилей CSS

CSS – формальный язык описания внешнего вида документа, написанного с использованием языка разметки [4].

CSS используется для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы (которое производится с помощью html или других языков разметки) от описания внешнего вида этой web-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

До появления CSS оформление web-страниц осуществлялось исключительно средствами html, непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.

Преимущества:

• несколько дизайнов страницы для разных устройств просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и сотовом телефоне меню будет следовать за содержимым;

• уменьшение времени загрузки страниц сайта за счет переноса правил представления данных в отдельный css-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и может быть закэшировано;

• простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл;

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

1.3.3 Препроцессор гипертекста PHP

Препроцессор гипертекста ( PHP – Hypertext Preprocessor) – это широко используемый язык сценариев общего назначения с открытым исходным кодом [5].

Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц.

Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-сценарии выполняются на стороне сервера. Можно сконфигурировать свой сервер таким образом, чтобы html-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный html-файл или результат выполнения сценария.

PHP позволяет создавать качественные Web-приложения за очень короткие сроки, получая продукты, легко модифицируемые и поддерживаемые в будущем.

Главным фактором языка PHP является практичность. РНР должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер PHP обусловлен пятью важными характеристиками:

• традиционностью;

• простотой;

• эффективностью;

• безопасностью;

• гибкостью.

Традиционность

Код PHP очень похож на тот, который встречается в типичных программах на С или Pascal. Это заметно снижает начальные усилия при изучении php. PHP – язык, сочетающий достоинства Perl и Си и специально нацеленный на работу в интернете, язык с универсальным и ясным синтаксисом.

Хотя PHP является довольно молодым языком, он обрел такую популярность среди web-программистов, что на данный момент является, чуть ли не самым популярным языком для создания web-приложений (сценариев).

Простота

Сценарий php может состоять из 1000 строк или из одной строки — все зависит от специфики задачи. Механизм PHP начинает выполнять код после первой экранирующей последовательности (<?) и продолжает выполнение до того момента, когда он встретит парную экранирующую последовательность (?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

PHP – язык, который может быть встроен непосредственно в html-код страниц, которые, в свою очередь будут корректно обрабатываться PHP –интерпретатором [6].

Эффективность

Эффективность является исключительно важным фактором при программировании для многопользовательских сред, к числу которых относится и web.

Очень важное преимущество PHP заключается в его «движке». «Движок» PHP не является ни компилятором, ни интерпретатором. Он является транслирующим интерпретатором. Такое устройство «движка» PHP позволяет обрабатывать сценарии с достаточно высокой скоростью.

По некоторым оценкам, большинство PHP-сценариев (особенно не очень больших размеров) обрабатываются быстрее аналогичных им программ, написанных на Perl. Производительность PHP вполне достаточна для создания вполне серьезных web-приложений.

Безопасность

РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

1. Средства безопасности системного уровня

В PHP реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке PHP это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safe mode), который ограничивает возможности применения PHP пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). Администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере.

1. Средства безопасности уровня приложения

В стандартный набор функций PHP входит ряд надежных механизмов шифрования. PHP также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции. Другое преимущество заключается в том, что исходный текст сценариев PHP нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация РНР на стороне сервера предотвращает похищение сценариев пользователями.

Гибкость

Поскольку PHP является встраиваемым языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя PHP обычно рекомендуется использовать в сочетании с html, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения PHP легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования).

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

Поскольку PHP не содержит кода, ориентированного на конкретный web-сервер, пользователи не ограничиваются определенными серверами (возможно, незнакомыми для них). Apache, Microsoft IIS, Netscape Enterprise Server, Stronghold и Zeus – PHP работает на всех перечисленных серверах. Поскольку эти серверы работают на разных платформах, РНР в целом является платформенно-независимым языком и существует на таких платформах, как UNIX, Solaris, FreeBSD и Windows 95/98/NT/2000/XP/2003/7.

Благодаря этим возможностям PHP занимает достойное место среди современных технологий и обеспечивает масштабирование проектов до необходимых пределов.

1. Macromedia DreamWeaver

Macromedia Dreamweaver – профессиональный редактор html для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Практикуете ли вы написание кода html вручную или предпочитаете работать в визуальной среде редактирования, Dreamweaver обеспечивает вас полезными инструментальными средствами, чтобы увеличить опыт создания web-страниц и сайтов [7].

Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: html, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также можно настроить Dreamweaver, чтобы он наводил порядок и переформатировал html, как этого хочет пользователь.

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

Одной из полезных возможностей при создании страниц в Dreamweaver является работа с двойным окном кода и графического представления. В редакторе имеется три режима: просмотра исходного кода, просмотра результирующей страницы и двойного окна, в котором сверху расположен код, а снизу – его представление в графическом режиме. Благодаря этому можно сразу увидеть, как влияет код на результат.

Характеристики

Список файлов ВКР