- •Глава 1. Предметная область сайтостроения. Средство разработки 3
- •Глава 2. Применение среды Dreamweaver. 14
- •Введение Глава 1. Предметная область сайтостроения. Средство разработки
- •1.1. Предметная область сайтостроения.
- •1.2 Средство разработки веб-сайта Dreamweaver.
- •Глава 2. Применение среды Dreamweaver.
- •2.1. Установка и удаление Adobe Dreamweaver cs5.
- •2.2. Рабочие пространство среды Dreamweaver.
- •2.3. Создание динамического сайта средствами Dreamweaver.
Содержание
Введение 2
Глава 1. Предметная область сайтостроения. Средство разработки 3
веб-сайта Dreamweaver. 3
1.1. Предметная область сайтостроения. 3
1.2 Средство разработки веб-сайта Dreamweaver. 7
Глава 2. Применение среды Dreamweaver. 14
2.1. Установка и удаление Adobe Dreamweaver CS5. 14
2.2. Рабочие пространство среды Dreamweaver. 16
2.3. Создание динамического сайта средствами Dreamweaver. 21
Введение Глава 1. Предметная область сайтостроения. Средство разработки
веб-сайта Dreamweaver.
1.1. Предметная область сайтостроения.
Статический сайт – это обычный набор, состоящий из нескольких HTML-страниц, которые взаимосвязаны между собой ссылками (hyperlink). С самого основания сети Internet все сайты были именно статическими. Собой они представляли стандартные документы, посещаемые различными пользователями, с целью получения какой-либо интересующей их информацией. Такие сайты обладают следующими недостатками:
Смешение дизайна (оформления содержимого) и контента (смысловое содержимое).
Язык HTML (HyperTextMarkupLanguage) на сегодняшний день, являющийся общепринятым стандартом разметки гипертекста, предназначен именно для представления внешнего вида страницы. В то время как страницы статических сайтов существуют непосредственно в виде HTML-страниц, и почти всегда кроме информационной части, ради которой пользователь и посещает сайт, содержат некое «служебное обрамление» - шапку и подвал, навигационное меню, какие-то дополнительные текстовые блоки, баннеры, ссылки быстрого доступа к основным разделам сайта и т.п. Поэтому на таких страницах, которые отображают конкретные документы, очень часто контент и дизайн (как страницы в целом, так и отдельных его элементов) идут вперемешку. Отсюда имеем массу негативных последствий, возникающих при публикации новых документов или редактировании уже существующих, - они все должны оформляться единообразно. И если возникает необходимость поменять местами какие-то функциональные блоки сайта, или добавить новый пункт в общее меню – то редактировать придётся все существующие страницы.
На современных сайтах обычно каждый важный документ или страница имеет несколько ссылок на себя - это, к примеру, и ссылка из каталога статей, и ссылка с главной страницы из анонсов, и ссылка из пунктов меню. Поэтому публикация нового материала – это не только фактическое добавление самой страницы, но и редактирование всех остальных страниц, которые, так или иначе, затрагивает это действие, а это в разы увеличивает не только трудоёмкость процесса, но и повышает риск возникновения ошибок.
На самом деле статический сайт может обновить только человек, хорошо разбирающийся в вебразработке, так как в нем нет админ-панели, поэтому все обновления на сайте придется проделывать через его исходный код.
Статичные сайты стоят дешевле и занимают меньше места на хостинге, потому многие небольшие компании до сих пор предпочитают их динамическим сайтам.
Таким образом, мы можем видеть преимущества статических сайтов:
- Они просты и быстры в разработке;
- Дешевы в разработке и меньше нагрузки на хостинг.
Наряду с преимуществами можно выделить и недостатки статических сайтов:
- Для обновления сайта требуется опыт вебразработки;
- Чтобы обновить даже самую маленькую деталь на таком сайте, вам придется либо самому копаться в коде, либо, если вы сами не знаете HTML и CSS, вам нужно будет каждый раз прибегать к услугам вебмастера.
"Застаивание" контента.
Из-за того, что содержимое такого сайта обновляется очень редко, контент на них "застаивается", это весьма неблагоприятным образом сказывается на трафике и продвижении сайта в поисковиках. Конечно, продвигать такой сайт можно, но преимущественно платными способами.
Содержимое таких сайтов хранится не в виде статичных HTML страничек, а находится в базе данных, и отображается «на лету», непосредственно по запросу пользователя. Существует достаточно много систем программирования и широко распространённых и общепризнанных языков программирования, к примеру: PHP, Perl, ASP и т.п. С их помощью можно создать основу для гибкого сайта любой сложности, но это, конечно же, далеко не всем под силу, и порог вхождения в данную предметную область очень высок. В процесс создания такого сайта добавляется новое действующее лицо – программист на одном из языков программирования, вследствие чего разработка увеличивается в сроках и усложняется.
Но одному программисту невозможно разработать функционал и создать приемлемый дизайн будущего сайта – это возможно только при работе в связке с дизайнером. При таком подходе информационное содержимое ресурса будет отделено от графического, путём создания специального шаблона сайта, на основе которого будут генерироваться будущие страницы сайта, с учётом нужного оформления. Ещё одним плюсом динамических сайтов становится относительно лёгкое администрирование ресурса, через панель администратора и возможно недорого развития проекта.
Таким образом, если ваш сайт состоит или будет состоять из множества страниц или планируется достаточно частый процесс его обновления, то преимущество динамической структуры – очевидно. И вашим разработчикам не придётся полностью перерабатывать все страницы при незначительном обновлении дизайна или при появлении новых разделов сайта. Отделение дизайна то информационного содержимого и является главной отличительной чертой и наиболее значимым преимуществом динамических сайтов.
Динамический вебсайт дает его владельцу возможность очень легко обновлять и добавлять контент на свой сайт. Например, новости и события могут добавляться через админ-панель в самом браузере, без необходимости редактировать файлы с кодом.
Возможности динамического сайта могут ограничиваться только нашим воображением.
Примеры динамических сайтов - это сайты на основе систем управления, интернет-магазины, сайты объявлений, форумы, сайты с возможностями для клиентов и посетителей оставлять отзывы, комментарии, загружать файлы и т.д.
Преимущества динамических сайтов:
- Более функциональный сайт;
- Намного проще его обновлять;
- Постоянное обновление положительно сказывается на продвижении сайта и приносит больше посетителей;
- Такой сайт помогает своему владельц собирать вокруг себя сообщество посетителей и дает намного больше возможностей общаться со своей аудиторией и сделать свой сайт более интересным для посетителей за счет различных функций.
Перспектив развития у динамического сайта гораздо больше, чем у статического, несмотря на то, что, возможно понадобится побольше времени, чтобы воплотить такой сайт в жизнь.
Все больше и больше людей осознают неоспоримое преимущество динамических сайтов, а потому их появляется все больше в сети.
Но с другой стороны, все зависит от того, что нужно конкретно ВАМ, если вам нужен, например, одностраничный сайт, через который вы будете продавать какой-то товар, или же сайт-визитка от 1 до 5-6 страниц, который вы не планируете постоянно обновлять, то вполне естественным решением будет остановиться на статическом сайте.
Если же вы хотите чтобы ваш проект постоянно развивался и наполнялся контентом, то, несомненно, вам нужен динамический сайт.
В связи с темой дипломной работы рассмотрим среду разработки Dreamweaver.
