Размещено на http://www.allbest.ru/

Міністерство освіти та науки України.

Національний університет «Львівська політехніка»

Реферат

з курсу: "Сучасні інформаційно-комп'ютерні технології"

на тему: «Система Dreamweaver»

Виконав:

ст. гр. ЕПП-12 Сітчук С.В.

Перевірила:

Дорош Н.В.

Львів - 2010 р.

Програми для створення Web-сторінок

Яка програма використовується частіше інших для створення Web-сторінок? Те, що звичайно вам радять, -- це проста «записна книжка», яка входить у склад Windows та використовується для обробки тільки ASCII-текстів -- по всій ймовірності, використовується вами неправильно. Мова, на якій складаються Web-сторінки, називається Hypertext Markup Language (HTML). HTML-документ -- це простий ASCII-файл, який можна створити і обробити за допомогою будь-якого текстового редактора. Так, у принципі, можна створити будь-яку Web-сторінку, не звертаючись до допомоги спеціального програмного забезпечення. Щоправда, при цьому потрібно розбиратися у мові HTML.

У зв'язку з розповсюдженням Internet, оформлення Web-документів потребує все більше дизайнерів, які не бажають навчатися мові HTML. Тому цілком зрозуміло те, що було створено такі HTML-редактори, в яких Web-дизайнеру більше не треба було працювати з HTML-командами, такими як <Н1> для створення великого заголовку або <IMG SRC='picture. gif'> для встраоювання графіки. Цілком достатньо було вибрати, як при роботі з текстом, відповідну команду меню і знайти графічний файл.

Такі редактори мають графічний інтерфейс користувача. Це означає, що за їхньою допомогою не тільки значно зручніше працювати з ASCII-текстом, але і Web-документ і його елементи виглядають вже у процесі роботи так, як вони будуть відображатися у вікні Web-броузера. Цей принцип називається Wysiwyg (What you see is what you get).

У нинішній час практично всі графічні HTML-редактори мають команди для HTML 3.2. Для нових розширнень HTML, створених в останній час, це виглядає цілком інакше. По-перше, це проекти, які обговорюються консорціумом WWW, такі як проект шаблонів стилів, які називаються «Cascading Style Sheets». Частково вони вже використовуються такими Web-редакторами, як DreamWeaver, Frontpage 98 або HotMetal Pro 4.0.

По-друге, існують такі HTML-розширення, які видавники Web-броузерів Microsoft або Netscape встроюють у свої програми без згоди Web-суспільства і при цьому сподіваються на успіх своїх починань. У результаті дуже часто створені таким чином Web-сторінки можна проглянути тільки із допомогою якогось певного Web-броузеру.

Було б неправильно оцінювати Web-редактори по їхнім робочим ознакам, які остаточно ще не допрацьовані, оскільки ще не існує строгої шкали вимірювання. З іншого боку, нові Web-браузери, такі як новий Internet Explorer 4.0 та Navigator 4.0, вже, наприклад, підтримують шаблони стилів (Style Sheets), щоправда, у різноманітному ступені.

Розглянуті у цій роботі Web-редактори здатні зацікавити вітчизняних Internet-користувачів, хоча ані для жодного з них не існує російської версії. Але якщо ви придбаєте певні навики у роботі з цими Web-редакторами, з допомогою відповідних методів, з точки зору HTML-коду, можна створити Web-сторінки на російсійскій або українскій мовах.

Мабуть огляд цієї групи програм слід почати із такого поширеного пакету як Adobe Acrobat 3.0. Можливість зберігати у форматі PDF інформацію для високоякісного друку може назавжди позбавити видавників від необхідності використати файли для друку PostScript.

Коли у 1993 р. Компанія Adobe вперше представила пакет Acrobat, він оказався ключем до того майбутнього, яке пізніше назвали «безпаперовим»: програма могла відображати на екрані документи зі складною структурою, зобріженнями і шрифтами саме так, як вони повинні були виглядіти на папері. Деякі з найкорисніших оновлень останньої версії пакету Acrobat призначені для виводу складних документів на папір, або, іншими словами, для поліграфії.

У пакеті Acrobat 3.0 з'явилося більше мультимедийних елементів управління: інтерактивні кнопки, впроваджені звукові дані і розширена підтримка технології QuickTime, яка спрощує (у порівнянні із попередньою версією) створення додатків мультімедіа для розміщення на дисках CD-ROM. Хоча Acrobat не у змозі конкурувати з пакетом Macromedia Director, його може виявитися цілком достатньо для включення у документи різноманітних подій типу аудио і відеоданих, а також інтерактивних кнопок. У повноекранному режимі не відображаються меню, панель інструментів і смуги прокрутки; це дозволяє реалізувати незвичайні можливості переходу від сторінки до сторінки і полегшує створення презентації, а також інтерактивних кіосків.

Пакет Distiller, повнофункціональний інтерпретатор мови PostScript, відмінно справляєтся зі складними файлами PostScript, які створюються додатками для верстання типу Adobe PageMaker або QuarkXPress. Вже тільки одна ця можливість робить технологію Acrobat найпростішим засобом подання документів зі складною структурою у Web. Для роботи із довідковою інформацією передбачений пошуковий модуль Acrobat Catalog, розроблений компанією Verity, що дозволяє за лічені секунди знаходити будь-яке слово у декількох файлах PDF. Пакет Capture сканує існуючі документи, виконує розпізнання тексту і створює файли PDF, в яких зберігається вихідна структура і з'являється можливість пошуку фрагментів тексту. Ці важливі доповнення до вже існуючої у технології Acrobat підтримці HTML придають файлам PDF додаткову гнучкість, якої не вистачає конкуруючим форматам.

В Acrobat Exchange -- версію програми Reader з можливостями редагування -- також додано декілька корисних нових можливостей. Одна з цих функцій може дублювати кнопки і зв'язки, що дозволяє автоматично створювати засоби навігації на всіх сторінках. Додатковий модуль Touch-up робить можливим редагування тексту без повторної генерації усього файлу PDF крім того, тепер можна створювати інтерактивні форми, з яких введені дані будуть передаватися у форматі HTML.

У попередніх версіях Acrobat для скорочення розмірів файлів удалялася інформація, необхідна для високоякісного друку. Версія Acrobat 3.0 також дозволяє скорочувати файли таким чином, але існує можливість зберегти всю інформацію PostScript, необхідну для високоякісної поліграфії, у цьому випадку зберігаються дані CMYK, а також смесеві кольори, полутонові растри, коментарі відкритого інтерфейсу додрукових процесів (Open Prepress Interface, OPI), параметри виднімання чорного (Under Color Removal, UCR) і генерації чорної фарби (Black Generation) на відзнаку від попередніх версій формат PDF у ньому зберігаються описи незалежних від приладів кольорів (device-independent color, DIC), яке забезпечує здатність репродуціювання кольору на рзноманітних приладах. Тепер можна також проглядувати і друкувати шаблони заповнення PostScript Level 2, при цьому зберігається інформація, яка залежить від конкретного обладнання. Якщо коротко, то файли PDF можуть повністю замінити файли друку PostScript.

Acrobat володіє значно більшою гнучкістю, ніж інші цифрові формати документів, але і у нього є нестаток. І хоча документи Acrobat 3.0 можуть у два рази компактніше зберігати файли, ніж файли Acrobat 2.0, все рівно вони можуть виявитися більшими, ніж файли, створені за допомогою пакету Envoy компанії Tumbleweed. Пробна сторінка у форматі HTML з 24 Кбайт тексту і графіки зростає до 81 Кбайт у форматі Acrobat. При швидкості передачі 28.8 Кбит/сек передача цього файлу на екран комп'ютера користувача буде продовжуватись на 30 сек довше. Хоча шрифти упаковані значно плотніше і краще захищені від сбоїв, підтримка формату TrueType далека від досконалості, оскільки деякі шрифти TrueType зберігаються у вигляді растрів, на екрані і при друці виглядають неякісно. Безкоштовний пакет Reader або додатковий модуль для перегляду займає майже 2.5 Мбайт, а для роботи програми необхідно зарезервувати значний обсяг оперативної пам'яті. Крім того, незважючи на покращену продуктивність, швидкість роботи програми залишає бажати кращого.

Програма Frontpage 98 від Microsoft орієнтована на професійних розробників Web-сторінок, які складають і оформлюють цілі Web-вузли. Після запуску програми спочатку з'являється Frontpage Explorer, який управляє всіма файлами і каталогом, стосовними до одного Web-вузла. Питання побудови сервера вирішене просто і зразково: сторінки можна з'єднувати одну з іншою за допомогою механізму Drag&Drop.

Робота оболонки в значному ступені орієнтована на продукти сімейства Office 97. З точки зору ергономіки, у Web-редакторі добре вирішене питання переключення між трьома видами зображень: «Звичайний» для обробки Web-сторінки в режимі Wysiwyg, «HTML» для роботи з кодами і «Попередній перегляд» в якості моделі роботи броузера. Ці види подання зображення існують в усіх графічних Web-редакторах і активуються, як правило, через відповідні рядки меню. Microsoft, навпроти, зупинилася на технології закладин: у самого нижнього краю вікна користувач може побачити піктограми з позначкою виду зображення.

Style Sheets підтримуються своїм власним редактором, що, щоправда, подає собою не зовсім те, що хотів б побачити Web-дизайнер. За допомогою діалогових вікон можна зручно ввести всі ознаки, які повинні відповідати певному стилю. З отриманих даних програма складає відповідну команду, яку після цього вводить у редактор, подібний записній книжці, у місце, означене курсором. Користувач повинен лише встановити курсор у правильне місце у вже існуючому дескрипному сценарії (<SRIPT>). Щоправда, програма такого класу повинна виконувати це самостійно, а не перекладати на користувача.

Програмний код стиля повинен бути записаний у рядок без пробілів. Це надмірно ускладнює наступну обробку, якщо пізніше потрібно буде працювати безпосередно з Web-сторінкою.

У принципі, тут корректно застосовується редактор Style Sheets, однак до його остаточного допрацювання ще далеко. З іншого боку, Frontpage зі своїм діалоговим введенням даних пропонує відмінні можливості по визначенню Style Sheets. Це ж можна сказати і про підтримку сценаріїв: для JavaScript і VBScript існують асистенти, за допомогою яких клацом миши можна створити прості сценарії. При створенні складних сценаріїв потрібно попрацювати руками.

Frontpage підтримує ознаки діючого HTML-стандарту 4.0. Це виявляється, наприклад, у тому, що окремі таблиці можна розмістити на задньому плані. Крім Того, є можливість з допомогою Wizard снабдити HTML-сторінки ідентифікацією каналів у CDF-форматі.

Для перегляду готових сторінок Frontpage пропонує окрім режиму попереднього перегляду ще і Web-браузер, який встановлюєтся при инсталяції. Крім того, у цей список можна ввести додаткові засоби перегляду. Щоправда, режим попереднього перегляду працює тільки у тому випадку, якщо встановлено вхідний у комплект персональний Web-сервер, який у цей час працює у фоновому режимі. З його допомогою Frontpage моделює Online-зв'язок.

Програма HotMetal серед Web-редакторів відноситься до «старих знайомих» і вже випробованих програм для створення Web-сторінок. Як і інші програми, HotMetal дасть можливість звертатися при створенні нових Web-сторінок до деяких типових шаблонів, щоправда, дуже простим. Однак опції дозволяють проголосити шаблоном будь-який HTML-документ і використати його після цього в якості стандартного шаблону.

Ця програма припускає три види подання зображення. Початківцю користувачу фірма-виробник Softquad рекомендує Wysiwyg-режим. Для більш досвідчених передвизначений режим роботи з дескрипторами, в якому дескриптори HTML уявлені за допомогою типових для HotMetal символів. Третій вид подає чисті HTML-коди. При доданні специфічних для редактора кодів HotMetal веде себе вкрай стримано. У кодах сторінки уявлено тільки те, що вже введене користувачем.

Для дослідження своїх Web-сторінок в умовах, близьких до реальних, виробник пропонує Internet Explorer 3.02 від Microsoft. Додатково можна використати і інші браузери. Щоправда, кожний раз по закінченнь роботи програма найнепристойнишим образом «забуває» про приєднану таким чином програму, наприклад про Netscape Navigator.

«FX Chooser» пропонує для вибуру меню для кольору тексту і заднього плану, полів переключення, ліній і так далі, з яких потрібний елемент або потрібний колір можна перетащити у Web-сторінку за допомогою миши. Нажаль, назви полів переключення наведені на англійській мові, то для користувачів, не володіючих цією мовою, у більшості випадків незрозумілі.

Як і в інших програмах, при створенні таблиць можна використати діалогову підтримку і змінювати їх з допомогою механізму Drag&Drop. Щоправда, буде відстуня можливість імпортувати таблиці в Excel- або Text-форматі, однак можна копіювати і встраювати численні дані, не вводячи їх ще раз. При введенні даних HotMetal автоматично формує таблицю.

Дуже просто вирішене питання підсумовування вмісту ячійок, розташованих через декілька рядків. Для цього достатньо тільки клаца мишею по відповідній пиктограмці. Точно так же прост і зворотний процес, тобто розподіл ячійок у горизонтальному і вертикальному напрямках. Досить просто вирішується проблема додання, вилучення або модифікації послідовності рядків або стовбців.

Встраювання JavaScript або VBScript підтримується тільки до тих пір, доки це стосується параметрів дескрипторів сценарію. Власно сценарій потрібно або завантажувати з зовнішнього HTML-файлу, або відразу писати на сторінці. Точно так же слід діяти у випадку зі Style Sheets, для роботи з яким є свій власний редактор. Наприклад, щоб шаблон стиля, існуючий у виді зовнішнього файлу, вбудувати з допомогою заслання, вже потрібні просторі познання. В Attribute inspector, за допомогою якого можна звертатись до різноманітних властивостей певного HTML-елемента, відсутне необхідне для цього випадку поле введення REL. Таким Чином, відповідний код потрібно доповнити безпосередно у HTML-режимі.

Функції фреймів вимагають навиків, але і полегшують роботу, особливо при встановленні атрибутів Frameset. Однак, серйозним нестатком є те, що HotMetal не може впоратися із Wysiwyg-зображенням фреймів.

HotMetal -- єдиний з наведених редакторів, у якаму є можливість запису макрокоманд. Він дозволяє реєструвати робочі операції та відтворювати їх за допомогою комбінацій клавиш, що значно полегшує виконання частих операцій. З допомогою цієї властивості можна було б визначати дії у FX Chooser у вигляді макросів.

Програма Fusion 2.02 від Netobject без сумніву є «XРress» серед всіх Web-редакторів, оскільки при побудові Web-сторінки ця програма іде цілком по іншому шляху, ніж інші Web-редактори. Кожний елемент оформлення, будь то текст, зображення, таблиця, поле форми, Java-аплет, обробляється як фрейм, який можна помістити у будь-якому місці Web-сторінки. Той, хто прийшов до цього від HTML-програмування або ж працював раніше з іншими Web-редакторами, буде спочатку стикатися з проблемами.

HTML звичайно надає не дуже багато місця для розташування елементів на Web-сторінці, оскільки ця технологія не думає про компоновку сторінки. Графічні редактори логічно застосовують її при обробці елементів. Таким чином, що ж може запропонувати Fusion при розробці макету сторінки, щоб за якістю її можна було порівняти із друкарським продуктом?

Ясність до цього питання вносить погляд на коди HTML: при макетуванні Web-сторінки Fusion створює єдину більш-менш складну, невидиму таблицю. Межі цієї таблиці залишаються невидимими, є надійним засобом для оформлення, наприклад, дозволяють ввести безліч стовбчиків, хоча HTML навіть не надає такого шансу.

Використання табличних дескрипторів робить вихідні коди вкрай заплутаними.

Крім Того, ця програма не позбавлена неряшності, яку можна помітити, наприклад, при встраюванні аплетів. Місце, яке аплет повинен зайняти на Web-сторінці, визначається його розмірами по висоті й ширині. Fusion задає ці дані автоматично у залежності від розміру фреймів, існуючих у макеті сторінки. Однак, існує і інша можливість задати висоту і ширину: за допомогою опції вибору елементів сценарію. Тут серед усього іншого можна задати розміри аплету у числовому вигляді. Але, вони не змінюють висоту і ширину діючого аплету. Скоріше за все, ці модифікації будуть додатково внесені у дескриптор аплету і залишаться недійсними. У програміста немає шансів задати розміри аплету за допомогою клавiатури.

Вираз елемента сценарію у поєднанні із об'єктом макетування звичайно вводить у заблудження, оскільки у цьому випадку промова не іде про можливість встраювання сценаріїв на основі мов JavaScript або VBScript. Як і в усіх інших редакторах, їх потрібно вводити вручну. У Fusion це навіть ще заплутаніше, ніж у його конкурентів, оскільки не завжди можна провести розбивку сценарію на розділи до, після і безпосередно у діючому елементі. Нажаль, на це вказує і відсутність режиму обробки, яка забезпечує доступ користувача до HTML-кодів Web-сторінки.

Це дуже чітко визначає групи користувачів, на яких орієнтована програма від Netobject: Web-дизайнери, які працюють із графікою і не бажають мати діло із HTML. Fusion пропонує деяку кількість досить потужних інструментів, однак при цьому не гарантує отримання якісного результату.

Програма Visual Page (додаток 10) від Symantec, як і PageMill, досить жорстко орієнтована на існуючу версію HTML. Це означає, що у ній відсутня підтримка Style Sheets, а також JavaScript і VBScript. Для редагування тексту існують відповідні опції у виді рядків у головному меню. Крім того, містить набор звичайних HTML-форматів, які використовуються для звичайного тексту, абзаців, заголовків, адрес, відредагованого тексту або списків і так далі.

Редактор таблиць забезпечує просту і зручну роботу. При модифікації розмірів стовбчиків або рядків переміщенням їхніх меж ця модифікація відображується вже у процесі роботи, так що можна працювати интуиітивно. При вставці тексту з буферу обміну програма сама розуміє, що потрібно створити таблицю, якщо, наприклад, переноситься розділ з Excel-документа. Тут відсутня тільки опція, яка дозволяє об'єднувати вміст ячійок, що помітно у роботі.

По свойому впливу на властивості HTML-документа цей редактор не може конкурувати із Frontpage або HotMetal. Список властивостей відстуній. Можна ввести лише ти HTML-атрибути, які керують подіями, які грають велику роль при програмуванні з JavaScript і є у HotMetal. Встроювання JavaScript (VBScript не можна знайти у вигляді опції) відбувається шляхом простого введення коду у Wysiwyg-режимі або через посилання на файл сценарію.

Нажаль, ця рудиментарна Script-функція працює не дуже добре, бо вона залишає після себе невидимі символи, невраховані у HTML-кодах, яки пізніше при загрузці у WEB-браузері приводять до появи повідомлень. Ці символи не видно ані у Wysiwyg, ані у HTML-поданні, їх можна лише відслідкувати по поведінці текстового курсору. Крім Того, існує ще одна особливість: перед дескриптором сценарію Visual Page обов'язково ставить дескриптор абзацу.

Фрейми створюються так же просто, як і таблиці, редагуються із використанням технології Drap&Drop. При виклиці нового набору фреймів (Frameset) можна повістити про властивості діючих у даний момент фреймів і придати їм HTML-файл та назву. Крім того, задаються розміри і можливі лінійки прокрутки. Для Noframe-розділу, який враховує браузери, неспроможні уявити фрейми, створюється своє окреме вікно введення. При встраюванні Java-апплетів Visual Page припускає введення назви Class-файлу, його розміренності, а також введення необхідних параметрів.

Програма укомплектована простим і наочним механізмом управління сервером, що дозволяє відразу завантажувати потрібний сервер Web-сторінками.

Як і у програмах конкуруючих фірм, у комплект даного редактора входить цілий ряд шаблонів. Серед них є дуже вдалі проекти. Графічні елементи, наведені у бібліотеці, мають цілком задовільний вид.

Таким Чином, Symantec пропонує редактор для швидкого і зручного створення Web-сторінок. Однак для реалізації більш крупних і складних проектів цей інструмент є непридатним.

Приблизно два роки потому PageMill (додаток 11) підняв бурю у Macintosh-світі, оскільки це була перша програма, яка дозволила користувачу створювати і обробляти Web-сторінки у режимі Wysiwyg. Від тієї першої версії у нинішній версії 2.0 не залишилося нічого.

Досить тяжко розібратися із функціями обробки таблиць. Ділянки модифікації виду показника миші, необхідно для вибору тексту ячійок або самих ячійок при їх подальшій обробці, розташовуються близько одна до іншої. Тому, якщо працюєте не дуже точно, то досить часто виділяються не ті елементи, які потрібні у даний момент.

На відзнаку від всіх інших Web-редакторів PageMill не підтримує кольорові таблиці. Якщо завантажити у PageMill потрібну таблицю, то він просто проігнорує цей атрибут. Ця програма враховує тільки колір ячійок при відтворенні. Нажаль, кольори таблиці не відносяться до діючого у нинішній час HTML-стандарту 4.0. Однак, завдяки подальшому розповсюдженню Web-браузерів, таких як Netscape Navigator і Internet Explorer, які підтримують відповідні визначення, вже з'явився квази-стандарт, який вже розповсюджується.

У порівнянні з цим створення фреймів у PageMill -- це досить легка справа. Просто при нажатій клавіші [Ctrl] розділова лінія перетягується від краю вікна у середину Web-сторінки на потрібне місце -- і от вже документ поділений на дві частині. Якщо перетащити лінію назад, то рамка видаляється. Для того щоб визначити, в яких фреймах повинен бути показаний той або інший файл, потрібно відкрити контекстне меню -- ще одне дуже вдале рішення. Слідує відзначити також те, що переключення між режимами подання HTML і Wysiwyg відбувається для кожної рамки окремо і всередині відповідної області вікна.

Для встраювання у сторінку зображень, звукових файлів, Java-апплетов, PDF-файлів або зв'язків з іншими Web-сторінками не слідує марно шукати відповідні ярлики у рядку символів або рядка меню: замість них у розпорядження користувача є опція «Поместить...», що точно виконує цю функцію. Для того щоб вбудувати відповідний об'єкт або створити зв'язок, потрібно лише за допомогою механізму Drag&Drop перемістити відповідний файл з робочого столу на сторінку.

Web-редактор від Adobe орієнтований на HTML 3.2. Це значить, що Style Sheets або такі розширення, як Dynamic HTML, не мають підтримки. З JavaScript і VBScript PageMill також не має нічого спільного. Користувачі, які бажають відповідним образом оформити свої Web-сторінки, повинні самостійно попрацювати напряму із HTML-кодами. Крім того, програма не дуже добре знайома з HTML-стандартом: атрибут «align», як стандартний параметр Web-консоціуму, може приймати значення «left», «center» або «right». Однак PageMill завзято наполягає на значеннях «top», «middle» і «bottom», що властиво атрибуту «valign».

При необхідності перегляду Web-сторінок за допомогою Web-броузера програма шукає встановлений броузер і записує його у команду View|Go.

У загальному випадку PageMill залишає подвійне враження. Керівництво користувача вимагає певних навиків. Так, наприклад, колір для різноманітних ділянок тексту не можна призначити шляхом вибору із кольорової палітри.

Професійним розробниками Web-сторінок ця програма використовується дуже рідко. Для їхніх потреб PageMill пропонує дуже мало можливостей, яких не вистачає навіть для відносно простого створення сторінки. Це видно вже на прикладі таблиць і по відсутності підтримки сценаріїв. Краще усього ця програма придатна для користувачів, які радіють діючим HTML-стандартом.

DreamWeaver - один з найбільш зручних HTML-редакторов

Про DreamWeaver-е в цілому

Macromedia DreamWeaver - професійний редактор HTML для візуального створення і управління сайтами різної складності і сторінками мережі Internet. Чи подобається вам уручну писати код HTML або ви вважаєте за краще працювати у візуальному середовищі, Dreamweaver полегшує цю роботу і забезпечує корисними інструментами і засобами, щоб зробити свої власні проекти неперевершеними.

Dreamweaver включає багато інструментів і засобів для редагування і створення професійного сайту: HTML, CSS, JavaScript, редактори коди (проглядання коди і інспектор коди), що дозволяє вам, редагувати різні текстові документи, які підтримуються в Dreamweaver. Також ви можете набудувати Dreamweaver, щоб він наводив лад і переформатував HTML, як ви цього хочете.

Можливість візуального редагування в Dreamweaver також дозволяє швидко створювати або міняти дизайн проекту без написання коди. Dreamweaver відноситься до так званих "візуальних" редакторів, тобто ви відразу можете бачити на екрані (хоч би приблизно) результат своєї роботи. При цьому він надає повний доступ до джерела коди і не вставляє в нього нічого зайвого, як це робить, наприклад, FrontPage. Таким чином, можна створювати свою сторіночку і паралельно вивчати HTML, заглядаючи в джерело. Можна на живому прикладі переконатися, що HTML - це просто. Простота поводження з редактором DreamWeaver полягає в тому, що можливо розглянути всі централізовані елементи і перетягнути їх із зручної панелі безпосередньо в документ.

Можна використовувати Dreamweaver, щоб створювати свої власні об'єкти і команди, змінювати "гарячі" клавіші і розширювати можливості DreamWeaver новими властивостями, інспекторами властивостей і новими звітами про сайт.

Система Dreamweaver - це візуальний редактор гіпертекстових документів. Це абсолютно коректне класифікаційне формулювання не здатне точно передати істоту справи. Могутня професійна програма Dreamweaver володіє всіма необхідними засобами для генерації сторінок HTML будь-якої складності і масштабу. Вона забезпечує режим візуального проектування (WYSIWYG), відрізняється дуже чистою роботою з початковим текстом Web-документів, володіє вбудованими засобами підтримки великих мережевих проектів.

В кінці 2000 року вийшла четверта версія програми. Тепер тільки інерція примушує називати цей продукт програмою. По суті справи, це розвинена серед Web-проектування, і яка інтегровано декілька програмних засобів і модулів, що забезпечують весь операційний цикл розробки і підтримки віртуальних проектів. Назвемо головне.

У програмі послідовно підтримується візуальне проектування. Візуальним прийнято називати такий стиль або спосіб створення гіпертекстових документів, в якому робота з текстом і образами об'єктів переважає над безпосереднім кодуванням. У ідеалі, користувач повинен бути повністю вільний від необхідності звернення до кодів HTML, а проектування зобов'язане витіснити програмування. Ідеал - це категорія абстрактна. Ні у одному з існуючих у наш час редакторів концепція WYSIWYG не реалізована повністю. Програма Dreamweaver підійшла до декларованого ідеалу ближче за конкурентів. Пряма робота з кодами не виключена повністю, але зведена до розумного мінімуму. Програма не тільки володіє могутнім арсеналом засобів візуального проектування, але і здатна відображати Web-сторінки майже як спеціалізовані програми перегляду: Microsoft Internet Explorer або Netscape Navigator.

У оболонку Dreamweaver інтегрований повнофункціональний редактор HTML, що володіє всіма необхідними інструментами для роботи з дескрипторами гіпертекстової розмітки.

Програма Dreamweaver заснована на принципах відкритої архітектури. Це означає, що повністю відкритий інтерфейс прикладного програміста (Application Programming Interface, API), за допомогою якого сторонні програмісти і софтверні фірми можуть виконати радикальні зміни функціональних можливостей програми і її інтерфейсу: додати новий інструмент, створити палітру або розділ меню, запрограмувати новий об'єкт або мультимедійний ролик і ін.

У четвертій версії Dreamweaver інтеграція програм отримала дальній шиї розвиток. До складу інструментів гіпертекстового редактора включені команди вставки анімованого тексту і анімованих кнопок - самих затребуваних в повсякденній практиці дизайнера Flash-об'єктів. Складніші ролики треба імпортувати в програму як зовнішні файли.До складу системи Dreamweaver входить програмне доповнення, призначене для програвання мультимедійних роликів, тому можна проглянути інтерактивні ефекти Flash-технології, не покидаючи редактора.

Четверта версія - це повноцінна оболонка для гіпертекстового програмування, що володіє могутнім арсеналом засобів для роботи з початковими текстами будь-якої складності. Перерахуємо основні ресурси.

Вікно документа тепер може працювати в різних режимах. У режимі Design View (Режим планування), користувач бачить макет сторінки HTML приблизно в тому вигляді, в якому вона відображається в програмах перегляду. У режимі Code View (Режим розмітки) у вікні документа відображається початковий текст сторінки зі всіма дескрипторами, сценаріями і коментарями. Між цими режимами в програмі існує тісна координація. Зміна кодів спричиняє за собою модифікацію макету, а правка планування або форматування і візуальному режимі викликає зміну початкового тексту документа.

У оболонку системи Dreamweaver інтегрована програма, яка є повноцінним редактором кодів, що володіє всіма необхідними інструментами. У нім реалізовані засоби, що полегшують роботу з початковими текстами документів HTML: відступи вкладених тегів, колірна розмітка кодів різного типу, засоби швидкого пошуку, позначка синтаксично некоректних конструкцій, автоматичне перенесення довгих строчок, режим автокорекції. Засобами програми можна редагувати не тільки гіпертекстові сторінки, але і будь-які документи з текстовим змістом: програми, сценарії, звичайні тексти, документи з розміткою XML і ін.

Роботу з кодами розмітки істотно спрощує довідкова панель. Це вбудоване в програму інтерактивне довідкове керівництво в лаконічній формі описує всі стандартні конструкції мови гіпертекстової розмітки і пов'язаних з ним засобів: дескриптори, атрибути, декларації ієрархічних стильових специфікацій (Cascading Style Sheet), синтаксичні конструкції мови JavaScript. Це керівництво побудоване на основі серії довідників видавництва O'Reilly, що отримали загальне визнання і перекладених багато мов миру, у тому числі і на російський. Навіть найдосвідченіший Web-майстер, глибоко знаюча мова HTML, навряд чи в змозі запам'ятати сотні кодів і атрибутів, що входять в стандарт цієї мови. Довідкова панель дає ясний і точний опис дескриптора, інформацію про його атрибути і сумісність з різними версіями програм перегляду.

Відладчик сценаріїв JavaScript Debugger дозволяє виявити приховані помилки в сценаріях, написаних на мові JavaScript. Цей засіб здатний виявити не тільки синтаксичні помилки, що цілком під силу численним аналізаторам і відладчикам, які використовуються в даний час в області Web-програмування. Інтегрований в систему Dreamweaver відладчик може ідентифікувати багато прихованих логічних дефектів і помилки часу виконання програми. Відладчик володіє механізмом вбудованих контрольних крапок і засобами покрокового виконання програмних інструкцій і контролю стану змінних.

Ще один засіб це спеціальний режим роботи програми, призначений для планування і структуризації гіпертекстових сторінок. Він реалізований у вигляді спеціального режиму відображення сторінки (Layout View) і двох інструментів, за допомогою яких можна просто малювати елементи макету. Макет будь-якої складності реалізується за допомогою таблиць, які програма самостійно створює на основі ескіза.

Перерахуємо, так би мовити, “одним рядком” менш значні нововведення програми.

Значно вдосконалені засоби роботи з ієрархічними стильовими специфікаціями (стилями CSS).

отримала подальший розвиток інтеграція програми Dreamweaver з розробленим фірмою Macromedia графічним редактором Fireworks.

З'явилася нова палітра Assets (Ресурси). Вона виконує в програмі функції сховища різнорідної інформації, яка спільно використовується декількома сторінками одного Web-вузла. Це можуть бути зображення, анімовані ролики, кольори, зовнішні посилання, сценарії, бібліотеки і ін. Ресурси, що зберігаються, можна розмістити в необхідних областях різних сторінок методом перетягування.

Зняті прикрі обмеження попередніх версій на роботу з коментарями розробника (Design Notes). Тепер їх можна пов'язувати з будь-якими гіпертекстовими файлами і об'єктами і обмінюватися ними по мережі з іншими членами колективу розробників.

Нова команда Site Report (Звіт про сайт) здатна створити докладний звіт про стан проекту, що включає велике число гіпертекстових документів. Дані, зібрані командою після сканування всіх складових проекту, полегшують тестування і відладку великого Web-вузла.

Система контролю звернення файлів доповнена вбудованим поштовим клієнтом. Це програмний засіб посилає електронне поштове повідомлення членів колективу розробників, повідомляючи їх про те, що документ узятий на обробку одним з авторів проекту.

У редактора додані засоби інтеграції з пакетом Microsoft SourceSafe - провідним програмним засобом контролю версій і управління оновленням програмного забезпечення, що дає підстави використовувати систему Dream weaver як основний інструмент для розподіленої колективної розробки складних проектів для Інтернету.

Четверта версія програми повноцінно підтримує протокол WEBDAV (Web-Distributed Authoring and Versioning). Це розширення класичного протоколу, яке надає розширені можливості по управлінню версіями і організації розподіленої роботи.

Виконана велика робота по стандартизації і шліфовці інтерфейсу. Зовнішній вигляд багатьох програм фірми Macromedia базується на єдиній концепції плаваючих палітр. У останній версії редактора вид палітр стандартизований. Майже всі вони отримали здібність до об'єднання в складені комплексні палітри. Усунені деякі оформлювальні огріхи попередніх версій.

Уніфіковані клавіатурні комбінації. Вони приведені у відповідність з внутрішнім стандартом, загальним для всіх програмних засобів, розроблених фірмою Macromedia для Web-дизайну. За допомогою вбудованого менеджера можна змінити будь-яке зумовлене поєднання клавіш.

Створення Web-сторінки з допомогою програми для автоматичної верстки Macromedia Dreamweaver CS4

1. Запускаю з зробочого столу(або з пані «Пуск / Програми») Macromedia Dreamweaver CS4.



У вікні ,що з'явилося вибираю HTML і відкриється пустий доумент .Потім його зберігаю як html документ з якимсь іменнем. Це робитьться так Файл/ Сохранить как.

2.Тепер налаштовую загальні параметри сторінки. Клацаю правою клавішею миші по пустому просторі і відкривається випадаюче меню.



Ставлю потрібні налаштування:

· Тип тексту

· Розмір тексту

· Колір тексту

· Фоновий колір сторінки

Відкриється меню налаштування параметрів майбутньої таблиці. Вводжу необхідні параметри і клацаю ”ok”

Заповнюю створену таблицю.

web сторінка html редактор dreamweaver



Вставляю зображення в таблицю.

Робоче вікно Macromedia Dreamweaver CS4.

Вигляд створеної Web сторінки в браузері Opera.



Загальний код сторінки

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Програма DreamWeaver CS4</title>

<style type="text/css">

<!--

body,td,th {

font-size: 18px;

}

-->

</style></head>

<body bgcolor="#3333CC" text="#33FF33">

<p><strong> Cучасні інформаційно-компютерні технології</strong></p>

<table width="322" border="1">

<tr>

<td width="16">№</td>

<td width="146"><strong>Студенти гр.ЕПП</strong></td>

<td width="138"><strong>Магістр/Спеціаліст</strong></td>

</tr>

<tr>

<td>1</td>

<td>Капітула М.В.<img src="file:///E|/Фото/Мої Фотографії/Фото_070302_182403.jpg" width="207" height="213" /></td>

<td>Магістр</td>

</tr>

<tr>

<td>2</td>

<td>Слободчиков О.О.<img src="file:///E|/Фото/Поч. навчання. Ужгород/сканирование0015.jpg" width="264" height="252" /></td>

<td>Спеціаліст</td>

</tr>

<tr>

<td>3</td>

<td>Сітчук С.В.</td>

<td>Спеціаліст</td>

</tr>

<tr>

<td>4</td>

<td>Філіпчук О.<img src="file:///E|/Фото/EL-12 Foto/Фото_070216_183558.jpg" width="266" height="151" /></td>

<td>Спеціаліст</td>

</tr>

<tr>

<td>5</td>

<td><p>Рогач Т.</p>

<p><img src="file:///E|/Фото/EL-12 Foto/1.jpg" width="150" height="150" /></p></td>

<td>Магістр</td>

</tr>

</table>

<div align="center"></div>

</body>

</html>

Висновок

Macromedia DreamWeaver - професійний редактор HTML для візуального створення і управління сайтами різної складності і сторінками мережі Internet. Чи подобається вам уручну писати код HTML або ви вважаєте за краще працювати у візуальному середовищі, Dreamweaver полегшує цю роботу і забезпечує корисними інструментами і засобами, щоб зробити свої власні проекти неперевершеними.

Dreamweaver включає багато інструментів і засобів для редагування і створення професійного сайту: HTML, CSS, JavaScript, редактори коди (проглядання коди і інспектор коди), що дозволяє вам, редагувати різні текстові документи, які підтримуються в Dreamweaver.

Размещено на Allbest.ru