Web-редактор Macromedia Dreamweaver

Структура и способы создания сайта

 

Особенность базовых знаний, необходимых для создания Web-сайта. Главный анализ языка разметки гипертекстовых страниц HTML. Представление текста и графиков при разработке успешного проекта. Основная характеристика планирования информационного потока.

Введение

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

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

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

Теперь каждый из нас может внести свой вклад в развитие Интернета. Для этого просто создайте свой собственный веб-сайт и опубликуйте его в Интернете.

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

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

Глава 1. Базовые знания необходимые для создания Web-сайта

Web-страницы и Web-сайты

Что такое Web-страница'? Ответить на этот вопрос могут многие. Это интернет-документ, предназначенный для распространения через Интернет по средством сервиса WWW. А если уж говорить по-простонародному, это то, что показывает в своем окне программа-клиент для просмотра Web-страниц -- Web-обозреватель.

С технической точки зрения Web-страница -- это обычный текстовый файл, который можно создать в любом текстовом редакторе, том же Блокноте, стандартно поставляемом в составе Windows. Этот файл содержит собственно текст Web-страницы и различные команды форматирования этого самого текста. Команды форматирования называются тегами, а описывает их особый язык HTML (HyperText Markup Language, язык гипертекстовой разметки).

Файлы, содержащие Web-страницы, должны иметь расширение htm[l]. Они сохраняются на жестких дисках серверного компьютера. Получив от Web-обозревателя запрос по протоколу HTTP, Web-сервер (серверная программа, обеспечивающая работу сервиса WWW) загружает эти файлы и отправляет Web-обозревателю.

А что такое Web-сайт? Это набор Web-страниц, подчиненных общей тематике и объединенных в единое целое. Web-сайт также сохраняется на жестких дисках серверного компьютера. Технических отличий у Web-страницы и Web-сайта не слишком много.

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

Корневую папку сайта на серверном компьютере создает человек, занимающийся настройкой и обслуживанием программы Web-сервера (или же всего серверного компьютера),-- администратор. При этом он заносит полный путь этой папки в настройки Web-сервера, чтобы последний смог найти ее на диске. После этого корневая папка может быть заполнена файлами нового сайта.

Когда Web-обозреватель присылает Web-серверу запрос вида: http://wvw.somesite.ru/somepage.html

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

 

Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайтеhttp://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org.

 

Web-редактор Macromedia Dreamweaver

Язык HTML, несмотря на столь мудреное название, весьма прост. И написать с его помощью простенькую Web-страничку с парой абзацев текста можно буквально за пять минут, причем большая часть этого времени будет потрачена на набор самого текста этой страницы, а не тегов HTML. Так в чем же проблема?

Но многие его не знают язык HTML, более того -- не хотят его изучать или не имеют на это времени. Но создавать Web-страницы хотят. Поэтому специально для них программисты написали множество программ, предназначенных для создания Web-страниц, -- так называемые Web-редакторы. С помощью таких программ можно создавать документы, как в Microsoft Word, т.е. просто и удобно.

Одна из таких программ написана разработчиками из фирмы Macromedia и называется Macromedia Dreamweaver. Первая ее версия вышла еще в далеком 1998 году; в настоящее же время доступна версия 8. Именно с Dreamweaver мы и будем работать в процессе написания курсовой работы.

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

Здесь нужно сказать, что практически все серьезные Web-редакторы имеют режим правки непосредственно самого кода HTML (т. е. фактически являются гибридными Web-редакторами). Поэтому сейчас практически всегда, когда говорят "визуальный Web-редактор", подразумевают как раз гибридные программы. Разумеется, к их числу относится и Dreamweaver.