Рассмотрение визуального HTML-редактор Dreamweaver. Определение структуры сайта ООО "Фаст Студия". Содержание страниц "Главная", "Портфолио", "Контакты". Теги форматирования текста и способы его оформления с использованием подключаемых таблиц CSS.
Краткое сожержание материала:

Размещено на

КУРСОВАЯ РАБОТА

Создание сайта-визитки предприятия ООО "Фаст Студия"

Оглавление

• Введение
• 1. Теоретические сведения
• 2. Структура сайта
• 3. Краткое содержание страниц
• 3.1 Страница "ГЛАВНАЯ"
• 3.2 Страница "ПОРТФОЛИО"
• 3.3 Страница "КОНТАКТЫ"
• 4. Избранные страницы сайта
• 4.1 Страница "ГЛАВНАЯ"
• 4.2 Страница "О НАС"
• 4.3 Страница "КОНТАКТЫ"
• Заключение
• Библиографический список
• Приложение А
• Введение
• Темой данной курсовой работы является создание сайта-визитки предприятия ООО "Фаст Студия".
• Сайт должен нести сведения о компании, какие услуги предоставляет юридическим и физическим лицам, цены на услуги, информацию о сотрудниках и примеры работ.
• Для создания сайта была выбрана программа Adobe Dreamweaver CS6 --популярный WYSIWYG HTML-редактор от компании Adobe.
• Сайт -- в первую очередь набор технологических процессов (обычно именуемых веб-технологиями), накладывающий, с одной стороны, ограничения на формы информационного и эмоционального воздействия, с другой -- даю¬щий такое разнообразие подобных форм, какое принципиально недостижимо ни для устного, ни для печатного способа передачи информации.
• Другими словами, сайт -- это электронная публикация любого размера и содержания, доступная во Всемирной Сети Интернет, причем любой направленности, информационной или эмоциональной.
• Целью данной работы является изучение технологии построение Web-сайтов с помощью Adobe Dreamweaver CS6.
• Данная цель будет достигаться путем решения следующих задач:

1. Изучить теоретический материал по указанной теме;

2. Рассмотреть основные элементы Adobe Dreamweaver CS6;

3. Применить полученные знания при построении сайта;

4. Составить отчет по проделанной работе.

1. Теоретические сведения

Каждый человек решивший создать свой первый сайт встает перед выбором программных средств для достижения этой цели. Это может быть Microsoft Front Page, Web Builder, Incomedia WebSite или Adobe Dreamweaver.

Рассмотрим визуальный HTML-редактор Dreamweaver. Этот программный продукт рассчитан на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями. Dreamweaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс Dreamweaver настолько прост, что даже начинающий дизайнер сможет быстро создать Web-сайт. Непосредственно в Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks.

Одна из последних версий HTML-редактора компании Adobe Dreamweaver CS6, который относится к категории WYSIWYG-редакторов (WYSIWYG или What You See Is What You Get - " что вижу, то и получаю ".), и этот пакет имеет очень много достоинств: удобный интерфейс, настройка множества функций, поддержка больших проектов, подсветку кода и многое другое. Для работы в этой программе не нужно досконально знать HTML.

Dreamweaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. Dreamweaver позволяет избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы можете записывать последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и Dreamweaver воспроизводит всё в той же последовательности.

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

Возможность визуального редактирования в DreamWeaver также позволяет быстро создавать или менять дизайн проекта без написания кода. DreamWeaver относится к так называемым "визуальным" редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он распространяет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ.

DreamWeaver полностью настраиваемый. Можно использовать DreamWeaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

HTML (от англ. HyperText Markup Language -- "язык разметки гипертекста") -- стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989--1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют "тегами". С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении. HTML -- теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками -- тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающемся теге.

HTML5 - язык для структурирования и представления содержимого для всемирной паутины. Это пятая версия HTML-стандарта и находится в стадии разработки. Основной её целью является улучшить язык, поддерживающий работу с новейшими мультимедийными приложениями, при этом сохраняется лёгкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений.

JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.

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

Стилем или CSS (Cascading Style Sheets, каскадные таблицы стилей) называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Возможность работы со стилями издавна включают в развитые издательские системы и текстовые редакторы, тем самым позволяя одним нажатием кнопки придать тексту заданный, заранее установленный вид. Это доступно и создателям сайта, когда цвет, размеры текста и другие параметры хранятся в определенном месте и легко применяются к любому тегу. Еще одним преимуществом стилей является то, что они предлагают намного больше возможностей для форматирования, чем обычный HTML.

CSS представляет собой мощную систему, расширяющую возможности дизайна и верстки веб-страниц.

2. Структура сайта

С главной страницы сайта посредством ссылок можно перейти в любой раздел...