Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Увлекательное вебстроительство: как сделать красиво?


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

Увлекательное вебстроительство: выпуск первый
Увлекательное вебстроительство: как сделать красиво?
выпуск # 1

О рассылке

Здравствуйте, уважаемые подписчики рассылки "Увлекательное вебстроительство"!

Поздравляю вас с прошедшими праздниками. Надеюсь, все уже вернулись в рабочее состояние и способны нормально воспринимать информацию. Перед вами - первый выпуск рассылки, для многих долгожданный. Теперь вам не придется собирать мои статьи по разным сайтам и журналам - я наконец-то обзавелась собственным сайтом (http://webster.by.ru), где будут в ближайшее время выложены все архивы моих "бессмертных произведений", когда-либо выходивших в других рассылках и в журнале "Мир Интернет". Надеюсь, что смогу регулярно делать новые выпуски этой рассылки. Здесь не будет материалов, ранее опубликованных где-либо, хотя к старым темам придется все-таки возвращаться. Основу рассылки будет составлять пошаговый учебник по работе с программой Macromedia Dreamweaver версий 3 и 4. В качестве "бонусов" будут публиковаться советы и руководства по Java Script, DHTML и некоторым тонкостям HTML. Хочу сразу предупредить подписчиков: я не специалист по Flash, мои познания об этом редакторе можно с натяжкой охарактеризовать как базовые. Поэтому вопросы по Flash мне задавать бесполезно.

Если наберется достаточное количество вопросов от читателей, то возможно, будут выходить дополнительные выпуски "Вопрос - Ответ". В них я так же буду включать самые интересные вопросы, заданные мне читателями моих статей в журнале "Мир Интернет".

Иногда приходят письма с просьбой создать сайт, посвященный изучению HTML "с нуля", или подобную рассылку. У меня пока есть сомнения в нужности этого. Ведь сайтов про HTML и так довольно много. Но если вы сочтете это нужным, в рассылку будет включен раздел, посвященный пошаговому изучению HTML. Свои предложения по разделам рассылки присылайте мне по e-mail, или высказывайте в форуме сайта Webster.

Руководство по Macromedia Dreamweaver для начинающих

В этом руководстве будет подробно описана работа с популярным визуальным редактором вебстраниц Macromedia Dreamweaver. Руководство написано для пользователей четвертой версии редактора, но почти во всем применимо и к Dreamweaver 3.0. Если в тексте будет встречаться описание функций, недоступных в третьей версии, то я обязательно упомяну об этих ограничениях.

Введение

Меня часто спрашивают: "А почему именно Dreamweaver? Чем он лучше других визуальных редакторов, например, FrontPage? И вообще, вроде бы верстать страницы в визуальных редакторах - дурной тон, мне рекомендовали воспользоваться блокнотом..." Отвечать на такой вопрос можно бесконечно долго, в красках расписывая достоинства программы, но самым простым ответом является предложение сравнить HTML-код двух страниц, выглядящих абсолютно одинаково, но сверстанных в разных программах: в MS FrontPage и в Dreamweaver'e. Код странички, сделанной во FrontPage, будет как минимум на две строки длиннее: за счет лишних meta-тэгов, прославляющих корпорацию Microsoft и ее детище. Но это как минимум. Если же вы создаете многоязычный документ во FrontPage2000, будьте готовы в один прекрасный момент, открыв страничку в "Блокноте", увидеть примерно следующее:

<p style=""margin-left:" 170; margin-right: 0; margin-top: -20">
<span style=""xposition:" absolute; left: 12; top: 187">
<a href="http://www.motherland.narod.ru/folder/politics.htm">
<img border="0" src="http://www.motherland.narod.ru/pictures/politbutton.gif"
width="134" height="17" alt="&#1055;&#1086;&#1083;&#1080;&#1090;
&#1080;&#1082;&#1072;"></a>
</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;</p>

Вся эта галиматья - всего лишь рисунок, являющийся ссылкой, с русскоязычным параметром alt. Даже если вы верно настроите кодировку, FrontPage все равно позаботится о том, чтобы заключить вашу картинку в пяток-другой вложенных друг в друга тэгов: <p>, внутри него - <div>, внутри этого - <span>... И для каждого прописан свой собственный inline-стиль, обязательно включающий в себя свойства абсолютного позиционирования. Уникальный пример того, как любую прекрасную идею (в данном случае - идею создания логичных страниц за счет отделения содержания от визуального представления) можно довести до полного абсурда.

Dreamweaver же очень бережно отнесется к создаваемому вами коду. Единственный meta-тэг, который он прописывает в "голову" страницы по умолчанию, - это тэг, определяющий кодировку (вида <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">). Если вы удалите его, при следующей загрузке страницы в редактор тэг не будет воссоздан.

Новая, четвертая версия Dreamweaver'a включает еще более усовершенствованные инструменты для работы непосредственно с исходным кодом страницы. Кроме того, в нее включен встроенный справочник по тэгам и атрибутам HTML, свойствам CSS и языку сценариев JavaScript. Использование этого справочника позволит новичкам быстро и легко изучить синтаксис HTML, а всем остальным предоставит необходимую информацию в случае возникновения затруднений при создании собственных страниц или логическом разборе чужих.

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

(продолжение - в следующем выпуске)

Бандурина Людмила, 15.01.2001.


http://subscribe.ru/
E-mail: ask@subscribe.ru
Поиск

В избранное