Редакторы HTML, предназначенные для работы с исходным текстом Web-страниц, ориентированы на разработчиков, хорошо владеющих этим языком, и продолжают славные, идущие еще от знаменитого EMACS традиции «редакторов для программистов». Эти программы должны удовлетворять двум главным требованиям: во-первых, минимизировать число действий, необходимых для ввода тегов, атрибутов и сложных конструкций языка HTML (таблиц, фреймов и т.п.), одновременно проверяя синтаксическую правильность вводимого кода и предоставляя контекстную справку по языку, его расширениям и диалектам, и, во-вторых, облегчить создание и поддержку крупных сайтов, позволяя повторно использовать один раз написанные и отлаженные фрагменты кода (это должно восполнить отсутствие в HTML даже зачатков структурного программирования). Задачи, которые должны выполнять HTML-редакторы, ясны, и о достоинствах и недостатках программ этого класса судить достаточно просто.
Совсем другое дело — так называемые WYSIWYG-редакторы, показывающие Web-страницу «как она есть». Очевидная аналогия с издательскими системами помогает мало: если преимущества, скажем, QuarkXPress по сравнению с Adobe Pagemaker определяются в основном тем, насколько свободно каждая из этих программ может манипулировать материалом страницы, то с HTML в этом смысле сравнивать просто нечего. Этот язык настолько безнадежно связывает руки графическому дизайнеру, что достичь какого-то преимущества перед конкурентами WYSIWYG-редактор может лишь с помощью «фирменных» расширений, поддерживаемых только одним из двух имеющих хождение браузеров (Netscape Communicator или Microsoft Internet Explorer). В интерфейсе визуального редактирования, пожалуй, тоже сложно придумать что-нибудь новенькое, кроме старого как мир «drag and drop» и изменения размеров объектов при помощи «ручек» по углам. Web-дизайнеры, надо отдать им справедливость, достигают на своих страницах впечатляющей свободы самовыражения, однако при этом им приходится попросту «отливать» большинство элементов страницы в неизменяемые графические плашки — для чего, понятно, обыкновенный графический редактор куда полезнее редактора Web-страниц.
Adobe Dreamweaver Testimonial — Academy Class
Вот почему при оценке WYSIWYG-редакторов на первый план выходит критерий качества генерируемого HTML-кода и совместимости его с максимальным количеством браузеров и их версий. Если же программа позволяет добавлять специфические для одного из браузеров объекты или свойства, она должна недвусмысленно предупреждать пользователя об отходе от универсальной совместимости. Кроме того, для профессионала важно иметь возможность в любой момент увидеть и отредактировать HTML-код страницы, причем так, чтобы WYSIWYG-программа сразу же учла внесенные изменения и перерисовала страницу в своем окне. Важно также обеспечить прозрачность программы по отношению не только к сгенерированному ею самой, но и к «чужому» коду: импортировав HTML-файл, изменив в нем одно слово текста и записав обратно, вы в идеале должны получить файл, отличающийся от исходного только одним этим словом; все остальные теги, комментарии и даже отступы и переносы строк исходного текста должны остаться в неприкосновенности.
How To install Macromedia Dreamweaver 8
Как ни странно, этим на первый взгляд очевидным требованиям до сих пор удовлетворяет один-единственный продукт — Macromedia Dreamweaver (http://www.macromedia.com/software/dreamweaver/).
РЕЗЮМЕ
Оценка: * * * * *
Платформа: Windows, Macintosh
Минимальные требования:
Windows 95 или NT
Pentium 90
16 Мбайт оперативной памяти
Macintosh:
System 7.5.5 или старше
Power Mac
24 Мбайт оперативной памяти
Заключение: Если подходить к оценке объективно, Macromedia Dreamweaver — просто хороший продукт, делающий именно то и именно так, что и как он должен делать; но для тех, кто начинал практическое освоение Web-дизайна с Microsoft FrontPage, Adobe PageMill или какого-то другого WYSIWYG-редактора Web-страниц, Dreamweaver может стать настоящим откровением.
Цена по прейскуранту: 299 долл.
Производитель: Macromedia, www.macromedia.com.
Хотя создатели и Microsoft FrontPage, и Adobe PageMill, и NetObjects Fusion готовы не моргнув глазом поклясться в верности принципу WYSIWYG, только Dreamweaver достаточно близко подходит к идеалу — полному соответствию картинки в окне программы тому, что будет показано в окне браузера. Опытные разработчики знают, что из-за множества неявных различий между алгоритмами верстки таблиц очень сложно бывает добиться одинакового размещения элементов страницы в обоих браузерах. По этой же самой причине большинство WYSIWYG-редакторов безбожно врут при попытке интерпретировать даже не слишком сложный HTML-файл, написанный «вручную». Типичный пример: если Dreamweaver допускает только одну незначительную ошибку (оставляя щель между изображениями, которые должны плотно прилегать друг к другу), то в Microsoft FrontPage та же самая страница буквально разлетается на куски. Этот пример особенно показателен: ведь браузер Microsoft Internet Explorer сделан той же самой фирмой, что и претендующий на соблюдение WYSIWYG редактор FrontPage.
Dreamweaver достоин также всяческих похвал за качественную поддержку тех многочисленных и довольно разнородных расширений, которые принято объединять термином «динамический HTML». Объекты с абсолютным позиционированием (в программе они называются layers, т. е. «слои», хотя в них используется не предложенный Netscape тег LAYER, а работающие в обоих браузерах механизмы Cascading Style Sheets) создаются просто и естественно.
Более того, программа даже способна преобразовать сверстанную на основе таблиц страницу так, что каждая ячейка таблицы превратится в «слой». Удобная и наглядная панель, напоминающая об интерфейсе программ Director или Flash, позволяет быстро организовать анимационные эффекты с перемещением слоев и сменой изображений. Генерируемый при этом JavaScript-код прекрасно приспособлен к разным версиям браузеров, а все случаи возможной несовместимости четко оговариваются как в сообщениях программы, так и в комментариях к генерируемому коду. Вообще, интерфейс программы испещрен списками, флажками и переключателями для выбора всевозможных свойств и расширений в зависимости от того, на какие браузеры и какие именно их версии вы рассчитываете. Самое же приятное во всем этом то, что большинство вставляемых программой тегов и сценариев поддаются настройке, так что пользователь сможет в любой момент приспособить свою программу к новым версиям HTML и новым причудам браузеров.
Продукт фирмы Macromedia, пока единственный WYSIWYG-редактор, ориентированный на «продвинутых» пользователей (в том числе, кстати, и по своей цене — 299 долл.), настолько выгодно отличается от конкурентов, что можно только удивляться: почему программы «для всех» чуть ли не обязаны быть проще продукции для профессионалов, да зачастую еще и гораздо хуже их? Хотелось бы надеяться, что Macromedia Dreamweaver не только завоюет заслуженное признание у пользователей, но и заметно повысит конкуренцию в классе WYSIWYG-редакторов.
Источник: www.publish.ru
Macromedia Dreamweaver
Краткий курс
Эта книжка посвящена одной из тех программ, которые, на мой взгляд, могут примирить с существованием Windows самого лютого окнофоба. Это — Macromedia Dreamweaver, лучший Web-редактор всех времен и народов, первый, по определению сайта СофтЛист, Web-редактор с человеческим лицом.
Я сравнил бы оформление сайта скорее со стилем изложения в книге. Ведь вряд ли кто сможет оценить величие мысли или остроту сюжета, изложенные шершавым (да еще и не вполне русским) языком плаката или нормативного акта. Так и контент сайта останется неоцененным, если русский текст предстанет в виде пресловутого яХУУЛИЙк’а, иллюстрации — в виде пустых прямоугольников, а щелчок на гиперссылке будет вызывать крайне информативную надпись «File not found» или не менее интригующее «Under construction».
Так вот, чтобы избежать этого, и были придуманы инструменты, облегчающие и упрощающие создание web-сайтов. И в числе лучших, по крайней мере на платформе Windows — программа фирмы Macromedia — Dreamweaver. О которой я и попытаюсь рассказать на основании двухлетнего опыта общения с trial-редакциями 2-й и 3-й (текущей) ее версий.
По умолчанию предполагается, что читатель имеет представление о том, что такое Интернет, web-сайт и язык гипертектовой разметки HTML. Потому ниже и не объясняется, что такое «тэг», «гиперссылка» и тому подобное. В то же время глубоких познаний в этих материях не потребуется. Поскольку Dreamweaver, как будет показано вскоре, помимо прочих достоинств, может служить также практическим учебником языка HTML.
Должен сразу заметить, что Dreamweaver предоставляет массу возможностей для разработки дизайна сайта. Однако профессиональным дизайнером я себя назвать не могу. А потому ниже буду акцентировать внимание главным образом на тех функциях программы, которые помогают манипулировать содержательной стороной web-узла (тем, что именуется «контентом»). Хотя и без рассмотрения элементов дизайна обойтись не удастся.
Соответственно, книга эта расчитана скорее не на профессиональных (или тремящихся стать таковыми) дизайнеров, а скорее на тех, кто занят представлением в Сети контента, преимущественно — своего, оригинального. Ведт представление оригинальной информации — это и было изначальным преначертанием Интернета вообще и Всемироной Паутины в частности.
Как обычно, основу книжки составила серия заметок на моем сайте. Я хотел бы выразить признательность администрации сервера Чертовы Кулички за web-хостинг и корректную поддержку всех новых web-технологий. Я благодарен всем откликнувшимся на on line версию моих заметок за письма, позволившие внести исправления и дополнения. Отдельная благодарность — программистам фирмы Macromedia за создание замечательных программных продуктов и ее менеджерам — за предоставление возможности получить в Сети пробные версии программ. И, наконец, эта книга никогда не была бы написана без общения с моими многолетними соратниками по компьютеризации геологии — Кириллом Крыловым, ведущим сайт Геологического института РАН (http://geo.tv-sign.ru), и Валентином Федоровским — другом, коллегой и, в прошлом, воинским начальником.
Глава первая
Кое-что о web-редакторах вообще
Свое дело для каждого и каждый для своего дела
Альфред Бестрер
Не буду оригинальным, если скажу, что каждая манипуляция на компьютере осуществляется посредством соответствующего программного инструментария. Так, тексты готовятся в текстовых редакторах или текстовых процессорах, таблицы — в табличных процессорах, графика — в редакторах графических, книги верстаются в программах верстки, и так далее.
Конечно, верстать можно в Word’е, а рисовать в Excel’е. Однако лучше не забывать фразу генерала из новеллы Альфреда Бестера, приведенную в эпиграфе: ведь каждая программа представляет собой закаленный и отточенный инстурмент для выполнения именно тех действий, для которых предназначалась. По крайней мере, в теории так должно бы быть.
Конечно, на практике, при общении со многими программными продуктами часто приходит на память старый советский анекдот: жужжит, пищит, летает, в (вариант для дам) ухо не попадает. Знаетет, что это? Правильно, советское устройство, специально предназначенное для попадания именно в это место.
Но я отвлекся. Так вот, материалы для представления в Сети также готовятся с помощью специально предназначенных для этого инструментов, из которых важнейшими являются web-редакторы.
Web-редакторы делятся на две группы — чистые html-редакторы и редакторы типа WISIWIG. Первые работают напрямую с html-кодом, вторые предполагают визуальное создание страницы.
Чистые html-редакторы устроены аналогично обычным текстовым редакторам. Подобно им, они работаю с простыми текстовыми файлами, включающими в себя тэги HTML. Тэги эти могут вводиться вручную. Но обычно html-редакторы обладают средствами автоматизации для ввода наиболее распространенных (или вообще всех) тэгов. Почему и являются специализированными html-редакторами.
В большинстве случаев они содержат по крайней мере один шаблон, позволяющий автоматически создавать файл с обязательными (или почти всегда присутствующими) тэгами и метатэгами. Имеется (или должна бы иметься) возможность просмотра созданного кода во внешнем браузере, часто — в нескольких. Наиболее развитые html-редакторы обладают средствами для управления сайтом, включая возможность автоматического обновления на удаленном сервере, проверка целостности локальных и удаленных ссылок и т.д.
Редакторов html-кода — великое множество. Одним из наиболее развитых и известных для платформы Windows является HomeSite (текущая версия — 4.5). Достойны рассотрения также его бесплатные аналоги — Arachophilia (текущая версия — 3.9) и SiteAids (вроде бы со времен версии 1.3 не обновлялся). Существуют html-редакторы и для других платформ, в том числе — Linux (например, WebMaker и Bluefish).
WISIWIG-редакторы по принципам работы аналогичны текстовым процессорам или программам верстки. Подобно им, они предполагают визуальное размещение текста и иллюстраций, автоматическое определение фоновых цветов и (или) изображение, форматирование текста, создание гиперссылок и тому подобное. В развитых их реализациях, также как и в html-редакторах, имеются средства управления проектом.
WISIWIG-редакторов также немало. Одним из наиболее распространенных в нашей стране является FrontPage. Несколько менее известны такие мощные средства, как NetObjects Fusion и Macromedia Dreamweaver. Или более простые инструменты, среди которых есть и бесплатные (AOLPress, реализованный для ряда платформа — от Windows до коммерческих Unix-систем).
Что лучше? Вообще-то говоря, дело вкуса и привычки. WISIWIG-редакторы проще в освоении и использовании: для пользователя с навыками работы в любом текстовом процессоре в них не обнаружится ничего принципиально нового или непривычного. Хотя, разумеется, самый наивизуальнейший web-редактор не избавляет от необходимости иметь представление о синтаксисе языка HTML.
Недостаток, которым грешат почти все WISIWIG-редакторы — генерация избыточного, иногда просто паразитного, кода. Разбираться с которым при ручной доводке — занятие не из самых легких.
Напротив, html-редакторы сложнее в освоении для людей, не имеющих хотя бы минимальных навыков программирования. И требуют несколько большего напряжения при работе: необходимо ассоциировать вводимые тэги с соответствующими зрительными образами; не будешь же постоянно лезть во внешний браузер, чтобы посмотреть, что получилось. Однако трудности вполне преодолимы и с лихвой компенсируются много большей степенью контроля над материалом и заведомым отсутствием автоматически генерируемых ошибок: каждая ошибка будет исключительно на вашей совести.
В принципе, использование WISIWIG- и html-редакторов отнюдь не исключает одно другого. Особенно на начальном этапе приобщения к сайтостроению. Часто проще и быстрее создать прототип страницы с помощью WISIWIG-редактора, а затем корректировать ее непосредственно в кодах.
Следует сказать, что в лучших своих проявлениях WISIWIG- и html-редакторы сближаются, допуская как прямое редактирование кода, так и визуальное проектирование страницы. И именно Macromedia Dreamweaver представляет собой один из наиболее ярких примеров такого развитого WISIWIG-редактора. За что и удостоился нижеследующего описания.
Глава вторая
Macromedia Dreamweaver- обзор возможностей
В чем же достоинства этой программы? Сразу скажу, что они многочисленны и вполне оправдывают название.
- полная поддержка языка HTML 4 со всеми его формами, фреймами и прочими причиндалами
- каскадных таблиц стилей (CSS), слоев (Layer), объектов
- и возможность вставки интерактивных элементов JavaScript и ActiveX, апплетов Java, а также такой экзотики, как Macromedia Flash и Shockwave
- и автоматизация практически всех процессов составления web-документа — от генерации обязательных (типа !DOCTYPE и title и обычно присутствующих тэгов (вроде body) до весьм сложгных параметров представления той же Shockwave.
- и прочее, прочее, прочее — что бы не отнимать хлеб у панегиристов, aрекомендую обратиться на сайт производителя.
О большинстве всех этих возможностей я буду подробно говорить ниже. Пока же хочу остановиться на тех достоинствах Dreamweaver, которые полагаю наиболее существенными. Поскольку именно они позволяют рекомендовать его пользователям с почти любыми задачами и квалификацией в области web-технологий. Особенно — нашим, российским (и шире — пост-советским). И почему, следовательно, им не вредно (на мой субъективный взгляд, разумеется) прочитать эту книгу.
Первое — это, безусловно, очень развитые средства
управления проектами. Пожалуй, не имеющие себе равных среди web-редакторов любого класса. А именно: создав проект (определив сайт, по терминологии программы) можно не только определить для него в целом все атрибуты, от цветов фона, текста и гиперссылок до стилевых таблиц. Но и автоматически отслеживать целостность гиперссылок, как локальных, так и удаленных, проводить автоматическое обновление файлов на сервере, проверять результат на соответствие всем основным браузерам (MS Internet Explorer версий от 2-й до 5-й, Netscape Navigator версий от 2-й до 4-й).
Второе — корректная работа с html-кодом: почти любые визуальные манипуляции не приводят к генерации избыточного кода, не говоря уже о явной отсебятине (кто имел дело, скажем, с FrontPage 98, понимают, о чем я говорю). Плюс к этому — возможность прямого редактирования кода путем встроенного (а при необходимости — и внешнего) html-редактора. Все внесенные руками изменения немедленно отражаются в окне визуального представления страницы (и, разумеется, наоборот). Это превращает Dreamweaver в почти идеальный учебник языка HTML — результат любого действия в окне визуализации можно наблюдать в виде соответствующего html-кода. Что и позволяет рекомендовать этот редактор для первого приобщения к web-технологиям вообще.
И, наконец, последнее по счету, но, пожалуй, первое по значению — очень приличная поддержка русского (наряду со всякого рода другими) языка. Отсутствие или недостаточность которой могли бы обесценить любые из указанных выше достоинств. Так вот, Dreamweaver поддерживает наш родной великий и могучий во всей его мощи, определеямой изобилием кодировок: так, он знает, что кроме win1251, есть и KOI8-R, и MacCyrillic, и даже ISO-8859-5 (если не ошибаюсь, это то, что называлось основной кодировкой ГОСТ?). Правда, альтернативной кодировки (то есть cp866) Dreamweaver не знает, но нельзя объять необъятное (Козьма Прутков).
А главное, кроме столь глубоких познаний о величии языка, Dreamweaver позволяет определить кодировку для всего проекта (то есть сайта) раз и навсегда. И больше не думать на эту тему, если используемая вами кодировка отличается от требуемой хостом.
Таковы три источника, три предпосылки и три составные части для всенародного применения Dreamweaver. Если я вас убедил — давайте же посмотрим, какой он такой, этот Dreamweaver.
Источник: www.kulichki.com
Введение
В связи с развитием Интернета во всем мире появился спрос на профессию Web-дизайнера. Web-дизайнер — это человек, обладающий художественным вкусом и сведущий в интернет-технологиях, который создает Web-страницы и объединяет их в Web-сайты. Художественный вкус (а желательно и соответствующее образование) — это главное, что должен иметь Web-дизайнер (и -не только Web-дизайнер, но и его коллега из области полиграфии), т. к. только знание интернет-технологий еще не служит гарантией получения качественного результата. Тем более что современные программные средства позволяют ему не вникать во всякие тонкости.
Но что делать, если вы чувствуете в себе творческий порыв, желаете самореализоваться в области Web-дизайна, но с трудом представляете, что такое HTML, CSS и JavaScript? (Конечно, знание всего этого совсем не помешает, но. ) Не беда! Специально для вас разработаны программы визуальных Web-редакторов, позволяющие создавать Web-страницы и целые Web-сайты, не вникая в тонкости интернет-технологий и стандартов, так, как вы создаете документы в Microsoft Word.
Эта электронная книгассказывает о Macromedia Dreamweaver MX — последней версии популярного Web-редактора компании Macromedia. Это исключительно мощная программа, поддерживающая все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver «задвинут» в тень своего более «раскрученного» собрата Microsoft FrontPage. Но — будьте уверены! -он не заслужил такой участи.
Может быть совсем и по-другому. Вы — опытный Web-дизайнер, предпочитающий все делать «врукопашную», но желающий немного автоматизировать свою работу. Dreamweaver поможет вам и в этом случае. Вы сможете быстро сделать «набросок» своей Web-страницы, а потом довести код «до ума» вручную. Поверьте, так работать гораздо удобнее — и вы быстро привыкнете.
Macromedia Dreamweaver — достаточно «старый» пакет. Первая его версия была разработана еще в 1998 году и получила популярность в России благодаря своей «благосклонности» к русскому языку и снисходительному отношению к множеству русскоязычных кодировок. Я пользуюсь Dreamweaver, начиная с версии 2.0. В прошлом году я написал электронная книгау о предыдущей версии Dreamweaver — 4.0. Теперь же, с выходом Dreamweaver MX, я снова взялся за перо, так сказать.
Изучать Dreamweaver мы будем на конкретном примере. Мы будем делать личный Web-сайт гипотетического Web-дизайнера Ивана Ивановича Иванова. Сначала этот сайт будет совсем простеньким; на его основе мы изучим базовые инструменты программы и основные принципы Web-дизайна.
Впоследствии сайт станет сложнее и красивее; мы будем использовать фреймы и таблицы, чтобы придать ему профессиональный вид. Далее мы изучим таблицы стилей, встроенные средства для анимации элементов страницы и сценарии, позволяющие «оживить» страницы нашего сайта. И на самой последней ступени мы изучим серверное программирование и сделаем для нашего сайта гостевую электронная книгау. Ну и, конечно же, мы узнаем, как собрать разрозненные страницы в сайт и опубликовать его в Сети.
Но прежде чем начать разговор о Macromedia Dreamweaver MX, дадим несколько основных понятий и ответим на несколько вопросов, которые могут возникнуть у неподготовленного читателя. Конечно, если вы на короткой ноге с WWW, можете пропустить первую главу и начать читать сразу со второй. Но автор обязан позаботиться обо всех, кто будет читать эту электронная книгау.
Итак, первый вопрос. Вернее, ответ. Вы найдете его в первой главе настоящей электронной книги.
- Веб-дизайн
- С чего начать веб-дизайнеру
- Частые вопросы по HTML
- Создание WAP-страниц в формате WML
- Безопасность
- Безопасная загрузка файлов PHP-скриптом
- Скрипты и программное обеспечение для web
- Форма обратной связи для сайта
- Раскрутка и продвижение сайтов
- Продвижение форума
- Оптимизация форума
- Секреты раскрутки сайтов
- Хостинг и домены
- Как правильно выбрать доменное имя
- Для начинающих веб-мастеров
- Для чего нужет сайт
- Все статьи
- Предложить статью
Источник: www.webnav.ru