по информационным технологиям на тему «Интернет, html и html-редакторы»

СОДЕРЖАНИЕ: Все документы для сервиса www пишутся на html (HyperText Markup Language) языке разметки гипертекста. Последний от обычного текста отличается тем, что в нем существуют ссылки активные области, щелкая на которых мышкой, мы заставляем браузер отображать содержимое новых файлов или фрагментов

РОССИЙСКАЯ МЕЖДУНАРОДНАЯ АКАДЕМИЯ ТУРИЗМА

Реферат

по информационным технологиям

на тему

«Интернет, HTML и HTML-редакторы»

Выполнила:

студентка группы 0521

Вагина Анна

Проверила:

Холкина И. А.

Москва, 2007

Введение - 3 -

Internet - 5 -

Создание WEB-узла - 8 -

Редакторы - 11 -

Front Page - 11 -

Microsoft Word 2000 - 12 -

Netscape Composer 4.61 - 13 -

DreamWeaver - 13 -

Заключение - 15 -

Список использованной литературы - 16 -


Введение

Все документы для сервиса WWW пишутся на HTML (HyperText Markup Language) - языке разметки гипертекста. Последний от обычного текста отличается тем, что в нем существуют ссылки - активные области, щелкая на которых мышкой, мы заставляем браузер отображать содержимое новых файлов или фрагментов.
Путем специальных меток (их система и называется разметкой) вы сообщаете броузеру о том, что хотите закончить абзац, изменить цвет, вставить изображение и т. д. Эти метки носят название тегов и заключаются в угловые скобки . Современный HTML довольно сложен.
Не стоит думать, что создание сайтов - удел умудренных опытом программистов. На дворе 2007 год, и визуальные средства разработки, облегчающие написание Web-шедевров, предпочитают даже серьезные специалисты, высвобождая тем самым время для творческих дизайнерских порывов. Кроме того, в существующих продуктах, предназначенных для разработки отдельных страничек или сайтов, представлено большое количество вспомогательных средств, таких, как автоматическая вставка тегов, цветовое выделение служебной информации, строгие программные инспекторы, проверяющие правильность написания кода, и т. д.
Более того, все популярные ныне текстовые процессоры - Microsoft Word,
Corel WordPerfect и др.
также оснащены множеством самых разнообразных средств для создания и редактирования HTML-документов , причем их арсенал постоянно растет и совершенствуется. Поэтому-то некоторые аналитики и прогнозируют, что в будущем специальные HTML-редакторы могут исчезнуть как класс. Действительно, пользователям Microsoft Word, например, не нужно изучать коды HTML, Java-скрипты и тому подобные заумности. Знаешь, как форматировать текст да проверять орфографию, - тогда просто открой документ, набросай туда изображений и подписей, сохрани как HTML-файл, и ты
- Web-дизайнер. Но пока ни один текстовый процессор не работает с кадрами, а при экспорте в HTML-файл плодит огромное количество паразитного кода, увеличивая размеры исходников в десятки раз. Именно поэтому для создания небольших страничек профессионалы иногда предпочитают обычный Notepad.
В мире персональных компьютеров существует стандартный подход к изготовлению документов: в среде, реализующей принцип WYSIWYG (сокращение от What You See Is What You Get - что видим на экране, то и будет на бумаге). Привлекательность WYSIWYG-редакторов основана на том, что они предлагают для редактирования документа наглядный и простой интерфейс.
Основной недостаток - большое количество паразитного кода, увеличивающее размеры исходников в десятки раз.
Существует множество специализированных HTML-редакторов: один - для создания новых сайтов с нуля, другой - для текущих работ по их поддержке, третий - для снабжения ваших шедевров какими-то уникальными возможностями.
Функции современных HTML-редакторов очень разнообразны: некоторые из них, например, обеспечивают формирование только отдельных страничек, другие, наоборот, применяются для проектирования целых Web-узлов с последующей загрузкой их на удаленные серверы в Internet. Сегодня трудно провести границу между профессиональными HTML-редакторами и теми, что предназначены для любительского Web-творчества.

Internet

Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.

Общеизвестно, что сеть Internet – это, в частности, громадное хранилище всевозможной информации. До появления службы World Wide Web ( WWW ) навигацию по Internet в поисках нужной информации нельзя было назвать удобной. Чтобы получить файл с FTP–сервера, приходилось отдельно загружать приложение–клиент. При этом нужно было помнить свой пароль, приходилось перемещаться по многочисленным каталогам в поисках нужного файла, не забывая перед его получением установить правильный режим передачи; знать многочисленные команды работы с FTP–серверами и т.д. Если же нужно было просмотреть какую–либо конференцию, то приходилось запускать уже другое приложение, у которого был свой набор команд для чтения, пересылки, сохранения сообщений из конференций. Все это было неудобно.

Около пяти лет назад была предпринята попытка организовать информационный порядок в сети Internet . Это привело к появлению службы World Wide Web (Всемирная Паутина), которая получила рождение в Европейском Центре Ядерных Исследований в Швеции. В основе идеи WWW лежат так называемые hypermedia документы или Web –документы, также называемые Web –страницами, призванные навести порядок в организации и поиске данных. Эти документы могут содержать как текстовую, так и не текстовую информацию (например, изображения, звук), а также ссылки. Ссылки – это указатели, с помощью которых можно свободно перемещаться из одного места документа в другое место, или же вообще ссылаться на отдельный документ, который может находиться на другом конце света. Хотя Web–документы могут содержать самую разную информацию, не только текстовую, их практически всегда называют гипертекстовыми (hypertext ) документами, что в общем, не совсем верно.

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которые объединены в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

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

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

Для построения Web–документов в WWW используется специальный язык HTML, что означает HyperText Markup Language – язык гипертекстовой разметки, язык форматирования данных. Основанный на языке SGML (Standard Generalized Markup Language), язык HTML определяет форматирование и организацию данных в Web–документах. Он не определяет то, как точно будет размещен текст на экране, этот язык определяет структуру данных.

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

Создание WEB-узла

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

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

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

Навигационная панель . Одним из наиболее важных разделов Web-документа является навигационная панель или панель управления. WWW завоевала весь мир во многом благодаря тому, что гипертекстовые ссылки обеспечивают полную связность публикуемых материалов. Но эти же ссылки таят в себе опасность погружения в полный хаос, когда, пройдя цепочку из трех-четырех документов, вы уже не сможете вернуться обратно, запутавшись в обилии ссылок. Ваш Web-узел должен обеспечивать пользователю ясные и интуитивно понятные навигационные маршруты. 5-7 пунктов меню - это предел для хорошего восприятия содержащейся в меню информации.

Содержание . Прежде всего, следует отметить, что содержание Web-документов должно в полной мере отвечать всем требованиям, предъявляемым к обычным газетным или журнальным публикациям: грамматическая и орфографическая корректность, точность и достоверность предлагаемых материалов и многое другое. Кроме того, появляется целый ряд специфических требований, которым должен удовлетворять Web-документ.

Часто возникает вопрос о размерах документа: какое число страниц является оптимальным? Ответ на первый взгляд может показаться странным: одна экранная страница или вообще никаких ограничений. Многочисленные исследования показали, что пользователи не любят работать с полосами прокрутки браузеров. Больше всего им нравятся документы, которые размещаются на одной экранной странице. Одна экранная страница оказалась подходящей мерой представления информации. Если размер документа превышает одну страницу, то в большинстве случаев он может быть поделен на несколько логических частей, каждая из которых будет занимать не более одной страницы. Сейчас выработалось единое мнение, что Web-сервер необходимо строить на основе одноэкранных документов. Есть только два исключения из этого правила. Оно не распространяется на статьи, публикуемые в WWW , и второе исключение — анкетные формы, которые, естественно, нельзя разрывать.

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

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

В web-страницах используются только форматы JPG, JPEG и GIF.

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

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

HTML является описательным языком разметки документов, в нем используются указатели разметки (теги).

Редакторы

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Front Page

Как результат развития языка HTML появляются HTML-редакторы. Одним из первых редакторов является FrontPage. Название этой программы уже стало нарицательным и часто употребляется для обозначения любого визуального редактора вообще. Тем не менее, FrontPage - это не просто web-редактор, а мощный инструмент для создания и поддержки целого сайта. Именно поэтому малоизвестная программа, созданная небольшой компанией, была замечена и приобретена корпорацией Microsoft, а затем в короткий срок получила мировое признание. Редактор входит в программный пакет MS Office. Этот программный продукт упрощает работу с HTML-языком. Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML- код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Еще один недостаток - полное игнорирование особенностей броузера Netscape Navigator, что, впрочем, неудивительно - как известно, Microsoft и Netscape ведут жесточайшую конкурентную борьбу на рынке броузеров.

Microsoft Word 2000

Самый популярный текстовый процессор в нашей стране, как известно, начиная с версии 97, работает с форматом HTML, как с родным (для более ранних версий требуется установка специального дополнения - Internet Assistant). На первый взгляд, идея использования MS Word в качестве web-редактора кажется перспективной: WinWord в полной мере реализует принцип WYSIWYG, обладает удобным интерфейсом. Увы, реализация этой задачи сильно подкачала.

Во-первых, как это ни странно звучит, такой мощный процессор, как Word, не может работать с некоторыми элементами HTML (который как язык разметки страниц считается достаточно бедным). Например, этот редактор не поддерживает вложенные таблицы, которые при верстке WWW-страниц используются очень часто.

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

И, наконец, самое главное - качество HTML-кода сохраняемых web-страниц. Оно просто ужасно - даже для WYSIWYG-редактора. Мало того, что текст созданной вручную страницы после ее сохранения MS Word увеличился на 60%, так он еще и был самым варварским образом искажен! Например, произвольно изменились размеры изображений, что не происходило ни в одном другом редакторе и не должно происходить никогда. Естественно, просмотр этой страницы в броузере оставляет очень неприятное впечатление.

Таким образом, Microsoft Word лучше использовать по его прямому назначению - то есть в целях подготовки документов для их распечатки на принтере.

Netscape Composer 4.61

Известный пакет Netscape Communicator в числе прочих программ включает и web-редактор Composer - «ответ» майкрософтовскому FrontPage. Ответ, откровенно говоря, получился не очень убедительным.

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

Netscape Composer не поддерживает формы и их элементы (кнопки, списки, поля для ввода и др.), а также карты изображений - ImageMaps. С его помощью нельзя разрабатывать фреймовые структуры (framesets). При создании ссылок не допускается указание целевого фрейма. Нет возможности редактировать исходный код страницы - можно только просмотреть код и отредактировать те элементы, которые не поддерживаются в WYSIWYG-режиме.

HTML-код сохраняемых страниц не отличается особым изяществом. В отличие от FrontPage, в настройках программы нельзя отменить вставку в код страницы инструкции CHARSET. Composer очень «любит» произвольно расставлять символы «неразрывный пробел» (nbsp) по всему тексту.

Сервисных функций у программы всего две - проверка орфографии (английской) и публикация страниц на web-сервере.

Учитывая все изложенное, Netscape Composer можно рекомендовать лишь начинающим web-мастерам. Для более серьезной работы лучше выбрать другой продукт.

DreamWeaver

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

Глобальное отличие DreamWeaver от FrontPage в философии. FrontPage полагает, что пользователь абсолютно не способен породить код HTML самостоятельно, поэтому программа должна сделать все за него. DreamWeaver полагает, что пользователь все может сделать сам, а программа должна создать максимальные условия для творчества.

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

Если бы не одно досадное недоразумение (о нем ниже), этот web-редактор стоило бы признать лучшим в своем классе. К сожалению, поставить Dreamweaver хорошую оценку мешает его полная беспомощность при обращении с русским текстом - весь кириллический текст преобразуется в специальные символы HTML (мы даже не заикаемся про осведомленность о KOI8-r). Увы, этот недостаток свойственен многим визуальным HTML-редакторам.

Заключение

Несмотря на все потрясающие возможности WYSIWYG-редакторов, профессиональные разработчики относятся к ним с предубеждением и предпочитают использовать обычные текстовые редакторы.

Работа с последними имеет несколько очень важных преимуществ:

- Web-дизайнер имеет полный контроль за исходным кодом страницы. Он может быть всегда уверен, что в тексте страницы не появится какой-нибудь «лишний» элемент или WYSIWYG-редактор что-нибудь не напутает (а такое часто случается при обработке сложных страниц). Как следствие, не будет кросс-броузерной несовместимости или проблем с кодировками русского текста.

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

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

Главная же заслуга WYSIWYG-редакторов в том, что во многом благодаря им web-дизайн уже не является прерогативой профессионалов. Возможность создания www-страниц стала общедоступной, что, в свою очередь, вызвало бурный рост числа web-ресурсов и стремительное развитие всего Интернета.

Список использованной литературы

1. http://www.iworld.ru/magazine/print.phtml?p=61651296

2. http://www.on-line-teaching.com/

3. www.intuit.ru

4. Леонтьев Б. «Web-дизайн», М, 2001.

5. Усенков Д., «Уроки Web-мастера», М, 2002.

Скачать архив с текстом документа