Основы веб конструирования реферат

Обновлено: 05.07.2024

Презентация на тему: " 11 класс. №023. Представление о веб-конструировании. Основы языка гипер-текстовой разметки HTML" — Транскрипт:

1 Представление о WEB- конструировании Учитель Смелова В.Н.

2 Инструменты и методы разработки Выделяют две основные группы методов и инструментов разработки web-сайтов визуальные ручные (программные)

3 Визуальные методы: Позволяют производить все работы по созданию веб-страниц с высокой степенью автоматизации и не требуют знания языка разметки HTML Они уменьшают трудоемкость и сроки разработки сайта Суть визуальных методов отражена в принципе WYSIWYG-что видишь, то и получаешь.

4 Редакторы визуального конструирования: Microsoft FrontPage; Adobe Dreamweaver;

5 Примечание: В последнее время для конструирования и сопровождения WEB-сайтов используется система управления их содержимым (контентом) – CMS, которые представляются специальными платными или бесплатными службами. Системы CMS представляют своего рода конструктор. Они позволяют создавать сайт в режиме непосредственного подключения к сети, или online, и сопровождать его в дальнейшем.

6 Из бесплатных систем CMS- наиболее популярны Joomla! и Drupal Сайт лицей сконструирован именно на CMS Joomla

7 Ручные методы: Знание языка HTML Умение работать в редакторах Блокнот, HotDog, Adobe HomeSite и другие.

8 Этапы разработки сайтов: Определение темы, цели, задачи; Проектирование структуры сайта: разделы и связи между ними; Разработка дизайна сайта(стиль оформления страниц); Подготовка материалов для сайта; Конструирование страниц сайта (создание HTML- кода); Публикация сайта в сети; Тестирование сайта.

9 Краткий конспект: HTMLHTML (Hyper Text Markup Language)- это язык разметки гипертекста. Используется для создания веб-страничек. HTML-документ.HTML-документ – это текстовый файл, содержащий код HTML. Теги Теги – это определенные последовательности символов, заключенные между знаками, задающие правила вывода на экран текстов, графиков, звука и т.д. Браузер – это программа для просмотра HTML – документов, страниц в Интернете. Гипертекст – документ, содержащий ссылки, передающие управление на другие фрагменты текста или другие документы, находящиеся как на данном компьютере, так и на любом компьютере, подключенному к Интернету.

Автор: Алексеева Наталья Александровна
Учитель информатики, Средняя школа №3, Каменск-Уральский
Описание: данная статья будет полезна учащимся 9-11 классов, а также учителям информатики при подготовке к уроку.
Цель: рассмотреть основные понятия веб-конструировния; различные методы создания сайтов.

При планировании работы мы задались вопросом, а как же в сети размещаются сайты? Что нам потребуется для размещения нашего сайта в сети интернет? На что, в первую очередь, нужно обратить внимание при размещении сайта в сети?

Найдите ответы на эти вопросы в сети интернет

Что такое хостинг?

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

В чем их отличие?

Важным отличием платного хостинга от бесплатного, мы считаем, тот факт, что он разрешает использование собственного домена.

Что такое домен?

Домен — это адрес сайта или определенная зона, которая имеет свое имя, не похожее ни на одно другое в системе доменных имен. Они бывают разных уровней.

Рассмотрим другой способ создания сайтов – создание сайтов при помощи визуальных web-редакторов. Визуальные web-редакторы – хороший способ сэкономить время на изучении web-программирования и быстро сделать сайт, наполнив его всей необходимой информацией. Для создания web-проекта с помощью подобной программы не нужно иметь специальных знаний и быть программистом. Они дают простор для творчества и гарантируют, что сайт не будет выглядеть точно так же, как тысячи других.
Проанализировав данную информацию мы выделим плюсы создания сайта при помощи конструктора:
• Не нужны специальные технические знания.
• Быстрое создание сайта в несколько кликов.
• Огромное множество вариантов дизайна сайта.
• Легкое администрирование.
Небольшой недостаток данного способа создания сайтов – все ограничено возможностями конструктора.

Говоря о способах создания сайтов, нельзя обойти стороной готовые шаблоны.
Рассмотрим создание сайтов с использование готовых шаблонов, на примере самых распространенных систем. Wix – это один из самых авторитетных конструкторов сайтов в мире, который имеет локализации для большинства стран. По умолчанию на бесплатном тарифе пользователь получает доменное имя и постоянный хостинг.
Мы выделили следующие достоинства Wix: функциональный и красивый интерфейс; отличный набор встроенных шаблонов; большое количество виджетов и настроек; магазин приложений с большим ассортиментом; мощный визуальный редактор, позволяющий менять дизайн сайта до неузнаваемости; широкая специализация платформы; удобная настройка SEO-параметров; большое количество FAQ и подсказок в панели управления; возможность раздельного редактирования мобильного и десктопного шаблона. Можно также отметить наличие редких функций и инструментов.
Из недостатков можно сказать о перегрузке административной панели из-за наращивания функционала добавлением виджетов и ограничении пропускной способности.
Следующим в нашем списке на ознакомление будет uCoz. uCoz — система управления сайтом и хостинг для сайтов, созданных с её использованием. Система бесплатна для пользователя, но при этом он получает много рекламных баннеров и некоторые другие ограничения. После регистрации на uCoz пользователь может выбрать название и зону бесплатного поддомена из множества предложенных вариантов. Позже его можно сменить на любое доменное имя 2-го уровня.
Мы выделим следующие достоинства данного редактора: большое количество встроенных шаблонов; великолепный встроенный инструментарий для продвижения сайтов; отличные возможности по изменению стандартных дизайнов сайта.
Несмотря на достоинства, перечисленные выше, главным фактором выбора не в пользу uCoz стало наличие на сайтах, созданных в бесплатном аккаунте, большого количество рекламы.

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

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

Создать сайт непросто, и, наверно, каждый человек хотел бы попробовать себя в роли дизайнера. Но не каждый пользователь знает язык разметки гипертекста (HTML) и имеет навыки работы в программах, необходимых для сайтопостроения, таких как Macromedia Flash , Adobe Dreamweaver , JavaScript и другие. Сегодня для решения данной проблемы в сети Интернет существуют различные веб-конструкторы. Они содержат уже готовые темы оформления, шаблоны, различные наборы возможностей для вставки и форматирования текста, а также картинок, видео и аудио файлов, flash-анимацию. Однако веб-конструкторы обладают различными функциональными возможностями и имеют своеобразные особенности веб-конструирования.

Таким образом, тема настоящей курсовой работы: Особенности веб-конструирования в сети Интернет.

Целью курсовой работы является обобщение и систематизация информации по веб-конструированию в сети Интернет.

Для достижения поставленной цели необходимо решить следующие задачи:

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

Привести обзор десяти веб-конструкторов, наиболее популярных в сети Интернет.

Сравнить пять из них по основным характеристикам веб-конструкторов. Выбрать наиболее удобный и функциональный веб-конструктор.

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

Структура работы представлена введением, тремя параграфами, заключением, списком литературы.

HTML - язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:

Стилизованный и форматированный текст.

Команды включения графических и звуковых файлов.

Гиперсвязи с различными ресурсами Internet.

Скрипты на языке JavaScript и VBScript.

Различные объекты, например, Flash-анимацию.

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают веб-браузеру как надо вывести страницу. Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора, а также сопутствующих редакторов.

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

Современные веб-конструкторы самостоятельно пишут HTML-код страниц, создаваемых разработчиками. Сам разработчик не участвует в данном процессе, но при необходимости может открыть код страницы и внедрить туда нужные элементы на языке HTML [3].

Понятие веб–конструирования

Рассмотрим основные понятия веб-конструирования.

Так, веб-сайт – это объединённая под одним адресом (доменным именем) совокупность веб-страниц частного лица или организации.

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

Зачастую веб-конструкторы предоставляют достаточно возможностей для создания сайтов, которые по качеству могут превзойти продукты небольших веб-студий, выполняющих заказы для малого и среднего бизнеса. Используя веб-конструктор, разработчик сам сможет по желанию самостоятельно и оперативно вносить поправки [5].

К основным преимуществам конструкторов сайтов относят следующее:

они просты в использовании. Всё делается пошагово и легко. Нет необходимости работать со сложными кодами HTML и FTP;

разделение дизайнерской и текстовой частей: макет хранится отдельно от текста. Смена дизайна происходит в несколько кликов ;

наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка разметки гипертекста HTML;

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

богатый набор дизайнерских шаблонов на любой вкус;

оперативная публикация страниц. Изменения отображаются сразу же после их внесения;

надёжность – все файлы хранятся на сервере веб-конструктора. Поэтому разработчику не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного веб-конструктора сайтов;

некоторые веб-конструкторы (например, Wix , Nethouse ) позволяют переносить готовый сайт на другой хостин [6].

Главный принцип работы веб-конструктора сайта – сайт создаётся моментально, а позже редактируется и наполняется благодаря размещению и настройки готовых блоков (шаблонов). Любой из этих блоков, может быть размещён на конкретные страницы сайта. Или дублироваться на всех. Их можно настраивать, перемещать, редактировать.

Все методы создания сайтов можно условно разделить на 2 основные группы. Первая группа методов создания сайтов – это методы ручного написания сайтов на одном или нескольких языках веб-программирования. При этом работа может осуществляться как в простых текстовых редакторах, например Блокнот, Notepad ++, так и в визуальных редакторах, например Adobe Dreamweaver, а также с помощью каскадных таблиц стилей CSS. CSS – это технология оформления веб-страниц, основной целью которой является разделение содержания страницы и ее представления. Такое разделение очень удобно: можно, не затрагивая содержимое страницы, поменять стиль ее оформления. CSS используется для задания цвета, шрифтов, расположения элементов на странице[4].

Основные правила веб-конструирования и этапы создания сайта с помощью веб-конструктора в сети Интернет

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

Приступая к веб-конструированию сайта, следует придерживаться следующих правил:

если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в браузере;

если сайт предназначен для потребителей, например, сайт, который предлагает обучающие игрушки для детей – внимание обращается на скорость загрузки и внешний вид сайта;

если это сайт для контролируемого окружения, зная какой браузер используют клиенты, можно показать различные эффекты, включая звуковые – свистки, звонки и, даже, собственные разработки;

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

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

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

На данный момент выделяют следующие типы дизайна для веб-сайтов:

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

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

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

" динамический " дизайн - дизайн, в котором используется flash -анимация, gif анимация. В хорошо продуманном веб-сайте это может быть целое произведение искусства, последовательно разворачивающее перед зрителем мысль автора или какой-то художественный образ [2].

Процесс создания веб-сайта проходит последовательно восемь следующих этапов:

1 этап — определение целей создания сайта. Данный этап является самым важным этапом в создании веб-сайта, потому что нельзя добиться цели, если её нет или она определена некорректно. От целей также будет зависеть весь дальнейший процесс создания веб-сайта и каждый его этап.

2 этап — проведение исследований по теме. Прежде, чем преступить к разработке, необходимо проанализировать тему, изучить веб-сайты с похожими темами. В дальнейшем данный этап поможет в создании собственной концепции.

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

тип веб-сайта (портал, визитка, корпоративный, магазин и т.д.);

функционал веб-сайта (поиск, лента новостей и т.д.);

стиль дизайна (строгий, веселый и т.д.);

структура веб-сайта (какие веб-страницы должны быть на веб-сайте);

структура веб-страниц (какие блоки должны быть на веб-страницах и в каком виде).

При составлении обязательно нужно помнить о целях создания веб-сайта.

4 этап — подготовка и выбор доменного имени, а также выбор готового шаблона. В макете должны быть прорисованы все блоки, которые будут на веб-сайте. Каждый шаг разработки макета дизайна должен выполняться в соответствии целями веб-сайта.

5 этап — создание веб-сайта при помощи веб-конструктора.

В зависимости от целей и задач веб-сайта, он должен удовлетворять потребностям различных пользователей.

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

7 этап — тестирование веб-сайта и исправление ошибок.

8 этап — публикация веб-сайта в сети Интернет. На этом этапе веб-сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.

Рассмотрим десять самых популярных веб-конструкторов в сети Интернет, которые имеют различные возможности веб - конструирования как для новичка, так и для профессионала. К ним можно отнести :

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

Содержание

Как создаются веб-страницы
Несколько средств веб-разработки
Простейшие средства создания веб-страниц
Веб-редактор TaxtPad
Веб-редактор Arachnophilia
Текстовые редакторы типа WYSIWYG
Редактор Star Office
Netscape Composer

Прикрепленные файлы: 1 файл

Реферат по ИИКТ

Как создаются веб-страницы
Несколько средств веб-разработки
Простейшие средства создания веб-страниц
Веб-редактор TaxtPad
Веб-редактор Arachnophilia
Текстовые редакторы типа WYSIWYG
Редактор Star Office
Netscape Composer

Как создаются веб-страницы

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

Для того чтобы различные программы Web-обозревателей правильно отображали одну и ту же Web-страницу, язык HTML должен быть стандартизирован. Его стандартизацией (а также множеством других стандартов Интернета) занимается особая организация, называемая World Wide Web Consortium или, сокращенно, WWWC. Это название можно перевести как "Комитет Всемирной паутины".

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

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

Версия 4.01 станет последней версией языка HTML. В дальнейшем он будет постепенно заменен своим потомком — языком XHTML (extensible Hyper-Text Markup Language — расширяемый язык гипертекстовой разметки). Этот язык основан на популярном языке описания данных XML (extensible Markup Language — расширяемый язык разметки), он позволяет расширять доступный набор тегов и считается более строгим и более подходящим для машинной обработки. К тому же, из XHTML выброшено множество устаревших тегов, все еще поддерживаемых HTML в целях совместимости.

Скоро ли наступит эра XHTML? Вряд ли. Старый добрый HTML поцарствует на земле еще не один год.

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

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

Одна из Web-страниц, хранящихся на диске серверного компьютера, при настройке Web-сервера задается в качестве страницы по умолчанию или главной страницы. Она будет загружена, если пользователь наберет в строке адреса Web-обозревателя только интернет-адрес сайта (например, "http:// www.site.ru"), без указания имени файла страницы. Как правило, такая страница имеет имя default или index.htm и расширение htm или html, хотя, опять же, все это в руках администратора.

После получения файлов Web-страницы Web-обозреватель сохраняет их на жестком диске клиентского компьютера в особой папке, называемой кэшем. Зачем это нужно? Да хотя бы затем, чтобы вы смогли впоследствии просмотреть эту страницу, не подключаясь к Интернету. Все современные Web-обозреватели поддерживают так называемый автономный режим (по-английски — offline mode), когда они отображают только те страницы, что находятся в кэше. Если же вы попытаетесь просмотреть страницу, которой нет в кэше, Web-обозреватель предложит вам подключиться к Интернету и загрузить ее.

Несколько средств веб-разработки

Различные редакторы

На свете существуют две разновидности Web-редакторов: визуальные и невизуальные. Или, как еще говорят, WYSIWYG- и не-WYSIWYG-редакторы. (WYSIWYG или What You See Is What You Get -"что ты видишь, то ты и получишь".)

Невизуальные редакторы работают с "чистым" (или "сырым") HTML-кодом. Они предоставляют возможность быстрого ввода тегов, синтаксического подсвечивания, проверки правильности получившегося кода и ссылок. К ним относится, в частности, известная Arachnophilia.

Невизуальные Web-редакторы часто называют HTML-редакторами.

Визуальные редакторы позволяют работать с самой Web-страницей "как она есть". Пользователь редактирует и форматирует текст, вставляет рисунки, таблицы, как в обычном текстовом редакторе, а уж сама программа формирует соответствующий HTML-код. К такого рода редакторам относится популярный Microsoft FrontPage и целый ряд программ попроще.

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

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

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

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

Простейшие средства создания веб-страниц

Веб-страницы кодируются на языке гипертекстовой разметки — HTML. Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы. Самый простой вариант — это редактор Notepad (Блокнот), входящий в стандартную поставку Windows. Собственно говоря, это именно то, что нужно, — простейшая программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и ничего лишнего. (Тем, кто не работает под Windows, в качестве замены Блокноту подойдет почти “все что угодно”: Edit — для MS-DOS, vi или jed — для Linux, Kedit — для Linux/KDE и т. д.)

Однако в очень простых текстовых редакторах типа Блокнота весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста (как иногда называют тех, кто пишет код HTML, в отличие от веб-дизайнеров, которые придумывают внешний вид и иногда даже пытаются воплотить его, используя программы работы с графикой). Давайте сначала кратко опишем несколько простых программ, а потом остановимся на лучших из них.

Веб-редактор TextPad

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

Веб-редактор TextPad позволяет автоматизировать набор многих тегов. Если не хочется набирать их вручную (многие этого не любят просто из-за того, что приходится переключаться на латинский шрифт), то обратите внимание на левую нижнюю часть окна программы. Там приведен список наиболее распространенных HTML-тегов, которые можно вставлять в свой основной текст двойным щелчком мыши. Правда, в списке указаны не сами теги, а их описание. Например, чтобы вставить тег , нужно выбрать из списка пункт Block > Break Line. Однако к этому быстро привыкаешь. Почти все пункты списка вставляют теги вместе с закрывающим парным тегом. Например, если выбрать пункт Block > Preformatted, в текст автоматически будут добавлены теги и и . Некоторые пункты добавляют сразу целые блоки-заготовки. Если, к примеру, выбрать пункт Table (Таблица), в текст будет вставлен такой код: ? ? ?

Кроме списка тегов TextPad предоставляет нам также возможность выбирать из списка специальные символы (список HTML Characters), а также, если потребуется, любой управляющий символ, например символы псевдографики DOS и другие. Те, кто часто вводят какие-либо последовательности символов, что при написании веб-страниц не редкость, могут облегчить свою задачу, записав в TextPad соответствующие макросы. Для записи макроса надо нажать комбинацию клавиш CTRL+SHIFT+R (или выбрать из меню Macros пункт Record). При этом начнется запись макроса, то есть все последующие действия будут запомнены. Чтобы закончить запись, надо снова нажать комбинацию клавиш CTRL+SHIFT+R, после чего присвоить имя файлу макроса, а также дать название для представления макроса в меню. Здесь можно также дать, если нужно, краткое описание макроса и указать имя его автора. После нажатия на кнопку ОК название макроса появится в меню Macros. Выбрав его, можно ввести сразу всю заданную последовательность символов.

Для удобства отладки можно установить флажок в пункте Line Numbers (Нумерация строк) в меню View (Вид), — в этом случае все строки текста будут пронумерованы. Хочется отметить, что если в меню Configure (Настройка) включен пункт Word Wrap (Перенос по словам) для автоматического переноса концов длинных строк в видимую часть экрана, то каждая такая длинная строка все равно будет нумероваться одним номером, а не двумя или тремя (кстати, такая нумерация почему-то недоступна в замечательной программе Homesite, о которой речь пойдет ниже). А если в меню View (Вид) включить флажок Visible Spaces (Отображать пробелы), то можно увидеть на экране и “невидимые символы”, такие, как пробелы, символы табуляции и прочие.

В программе TextPad можно легко сравнить два файла, выбрав из меню Tools (Сервис) пункт Compare Files (Сравнить файлы). А если есть два (или более) похожих файла, в некоторые местах которых надо внести изменения, удобно использовать функцию Synchronize Scrolling (Одновременная прокрутка) из меню Configure (Настройка). В этом случае можно открыть сразу несколько файлов, например, выбрав из меню Windows (Окна) пункт Tile Vertically (Расположить по вертикали), и тогда при прокрутке одного из них другие прокручиваются синхронно. Среди других полезных функций программы TextPad стоит отметить возможность автоматической смены клавиатурного регистра командой Edit > Change Case (Правка > Сменить регистр), автоматического копирования в буфер слова или строки, на которой находится курсор, с помощью команд Edit ” Cut Other (Правка > Вырезать) и Edit > Сору Other (Правка > Копировать), а также функцию проверки орфографии Tools > Spelling (Сервис > Правописание). И, конечно, здесь присутствует возможность просмотра созданного файла в броузере View > In Web Browser (Вид > В броузере).

Читайте также: