Федеральне агентство з освіти
Державна освітня установа
вищої професійної освіти
"Глазовська державний педагогічний інститут
імені В.Г. Короленка "
Факультет соціальних та інформаційних технологій
Кафедра інформатики
Випускна кваліфікаційна робота
Створення динамічних сайтів коштами Dreamweaver
Виконала
студентка групи 951 О.А. Богданова
Керівник роботи,
старший викладач
кафедри інформатики Д.А. Горбушин
Глазов 2007
Зміст
Введення
Глава I. Інтерфейс середовища Dreamweaver. Огляд популярних інтернет-технологій створення динамічних сайтів
1.1 Інтерфейс середовища Dreamweaver
1.2 PHP
1.3 ASP
1.4 XML
Висновки по Главі I
Глава II. Методика вибору оптимального засобу розробки
2.1 Виділення критеріїв порівняння популярних інтернет-технологій
Висновки по Главі II
Глава III. Розробка динамічних веб-сторінок на базі різних технологій засобами Dreamweaver
3.1 Нотатки на базі РНР
3.2 Електронний прайс-лист на базі XML
3.3 Тест на базі ASP
Висновки по Главі III
Висновок
Бібліографічний список
Введення
World Wide Web - глобальна комп'ютерна мережа - на сьогоднішній день містить мільйони сайтів, на яких розміщена будь інформація. Люди отримують доступ до цієї інформації за допомогою використання технології Internet. Для навігації в WWW використовуються спеціальні програми - веб-браузери, які істотно полегшують подорож по безкрайніх просторах WWW.Вся інформація в веб-браузері відображається у вигляді веб-сторінок, які є основним елементом байтів WWW.
Можна виділити наступні класифікації веб-документів: за можливості зміни змісту і структури - статичні (трудомістке і незручне оновлення) і динамічні (більш просте і швидке оновлення); по наявності зворотного зв'язку - пасивні (користувач має можливість лише переглядати інформацію) і активні (користувач має можливість обмінюватися даними з сервером, брати участь в інтерактивному діалозі). У даній роботі інтерес для нас представляють активні динамічні веб-документи.
Створити якісну веб-сторінку непросто, для цього будуть потрібні не тільки навички дизайнера, але і досвід програмування. Для полегшення цих завдань існують спеціальні програми. Найбільш відомим і ефективним інструментом створення веб-сайтів є продукт компанії Macromedia - Dreamweaver MX. Це потужна середу, призначена для проектування, розробки та адміністрування професійних веб-сайтів і додатків. Dreamweaver MX дозволяє створювати сайти на базі різних веб-технологій: HTML, XHTML, XML, ColdFusion, ASP, ASP.net, JSP і PHP.
Мета нашої роботи - дослідження можливостей застосування Dreamweaver для реалізації веб-технологій: ASP, PHP і XML при розробці динамічних сайтів.
Гіпотеза заснована на припущенні, що використання єдиної інтегрованої середовища розробки, в якої можлива реалізація різних веб-технологій, оптимізує процес побудови динамічних сайтів.
Об'єкт роботи - технології розробки динамічних сайтів.
Предмет роботи - методи побудови динамічних сайтів засобами Dreamweaver.
Для побудови сайту, написання сценаріїв для нього можна використовувати текстові редактори, вручну набираючи код, спеціальні програми для реалізації окремих технологій (наприклад, Rapid PHP Editor), програми створення веб-сторінок (наприклад, FrontPage). Але тільки середи Dreamweaver дозволяє створювати динамічні веб-документи, відповідають міжнародним стандартам, інтегрувати програмний код в HTML-код, використовувати при створенні одного документа відразу кілька технологій. Тому робота, присвячена розробці динамічних сайтів засобами Dreamweaver, є актуальною .
Новизна даної роботи полягає в тому, що була розглянута технологія створення динамічних сайтів на базі різних технологій в рамках одного інструмента.
Мета, гіпотеза, об'єкт і предмет визначають наступні завдання :
огляд і вивчення літератури з досліджуваної проблеми;
ознайомлення з технологіями ASP, PHP і XML в рамках Dreamweaver;
виділення критеріїв порівняння технологій;
підготовка методики аналізу прикладних задач з метою вибору оптимальної технології для їх реалізації;
застосування розробленої методики при вирішенні конкретних прикладних задач.
Наша робота складається з вступу, трьох розділів, висновку і списку літератури.
Наукова та теоретична значимість дослідження. У роботі були викладені теоретичні основи сайтобудування засобами різних технологій, що реалізуються в рамках одного інструмента.
Практична значимість дослідження. Розроблена методика дозволить легко і точно вибрати оптимальну технологію при створенні сайту.
На захист виносяться наступні положення :
використання різних технологій в рамках одного інструмента є раціональним і ефективним;
навіть в рамках одного інструмента актуальний вибір технології, що дає оптимальний результат.
Глава I. Інтерфейс середовища Dreamweaver. Огляд популярних інтернет-технологій створення динамічних сайтів
1.1 Інтерфейс середовища Dreamweaver
Потужна професійна середу Dreamweaver володіє всіма необхідними засобами для генерації сторінок HTML будь-якої складності та масштабу. Вона забезпечує режим візуального проектування (WYSIWYG або What You See Is What You Get - "що ти бачиш, то ти і отримаєш "), відрізняється дуже чистою роботою з вихідним текстом веб-документів, володіє вбудованими засобами підтримки великих мережевих проектів. Ні в одному з існуючих у наш час редакторів концепція WYSIWYG не реалізована повністю. [12] Програма Dreamweaver підійшла до декларованому ідеалу ближче конкурентів. Пряма робота з кодами не виключена повністю, але зведена до розумного мінімуму. Програма не тільки володіє потужним арсеналом засобів візуального проектування, але і здатна відображати веб-сторінки майже як спеціалізовані програми перегляду: Microsoft Internet Explorer або Netscape Navigator. [1]
Macromedia Dreamweaver MX - одна із самих потужних програм, що підтримують всі сучасні стандарти Інтернету і неймовірно полегшує виконання навіть найскладніших задач. Крім того, вона містить у своєму складі розвинену систему підказки та інтерактивних уроків, що дозволяють починаючому користувачеві швидко приступити до роботі. [17]
Інтерфейс програми у порівнянні з попередніми версіями зазнав змін. Новий стиль помітно полегшує роботу з програмою. Якщо в попередніх версіях програми доводилося постійно перемикатися між вікнами, то тепер можна одночасно працювати і з кодом, і з кінцевим видом сайту, що істотно полегшує роботу. [13]
При завантаженні Dreamweaver з'являється стартове вікно (рис.1), що дозволяє вибрати тип нового створюваного документа (HTML, ColdFusion, PHP та ін), або створити документ за готовим зразкам (CSS Style Sheets, Framesets та ін), а також відкрити нещодавно використовувалися документи. Крім цього є посилання на інтернет-ресурси: сайт Dreamweaver MX Exchange, огляд програми Dreamweaver MX і довідкова інформація по Dreamweaver MX.
Рис.1. Стартове вікно Dreamweaver MX
Робоча область Dreamweaver містить наступні вікна і панелі:
вікно документа (рис.2), що дозволяє переглядати і редагувати код документа (Code), переглядати зовнішній вигляд майбутнього документа (Design) або одночасно код і зовнішній вигляд (Split). Також є можливість перегляду документа в інтернет-браузері, перевірки помилок і т.д.;
Рис.2. Вікно док...
