Слой — это элемент веб-страницы, созданный с помощью тега <DIV>, к которому применяется стилевое оформление.

   Таким образом, верстка с помощью слоев  заключается в конструктивном использовании  тегов <DIV> и стилей. При этом придерживаются следующих принципов.

   Разделение  содержимого и  оформления

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

     Активное  применение тега DIV

     При использовании слоев существенное значение уделяется универсальному тегу <DIV>, который выполняет множество функций. Фактически это основа, на которую «навешиваются» стили, превращая ее то в игрушку, то в зверушку. Совершенно не значит, что применяется только один этот тег, нужно ведь и рисунки вставлять и оформлять текст. Но при верстке с помощью слоев тег <DIV> является кирпичиком верстки, ее базовым фундаментом.

     Благодаря этому тегу HTML-код распадается  на ряд четких наглядных блоков, за счет чего верстка слоями называется также блочной версткой. Код при этом получается более компактным, чем при табличной верстке, к тому же поисковые системы его лучше индексируют.

     Таблицы применяются только для представления  табличных данных

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

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

      Конечно, нельзя при создании современного сайта  обойтись без специализированного  программного обеспечения. HTML-документ, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов (WYSIWYG -What You See Is What You Get), таких, например, как Microsoft FrontPage. WYSIWYG-редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее:

• создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача;
• документ подготовленный с помощью какой-либо программы проще конвертировать, чем создавать заново;
• текстовые редакторы можно использовать для очистки от "мусора" HTML-документов, созданных с помощью специализированных программ;
• при создании эффектов с помощью специальных программ (например, Microsoft FrontPage) следует предусмотреть поддержку этих эффектов на web-сервере.

   Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia (http://www.macromedia.com). Очень популярны пакеты Macromedia: Dreamweaver, HomeSite (до версии 5 этот пакет выходил под названием Allaire HomeSite), а также специализированные пакеты для создания компьютерной графики и анимации.  
 
Создание графики для web заслуживает особого внимания . Следует иметь в виду, что графика бывает двух видов: растровой (когда описывается каждая точка изображения) и векторная (когда задается формула для генерации изображения). Последний способ построения графики более компактен и, в частности, идеально подходит для создания анимаций.

Расскажем поподробнее  о каждом из них.

Microsoft FrontPage

     WYSIWYG -редактор. Недостаток: автоматически вырабатываемый html-код документа, созданного разработчиком в визуальном режиме, как правило, неоптимален.

Macromedia Flash 5

     Технология  Flash становится очень популярной.  
Она позволяет создавать очень эффектные web-страницы, содержащие FLASH-объекты или исполняемые файлы, содержащие большое количество векторной графики, анимационные ролики. 
За счет применения векторной графики Flash-страницы быстрее загружаются на компьютеры клиента, чем традиционные (содержащие растровую графику) и одинаково воспринимаются на различных платформах: Windows, Macintosh, Solaris, Unix.

     Имеется возможность передачи данных из HTML-документа FLASH-объекту и наоборот, что позволяет создавать управляемые FLASH-объекты, а также делать более эффектными HTML-страницы (например, формы).

Macromedia Director 8

 

WYSIWYG-редактор. Профессиональное решение для web-дизайна и разработки web-сайтов.

• Имеет очень удобный, простой интерфейс (в стиле PageMaker/Illustrator/PhotoShop).
• Автоматизирует работу над проектом. Создаваемый код почти не отличается от написанного программистом.
• Содержит встроенные средства работы с графикой.
• Позволяет непосредственно внутри пакета создавать FLASH-анимации.
• Обеспечивает средства отладки JavaScript-сценариев для браузеров MS Internet Explorer и Netscape Navigator.
• Допускает расширение возможностей за счет дополнительных модулей. Библиотека дополнительных компонент (более 150) входят в комплект поставки
• при вводе кодов создает список значений тэгов и атрибутов в виде всплывающей подсказки

Macromedia Fireworks 3

Профессиональное  приложение для создания графических  изображений и их размещения в  Интернет.

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

Macromedia Dreamweaver 3 Fireworks 3 Studio 
Совместное использовании Dreamweaver 3 и Fireworks 3 сокращает время разработки за счет взаимной автоматизации повторяющихся действий.

Allaire HomeSite 4.5

Позволяет легко  и быстро создавать эффектные web-сайты 

• Имеет удобный интуитивно понятный интерфейс, богатую палитру инструментов
• Содержит средства контроля качества: проверку синтаксиса html-кода, верификацию ссылок

НОВОСТЬ: Фирма Allaire несколько лет назад была поглощена компанией Macromedia. Известный продукт HomeSite теперь выходит под названием Macromedia HomeSite 4.5. (хотя название Allaire все еще присутствует на упаковке.)

Macromedia DreamWeaver UltraDev 4

Первая визуальная среда, позволяющая быстро разрабатывать Web-приложения для доступа к серверным  базам данных.

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

Продукт уже  имеет награды как лучший в  своем классе средств разработки.

Macromedia ColdFusion 4.5. UltraDev 4 Studio

Объединение среды  разработки ColdFusion Studio и среды DreamWeaver UltraDev. 
Содержит мощные инструменты визуальной разработки приложений для размещения на платформе ColdFusion Server 5, визуального представления серверного источника данных (набора записей, переменной, директория и пр.), средства отладки сценариев.

Adobe PhotoShop 6

Мировой стандарт обработки изображений как для печати, так и для web

      До  появления Интернет компьютеры использовались лишь для обработки информации (главным образом, для вычислений); результаты расчетов переносились на внешние носители (чаще всего, на бумагу). Благодаря Интернет и, прежде всего, основной ее компоненте, - World Wide Web, компьютеры становятся средством связи. 
 
Современные web-технологии представляют широчайшие возможности для публикации информации. WWW - одно из самых демократичных средств массовой информации: правом размещать в Web свою информацию в равной степени пользуются и правительственные организации, и крупные фирмы, и частные лица. Информация, опубликованная в WWW, не подвергается цензуре.  
 
Web-технология применяется не только в Интернет, но и для обеспечения информационной поддержки работы различных подразделений в рамках одной организации (intra-сети, intranet). Intranet существенно облегчают процесс создания, хранения и поиска документов, позволяют не только усовершенствовать делопроизводство, но и качественно изменить весь процесс управления предприятием.  
 
Очевидно, что наибольшее влияние развитие web-технологий имеет на те сферы общественной деятельности, которые непосредственно связаны с управлением информационными потоками, с передачей и обработкой информации, с визуализацией данных, полученных в результате вычислений. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

     Министерство  образования и науки РФ

     Казанский государственный  архитектурно-строительный университет

     Кафедра информационных систем и технологий 
 
 
 

     Реферат

     Средства  разработки web – страниц 
 
 
 
 
 
 

     Выполнил:

     Студент группы 23-301

     Разумов Т.В.

     Проверил:

     Нотариус  А.А. 
 
 

     Казань 2010