Рассылка закрыта
Вы можете найти рассылки сходной тематики в Каталоге рассылок.
| Январь 2001 → | ||||||
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|---|---|---|---|---|---|---|
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
|
16
|
17
|
19
|
20
|
|||
|
22
|
23
|
24
|
25
|
26
|
28
|
|
|
29
|
30
|
31
|
||||
Статистика
за неделю
Увлекательное вебстроительство: как сделать красиво?
 выпуск # 4 |
|||
Содержание выпускаРуководство по Macromedia Dreamweaver для начинающих. Настройки редактора.
Руководство по правильному HTML Свои вопросы, предложения и пожелания по содержанию рассылки присылайте по адресу: mila_b@chat.ru. Я обязательно всем отвечу, а самые интересные вопросы будут опубликованы в рассылке. |
|||
Руководство по Macromedia Dreamweaver для начинающихНастройки редактора (продолжение, начало см. в выпусках ## 2, 3)File Types / Editors - типы файлов и сопоставление им редакторовТак же, как и в предыдущих разделах, настройки описаны по порядку - сверху вниз. 
Fonts / Encoding (настройка шрифтов и кодировки)По этому разделу настроек чаще всего возникают вопросы у начинающих. Если кодировка настроена неверно, то Dreamweaver автоматически перекодирует кириллицу в символы Unicode, из-за чего появляются проблемы с редактированием html-кода в текстовом режиме. Отнеситесь внимательно к этим настройкам, однако учтите, что здесь настраивается лишь кодировка "по умолчанию", которая будет автоматически применяться ко всем новым страницам. Однако это не помешает вам в дальнейшем редактировать страницы в других кодировках, и даже использовать внутри одного сайта разные виды кодировок. 
Highlighting - подсветка цветомВносить изменения в данный раздел настроек вам потребуется лишь в том случае, если вы пользуетесь встроенной библиотекой и шаблонами Dreamweaver'a. Вы можете настроить требуемый цвет для подсвечивания границ редактируемых и нередактируемых частей шаблона, библиотечных элементов и т.н. "пользовательских тэгов". Invisible Elements - Отображение значков невидимых элементовМеня частенько спрашивают: "Нарисовал слои от руки в Dreamweaver'e, а при просмотре в браузере они все съехали вверх. В чем дело?" Дело в том, что Dreamweaver для облегчения редактирования слоев добавляет над слоем значок так называемой "якорной точки" слоя - точки, которая соответствует верхнему левому углу слоя (значения top и left соответствуют координатам именно этой точки). Естественно, из-за "якорного значка" слой "съезжает" вниз в визуальном режиме. Но эта погрешность была свойственна только третьему Dreamweaver'у, который позиционировал значок, а не слой. При этом в браузере позиционируется слой, из-за чего появляются визуальные отличия. Четвертый DW позиционирует слой точно в визуальном окне, а значок располагает по возможности над ним. Естественно, слой с координатами 0, 0 будет все равно смещен вниз, если вы не отключили отображение "якорных точек". 
Помимо "якорных точек" слоев, Dreamweaver может отображать в виде значков многие другие элементы. Какие из них отключить, а какие оставить видимыми, - решать вам.
Учтите, что если вы включили отображение невидимых элементов в виде символов, то выравнивание в визуальном режиме может отличаться от выравнивания в браузере, т.е. в этом случае уже не стоит особо доверять линейкам Dreamweaver'a. (продолжение - в следующем выпуске) |
|||
Руководство по правильному HTMLРезультаты голосования слегка поразили меня. Рассылка изначально задумывалась как руководство по эффективному использованию Dreamweaver'a, дополненное советами по верстке в неоднозначных ситуациях и по достижению полной совместимости с различными браузерами. Однако из голосования следует, что довольно большой процент читателей хотел бы видеть здесь и руководства по HTML, CSS и Java Script. Что же, идя навстречу вашим пожеланиям, начинаю публиковать эту рубрику. ВведениеПрежде всего давайте разберемся, что же такое HTML. Эта аббревиатура расшифровывается как Hyper Text Markup Language - язык разметки гипертекста. Подробно об изобретении гипертекста и его применении можно почитать в параграфах "Руководства" Артемия Лебедева. А мы сейчас поговорим о разметке. Если бы вам потребовалось создать простой текстовый файл, предназначенный в дальнейшем для преобразования в сложный документ с несколькими уровнями заголовков, таблицами, разными видами абзацев, картинками и т.п., то вам пришлось бы прибегнуть к условным обозначениям, отмечающим начало и конец заголовка, начало и конец абзаца определенного вида, начало таблицы, начало строки таблицы, начало ячейки таблицы и т.п. В простейшем случае это выглядело бы приблизительно так: [начало заголовка 1-го уровня] Как я провел лето [конец заголовка 1-го уровня] [начало заголовка 2-го уровня] сочинение [конец заголовка 2-го уровня] [фотография меня на даче, обтекаемая текстом справа] [начало абзаца] Лето я провел на даче у бабушки. Там было весело. [конец абзаца] Ну, а в HTML тот же самый фрагмент текста выглядит так: <h1>Как я провел лето</h1> <h2>Сочинение</h2> <img src="photo.gif" align="left"> <p>Лето я провел на даче у бабушки. Там было весело.</p> То есть тэги HTML - это и есть разметка текста, которая позволяет выделять заголовки, вставлять изображения, формировать таблицы, хотя вся информация при этом хранится в обычном текстовом файле, скорость передачи которого по сети довольно высока. А интерпретацию этих меток-тэгов и форматирование готового документа осуществляет браузер, который "знает", каким именно образом выделить заголовки и с помощью каких протоколов загрузить на страницу изображения. Язык HTML постоянно развивается - добавляются новые тэги, некоторые тэги устаревают и отменяются, и т.д. За "стандартизацию" языка разметки отвечает интернет-консорциум W3C, который выпускает новую спецификацию HTML каждый раз, когда накопится достаточное количество изменений. На сегодняшний день действует спецификация HTML 4.01, и именно в соответствии с ней рекомендуется создавать новые HTML-страницы. Основным отличием спецификаций HTML 4.0 и HTML 4.01 от всех ранее действовавших спецификаций является требование максимально отделять структуру документа от его визуального представления, для чего рекомендуется использовать каскадные таблицы стилей (CSS). Поэтому изучение HTML мы с вами будем осуществлять параллельно с изучением CSS. Правильный HTML*Что же такое правильный HTML с точки зрения спецификации HTML 4.0 консорциума W3C? Прежде всего, это - HTML логичный, то есть такой, где тэгами заголовков выделены действительно заголовки, таблицы используются для представления табличной информации, а не в качестве каркаса страницы, и так далее. Такой HTML в части форматирования документа довольно близок к языку разметки будущего - к XML. Каскадные таблицы стилей позволяют настроить отображение любых элементов в соответствии с желаниями создателя страницы, в связи с чем полностью отпадает необходимость в использовании тэгов заголовков для визуального выделения отдельных элементов страницы, таблиц - для создания каркаса, а тэга <blockquote> - для увеличения отступа текста от края страницы. Также полностью отпала надобность в использовании так называемых тэгов физического форматирования - <b>, <i>, <u> - вместо них рекомендуется использовать тэги логического выделения <em>, <strong>, а внешний вид содержимого этих тэгов можно очень гибко настроить с помощью CSS. При использовании правильного HTML повышается логичность страниц, и если наконец страницы, созданные в соответствии со спецификациями W3C, возобладают в сети над страницами с физическим форматированием, то качество поиска нужной информации резко возрастет. Мы с вами, изучая HTML, постараемся следовать спецификациям, однако и устаревшие тэги тоже придется изучить - во-первых, для того, чтобы иметь возможность прочесть и отредактировать чужой код, а во-вторых, из-за того, что иногда приходится применять и устаревшие тэги, т.к. браузеры Netscape четвертых версий реализуют спецификацию 4.0 очень плохо. Что такое действительный документ HTMLК сожалению, если проанализировать страницы, выложенные в сеть, выясняется, что огромная часть документов HTML не может считаться действительными. Действительный документ HTML должен обязательно содержать следующие части:
Именно по содержимому тэга <title> в идеале должна производиться первоначальная индексация документов поисковыми системами. Но, к сожалению, у огромной части страниц этот тэг, необходимый для признания HTML-документа действительным, отстутствует. И, как ни странно, происходит это обычно по вине опытных (или считающих себя опытными) вебмастеров, которые верстают страницы руками, в блокноте или других текстовых редакторах. Потому что начинающие, делающие странички в визуальных редакторах, даже если и забудут про этот тэг - за них это сделает редактор. Правда, название документа будет в этом случае неприглядным, вида <title>Untitled Document</title>, но оно будет! Следовательно, и документ HTML будет считаться действительным, в отличие от документа "профессионала", который забыл про этот тэг. Многие могут поинтересоваться: а как же тэг <body>? Почему он не включен в список обязательных тэгов? Дело в том, что на страницах, определяющих набор фреймов, вместо тэга <body> используется <frameset>. Эти страницы, при условии соблюдения перечисленных выше условий, также являются действительными документами HTML. Итак, вот примеры минимальных действительных документов:
(продолжение в следующем выпуске) |
|||
|
* Подробнее об отличиях между логическим и физическим форматированием см. мою статью в журнале "Мир Интернет" #1 за 2001 год - "Flash vs. XML". |
|||
Полезные советы
|
|||
|
|||
|
Бандурина Людмила, 26.01.2001. Архив рассылки находится здесь. Перекодирование из HTML в текст осуществляется службой рассылок Subscribe.RU. |
|||
 |
|
http://subscribe.ru/
E-mail: ask@subscribe.ru |
|
| В избранное | ||
