Файл: Критерии выбора средств разработки WEB-приложений (Требования к Web-приложениям).pdf

На рубеже 20 и 21 веков появилось само понятие «динамический сайт, использующий систему управления контентом». Предпринимаются попытки учесть особенности восприятия информации посетителями сайта. Иллюстрации применяются только в случае, когда они действительно необходимы. Сайт интегрируется с внутренними системами, другими сайтами и мобильными сервисами. [14,с.35]

Использование таблиц

Для форматирования Web-страницы на области можно использовать и тег <table>, изначально предназначенный для создания обычных таблиц. В ячейках таблицы можно располагать функциональные блоки.

Пример кода таблицы, отображающей логотип сайта.

<table width="100%" border="0" cellspacing="20" cellpadding="0">

<tr>

<td>

<center>

<img src="images/logo.png" width="180" height="60">

</center>

</td>

</tr>

<table>

На русский язык это можно перевести так: «таблица, занимающая всю ширину экрана браузера, содержащая одну строку, один столбец, и, таким образом, одну ячейку с изображением (логотипом шириной 180, высотой 60 пикселей), горизонтально выровненным по центру, без видимых границ, расстояние между ячейками — 20 пикселей, без отступа содержимого от границ ячеек.» [16,с.24-25]

HTML5

Новой версией языка HTML является HTML5 (от англ. HyperText Markup Language, version 5), рекомендованная к использованию версия которого была опубликована в 2014 году. Целью разработки HTML5 является усовершенствование поддержки мультимедиа-технологий при сохранении обратной совместимости, улучшение логичности кода и стандартизации. Благодаря этому код стал более удобно читаем людьми и различными устройствами, работающими на всевозможных платформах.

В HTML5 добавлены новые синтаксические особенности. Самыми значимыми из нововведений являются теги для внедрения видео, аудио и приложений. Теги <video>, <audio>, <canvas> дают возможность обходиться без сторонних Web-технологий, расширений, плагинов для воспроизведения мультимедиа. Например, видеофайл на странице можно разместить, используя следующий простой и интуитивно понятный код:

<video src="MyVideo.webm" poster="MyVideo.jpg" controls></video>

Отпадает необходимость вставлять видеоролик во флеш-плеер, используя теги <object>, <embed> и.т.д.

Тег-контейнер <canvas> («холст» в переводе с англ.) позволяет, используя язык программирования JavaScript, создавать статичные и анимированные изображения, приложения и игры непосредственно на Web-странице. Технология Flash при этом становится ненужной, для не требуется скачивать устанавливать Flash-плеер, новая технология будет работать на устройствах, которые принципиально не поддерживали Flash-технологии, таких как устройства Apple.

Возможности JavaScript, внедрённые на Web-страницу при помощи тега <canvas>, очень широки:

• игры;
• Web-приложения;
• элементы для привлечения внимания;
• изображения;
• 3D-объекты;
• и многое другое.

Очень ценна возможность создавать всё вышеперечисленное без использования сторонних технологий и приложений.

Браузеры, поддерживающие HTML5, имеют возможность отображать масштабируемую векторную графику — SVG (от англ. Scalable Vector Graphics), поддерживающую статичные, анимированные и интерактивные изображения.

Теги <section>, <article>, <header>, <footer>, <nav> делают понятной структуру Web-страницы, её разбивку на разделы. Например, область шапки страницы теперь достаточно заключить в тег <header>…</header> вместо <div id="header">…</div>. [17,с40-48]

Внедрение PHP-кода в HTML-файл

В отличие от JavaScript, выполняемого на клиентской стороне браузером пользователя, PHP-код интерпретируется и выполняется на серверной стороне. Интерпретатор, выполняя сценарий, заменяет его строками вывода, которые в результате отображаются на Web-странице. Таким образом, из среды PHP можно полностью создать HTML-код, который будет отображаться в любом браузере, и этот браузер не обязательно должен понимать язык PHP. [18,с.26-29]

Заключение

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

С развитием web-технологий в Интернете продолжает расти количество Web-сайтов самых различных тематик — от порталов больших фирм до блогов и крохотных сайтов рядовых пользователей «Всемирной Паутины».

Становление Web-технологий способствовало созданию новой разновидности Web-ресурсов — Интернет-форумов. Стали создаваться Web-сайты, в том числе и крупные порталы, на которых пользователи со всех уголков планеты имеют все возможности для общения, получать ответы на всевозможные вопросы, совершать покупки и заключать сделки.

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

Разработка и создание Web-сайта/портала включает в себя:

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

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

Список использованных источников

1. Алексеев А. П. Введение в Web-дизайн: учебное пособие. — М.: СОЛОН-ПРЕСС, 2008. — 192 с.: ил.

2. Бабаев А., Евдокимов Н., Боде М. Создание сайтов — СПб.: ООО Издательство «Питер», 2014. — 203 c.

3. Бикнер К. Экономичный Web-дизайн / Кэрри Бикнер; Пер. с англ. Д.С. Ремизова. - М.: НТ Пресс, 2005. - 248 с.: ил.

4. Веллинг, Люк, Томсон, Лора. Разработка веб-приложений с помощью РНР и MySQL, 4-е изд.: Пер. с англ. — М.: ООО «И.Д. Вильямс», 2010. - 848 с.: ил. - Парал. тит. англ.

5. Горнаков С. Г. Осваиваем популярные системы управления сайтом (CMS). – М.: ДМК Пресс, 2009. – 336 с.: ил.

6. Евсеев Д.А. Web-дизайн в примерах и задачах: учебное пособие / Д.А. Евсеев, В.В. Трофимов; под ред. ВВ. Трофимова. — М.: КНОРУС, 2016. — 264 с.

7. Кирсанов Д. Веб-дизайн, 1999 — 173 c.: ил.

8. Кирьянов Д.В. Разработка приложений Web 2.0 на Microsoft Sharepoint — М.: Национальный Открытый Университет «ИНТУИТ», 2016. — 371 c.: ил.

9. Колисниченко Д. Н. РНР и МуSQL. Разработка веб-приложений. — 5-е изд., перераб. и доп. СПб.: БХВ-Петербург, 2015. — 592 с.: ил.

10. Круг С. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!», 2-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2008. – 224 с.: цв. ил.

11. Мациевский Н., Степанищев Е., Кондратенко Г. Реактивные веб-сайты, 2009.- 272 с.

12. Машнин Т. С. Eclipse: разработка RCP-, Web-, Ajax- и Android-приложений на Java. — СПб.: БХВ-Петербург, 2013. — 384 с.: ил.