Зміст
Введення
1. Мови програмування
1.1 JavaScript
1.2 PHP
2. Програми створення Web-сторінок
2.1 HTML
2.1 HTML-редактори
2.2 HTML-редактор FrontPage і Dream Weaver
Висновок
Список використаних джерел
Введення
World Wide Web - глобальна комп'ютерна мережа на сьогоднішній день містить мільйони сайтів, на яких розміщена будь інформація. Люди отримують доступ до цієї інформації за допомогою використання технології Internet. Для навігації в WWW використовуються спеціальні програми - Web-браузери, які істотно полегшують подорож по безкрайніх просторах WWW. Вся інформація в Web-браузері відображається у вигляді Web-сторінок, які є основним елементом байтів WWW.
Web-сторінки, підтримуючи технологію мультимедіа, об'єднують в собі різні види інформації: текст, графіку, звук, анімацію і відео. Від того, наскільки якісно і гарно зроблена та чи інша Web-сторінка, залежить багато в чому її успіх в Мережі.
Користувачеві приємно відвідувати ті Web-сторінки, які мають стильне оформлення, не обтяжені надмірно графікою і анімацією, швидко завантажуються і правильно відображаються у вікні Web-браузера.
Створити якісну Web-сторінку непросто, для цього будуть потрібні не тільки навички дизайнера для красивого і стильного оформлення, але й досвід програмування. Складність і обсяг програм, необхідних для створення того чи іншого сайту, залежить від безлічі факторів, таких, як структура, мета, необхідна функціональність, забезпечення надійності і т.п.
Кожен вибирає свій інструмент для створення Web-сторінок. Це може бути MS FrontPage або Macromedia DreamWeaver, Allaire HomeSite або Front Page. А хтось користується простим текстовим редактором, наприклад Блокнотом (Notepad).
Текстові редактори, можливо, використовувати тільки для створення невеликих сторінок, так як у них є багато мінусів: не підтримуються проекти, відсутня "підсвічування" тексту ..., загалом, працювати з ними може тільки професіонал, що знає мову HTML.
Мета нашої роботи: Розглянути можливості візуального редактора DreamWeaver і Front Page, а так само мови програмування PHP і JavaScript.
Для досягнення нашої мети були поставлені наступні завдання:
1) Познайомитися безпосередньо з редактором DreamWeaver і Front Page;
2) Розглянути основні вимоги, пропоновані до Web-сторінці;
3) мови створення Web-сторінок.
У своїй роботі я зробив спробу розібратися в тому, що необхідно знати і вміти для створення Web-сторінки, яке програмне забезпечення є інструментарієм створення Web-сторінок і як його ефективно використовувати.
1. Мови програмування
1.1 JavaScript
Web, як гіпертекстову систему, можна розглядати з двох точок зору. По-перше, як сукупність відображуваних сторінок, пов'язаних гіпертекстовими переходами. По-друге, кaк безліч елементарних інформаційних об'єктів, що становлять відображувані сторінки (текст, графіка, мобільний код і т.п.). В останньому випадку безліч гіпертекстових переходів сторінки - це такий же інформаційний фрагмент, як і вбудована в текст картинка.
При другому підході гіпертекстова мережа визначається на безлічі елементарних інформаційних об'єктів самими HTML-сторінками, які і виступають в ролі гіпертекстових зв'язків. Цей підхід більш продуктивний з точки зору побудови відображуваних сторінок "на льоту" з готових компонентів.
При генерації сторінок в Web виникає дилема, пов'язана з архітектурою "Клієнт-сервер". Сторінки можна генерувати як на стороні клієнта, так і на стороні сервера. Останнє реалізується через механізм підстановок на стороні сервера (Server Site Includes). Компанія Netscape розповсюдила в 1995 році механізм управління сторінками і на клієнта, розробивши мову програмування JavaScript.
Таким чином, JavaScript - це мова керування сценаріями перегляду гіпертекстових сторінок Web на стороні клієнта. Якщо бути більш точним, то JavaScript - це не тільки мова програмування на стороні клієнта. Liveware, прародитель JavaScript, є засобом підстановок на стороні сервера Netscape. Однак, найбільшу популярність JavaScript забезпечило програмування на стороні клієнта.
До можливостей JavaScript можна, наприклад, віднести наступне:
• відображати змінюються дані, такі як поточний час або дата;
• програмувати змінне зміст в залежності від дати, браузера користувача або інших умов;
• змінювати зовнішній вигляд елементів сторінки, якщо користувач клацнув мишею або провів курсор миші над елементом.
Для мови високого рівня JavaScript має досить сильними можливостями. Він не дозволяє працювати на рівні машинних кодів, однак ви отримуєте доступ до багатьох можливостям броузерів, Web-сторінок, а іноді і системи, в якій працює броузер. На відміну від Java в„ў або С, програми на JavaScript обходяться без компіляції, а вашому броузеру не доведеться завантажувати віртуальну машину для виконання програмного коду. Програмуй та завантажуй!
JavaScript також працює в об'єктно-орієнтованій архітектурі, нагадує Java або C + +. Такі можливості мови, як конструктори чи спадкування на базі прототипів, додають в схему розробки новий рівень абстракції, що сприяє багаторазовому використанню програмного коду.
Одна з головних причин, по якій Web-розробники взяли JavaScript, - можливість виконання на стороні клієнта багатьох функцій, які раніше виконувалися виключно на стороні сервера. Кращим прикладом є перевірка форм. Програмісти старої школи ще пам'ятають, що кілька років тому для перевірки користувальницького введення у формах HTML доводилося пересилати інформацію на Web-сервер та передавати її сценарієм CGI, де і проходила перевірка введених даних.
Якщо дані не містили помилок, сценарій CGI продовжував роботу. Однак при виявленні помилок сценарій повертав користувачеві повідомлення з описом проблеми. Хоча це рішення працює, уявіть, скільки зайвої роботи при цьому відбувається. Для передачі форми необхідний спеціальний запит HTTP від ​​сервера. Після пересилки даних в Мережі доводиться заново виконувати сценарій CGI. Цей процес повторюється кожного разу, коли користувач припускається помилки при заповненні форми. Користувач дізнається про помилку лише після того, як повідомлення про помилку повернеться до нього.
Але ось на сцені з'являється JavaScript. Тепер елементи форми можна перевірити до того, як користувач передасть інформацію Web-серверу. Це призводить до зменшення кількості транзакцій HTTP, а також помітного зниження ймовірності помилки при повторному заповненні форми. Крім того, JavaScript дозволяє читати і записувати cookie - колись ця операція виконувалася виключно засобами Web-сервера для роботи з заголовками.
Напевно Ви не раз бачили, як картинка змінюється іншою картинкою при наведенні на неї мишкою. Цей ефект реалізується за допомогою Java-скрипта. Скрипт складається з двох частин. Перша частина (див. Додатку А) вставляється в html всього один раз. А другу (див. Додаток Б) доведеться вставити стільки разів, скільки у Вас на сторіночці буде змінюваних картинок.
Наприкінці першої частини скрипта проводиться підвантаження зображень Натискаємо кнопок. Необхідно довантажити картинки натиснутою і не натиснутій кнопок.
... aX = new Image; aX.src = "imageX.gif";
Ці два рядки показують те, що необхідно прописати підвантаження всіх картинок. У працюючому скрипті не повинно бути трикрапки і замість X повинно бути число.
Що є що: page.htm - ім'я файлу посилання image_name - Ім'я картинки, необхідно щоб java-скрипт знав яку картинку міняти. У кожної картинки має бути своє ім'я. image1.gif - Файл не натиснутої кнопки.
image2.g...
