Web-редактор. Редактор MacromediaDreamweaver. Лабораторна робота з Інтернет

Перехід до торгівельного партнера Binance

Web-редактор. Редактор MacromediaDreamweaver

Інформація про навчальний заклад

ВУЗ:

Івано Франківський національний технічний університет нафти і газу

Інститут:

Не вказано

Факультет:

КН

Кафедра:

Не вказано

Інформація про роботу

Рік:

2014

Тип роботи:

Лабораторна робота

Предмет:

Інтернет - телефонія

Завантажити

Частина тексту файла (без зображень, графіків і формул):

Міністерство освіти і науки України Національний технічний університет нафти і газу Кафедра комп'ютерних систем та мереж Лабораторна робота №7 Тема: Web-редактор. Редактор MacromediaDreamweaver Мета: знайомитись з програмою MacromediaDreamweaver. Навчитись створювати основні структурні елементи web-сторінок з допомогою MacromediaDreamweaver. Хід виконання роботи: Відкриваю программу MacromediaDreamweaver та створюю новий файл. За допомогою інструменту створю таблиц з двома рядками та двома колонками, перших два рядка виділяюю та обєдную за допомогою команди Обєднати рядки.Дальше вставляю малюнок, пишу заголовок, РОЗФАРБОВУЮ КОМІРКИ РІЗНИМИ КОЛЬОРАМИ, СТВОРЮЮЮ список. / У секції основного тексту створила заголовки підрозділів, що відповідають заголовкам підрозділів секції, що відповідає назві даного розділу. До назви кожного підрозділу додала якір. Виділила відповідний пункт меню і створила гіперпосилання на створений якір. У секції осиного тексту створила текстове наповнення, взяте з Інтернету. У текстовому наповненні виділила ключові слова жирним шрифтом, додала список. Зберегла створену сторінку у створеній папці за допомогою Save as… / Код сторінки <!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>Документ без названия</title> </head> <body> <table width="1161" height="706" border="1" cellspacing="2"> <tr> <td height="80" colspan="2" bgcolor="#00FF00"><h1 align="center"><img src="17.png" width="179" height="111" /><strong>Використання вWeb- редактора Dreamweaver</strong></h1></td> </tr> <tr> <td width="180" height="499" bgcolor="#33FFFF"><ul> <li> <h2><a href="#A">Робоча область програми</a><a href="Створення нового сайту.html"></a></h2> </li> <li> <h2><a href="#B">Створення нового сайта</a><a href="Створення нового сайта.html"></a></h2> </li> <li> <h2><a href="#C">Форматування тексту</a><a href="Untitled-4.html"></a></h2> </li> <li> <h2><a href="Untitled-5.html">Робота з графічною інформацією </a><a href="#D"></a></h2> </li> </ul></td> <th width="853" bgcolor="#FFFF33"><h2><a name="A" id="A"></a>Робоча область програми</h2> <p>Для запуску програми Dreamweaver MX необхідно виконати наступні кроки: <strong>Пуск > Програми > Macromedia > Macromedia Dreamweaver MX</strong>. </p> <p>Робоча область програми налаштовується за бажанням користувача в залежності від стилю і досвіду роботи. </p> <p><strong>Головними компонентами</strong> робочої області є:</p> <ul> <li><strong>вікно документа</strong> показує документ, що редагується; </li> <li><strong>палітра об'єктів</strong> (Insert) містить кнопки для швидкого розміщення на сторінці деяких типів об'єктів, таких як малюнки, таблиці, спеціальні символи і т.д. </li> <li><strong>палітра властивостей </strong>(Properties) показує властивості виділеного тексту або об'єкта, і дає можливість їх редагувати; </li> <li><strong> плаваючі палітри</strong>, (Floating Palettes) дозволяють поєднувати в загальні блоки вікна, інспектори і палітри. </li> </ul> <p> </p> <p> </p> <h2><a name="B" id="B"></a>Створення нового сайту</h2> <p>Спочатку познайомимося з одним дуже важливим поняттям.<br /> <strong>Локальний Web-сайт </strong>- це версія "справжнього" Web-сайту, що розташовується на комп'ютері розроблювача. Її не видно з мережі; доступ до неї має тільки її автор. <br /> Іншими словами, перед тим, як розмістити сайт в Інтернеті, вам потрібно мати файли сайту на жорсткому диску вашого кмопьютера, цей сайт і називається <strong>локальним</strong>.<br /> Усі сторінки локального сайту розміщаються на диску всередині визначеного каталогу. Цей каталог ми будемо називати <strong>локальною папкою сайта</strong> або просто, <strong>папкою сайта</strong>. <br /> Для задання локального Web-сайта використовується вікно <strong>Site Definition</strong>. Воно викликається при виборі пунктів головного меню програми (<strong>Site > New Site...</strong>). <br /> <strong>Палітра </strong><strong>S</strong><strong>ite </strong>призначена для перегляду файлів сайту (web-сторінок).<br /> У першому списку, що розкривається, ви вибираєте ім'я сайту, що визначили в програмі. В основній області палітри з'являється список усіх файлів даного сайта. Подвійний щиглик на будь-якому файлі дозволяє викликати дану сторінку для редагування у вікні документа.<br /> Також за допомогою цієї палітри відбувається процес публікації сайта в мережі Інтернет. </p> <p> </p> <h2><a name="C" id="C"></a>Форматування тексту</h2> <p>Форматування тексту в Dreamweaver аналогічно форматуванню в стандартному текстовому процесорі. <br /> Щоб визначити стандартний абзац або заголовок використовується список, що <strong>розкривається</strong><strong>,</strong> Format <strong>у палітрі</strong> Properties (Властивості). </p> <p> </p> <h2><a name="D" id="D"></a>Робота з графічною інформцією</h2> <p>Dreamweaver MX має можливість відображати графічні файли наступних форматів:<br /> - <strong>jpeg</strong> (формат характерний для фотографій і малюнків із плавно змінюються тонами);<br /> - <strong>gif</strong> (формат більше підходить для графічних файлів, у яких немає плавних переходів і присутні цілі області однакового кольору);<br /> - <strong>png</strong> (вдосконалений варіант gif, розроблений Macromedia Fireworks).<br /> Ознайомимося з <strong>основними прийомами роботи з зображеннями</strong> в Dreamweaver:<br /> 1. Вставка зображення у Web-сторінку<br /> 2. Налаштування властивостей зображення з допомогою палітри властивостей.</p> <p> </p> <p> </p> <p> </p> <p> </p></th> </tr> </table> </body> </html> Висновок: На даній лабораторній роботі онайомилась з програмою MacromediaDreamweaver. Навчилась створювати основні структурні елементи web-сторінок з допомогою MacromediaDreamweaver.

Лабораторна робота Інтернет - телефонія

exlibris

03.12.2014 00:12-

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Ділись своїми роботами та отримуй миттєві бонуси!

Маєш корисні навчальні матеріали, які припадають пилом на твоєму комп'ютері? Розрахункові, лабораторні, практичні чи контрольні роботи — завантажуй їх прямо зараз і одразу отримуй бали на свій рахунок! Заархівуй всі файли в один .zip (до 100 МБ) або завантажуй кожен файл окремо. Внесок у спільноту – це легкий спосіб допомогти іншим та отримати додаткові можливості на сайті. Твої старі роботи можуть приносити тобі нові нагороди!

поділитись