Створення веб-сторінок

                           План

1. Вступ ……………………………………………………………………   3

2. Програми для створення  сайтів…………………………………….....    3

3. FrontPage………………………………………………………………..    5

4. Web-Сервер Apache…………………………………………………….    9

5. Macromedia Dreamweaver……………………………………………...   12

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Вступ

 

Веб-сторінка (англ. Web-page) —  інформаційний ресурс доступний  в мережі World Wide Web, який можна переглянути у веб-браузері зазвичай, ця інформація записана в форматі HTML або XHTML, і може містити гіпертекст з навігаційними гіперпосиланнями на інші веб-сторінки.

Веб-сторінки можуть зберігатись  на локальному комп'ютері або отримуватись із віддаленого веб-сервера. Веб-сервер може накладати обмеження на доступ до веб-сторінок, наприклад, дозволяти  перегляд лише з локальної мережі (інтранет), або відкривати доступ до сторінок в мережі World Wide Web. Запити на отримання та передача веб-сторінок з веб-серверів відбувається за протоколом HTTP.

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

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

 

MySQL — система керування базами даних -  багатопоточний компактний сервер баз даних. Характеризується стійкістю,  великою швидкістю й легкістю у використанні. MySQL підтримує мову запитів SQL і має безліч розширень, яких немає в жодній інший СУБД.

Короткий перелік можливостей MySQL:

кількість рядків у таблицях може досягати 50 млн.;

 

 

 

підтримується необмежена кількість  користувачів, що одночасно працюють із базою даних;

проста й ефективна  система безпеки;

швидке виконання команд, можливо MySQL найшвидший сервер з існуючих.

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

phpMyAdmin - сукупність скриптів написаних на PHP, і забезпечуючих повноцінну, у тому числі віддалену роботу з базами даних MySQL, через веб-інтерфейс. Так як, phpMyAdmin дозволяє в багатьох випадках обійтися без безпосереднього введення команд SQL, то робота з базами даних стає цілком посильною задачею навіть для людини досить поверхово знайомою з MySQL.

Smarty Template Engine - це оброблювач, що компіюює шаблони для PHP. Це означає, що Smarty читає файли шаблонів і створює PHP-код на їхній основі. Код створюється один раз і потім тільки виконується. Тому немає необхідності обробляти файл шаблона для кожного запиту.

Adobe Photoshop - професійний графічний пакет для роботи з растровою графікою.

Незважаючи на те, що спочатку програма була розроблена як редактор зображень для поліграфії, в наш час вона широко використовується і у веб-дизайні. У більш ранній версії була включена спеціальна програма для цих цілей — Adobe ImageReady, яка була виключена з версії CS3 за рахунок інтеграції її функцій в сам Photoshop, а також включення в лінійку програмних продуктів Adobe Fireworks, що перейшло у власність Adobe після придбання компанії Macromedia.

 

                                    FrontPage

Microsoft FrontPage — призначена  для створення веб-сторінок і  сайтів без застосування користувачем  мови HTML. Окрім цього, програму  використовують для розташування  сайтів на web-сервері та їхньої наступної експлуатації.

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

Програма дає змогу  вставляти набагато більш oб'єктів  і готових web-компонентів, ніж програма Word. Особливість програми Microsoft FrontPage у тому, що вона є зручною для  створення та адміністрування великого професійного сайту.

  Створення сайту за допомогою візуального редактора Frontpage

  Найпоширенішими візуальними  редакторами для створення сайтів  є: Frontpage і Dreamweaver.  Програма Frontpage компанії Microsoft є кращою на сьогоднішній день. 80% сайтів в Інтернеті створено за допомогою цього пакету. Не дивлячись на те, що це наймогутніша програма, майже повна схожість її інтерфейсу з поширеним текстовим редактором Word дозволяє освоїти її легко і швидко. Редактор Frontpage містить великий набір шаблонів і майстрів для створення сайтів з різної тематики. Для форматування тексту можна використовувати всі можливості, передбачені в основному стандарті HTML, а так само застосовувати спеціальні динамічні ефекти і анімацію. Редактор має зручні інструменти для роботи з таблицями, вбудовані засоби для обробки зображень, дозволяє легко розміщувати на сторінках різні мультимедіа-об'єкти: малюнки, відеофільми, анімацію, звукові фрагменти. Тісна інтеграція з пакетом MS Office дозволяє відображати на сторінках

 

документи MS Word, таблиці і  графіки MS Excel, динамічно отримувати дані з MS Access, використовувати мову VBA, засоби перевірки орфографії і десятки готових тем для оформлення сторінок сайту. У програмі Frontpage реалізована підтримка сучасних Web-технологій, таких, як каскадні таблиці стилів (CSS), динамічні ефекти (DHTML), фрейми, активні сторінки (ASP), елементи ACTIVEX і Java-апплети. Якщо Web-сервер підтримує технології Frontpage і Sharepoint, то з'являються додаткові можливості при створенні сторінок - форми пошуку, лічильники відвідуваності, зміст сайту та інші. Програма Frontpage є не тільки редактором Web-сторінок, але і містить засоби управління створення сайту, такі, як схема навігації по сторінках, аналіз сайту за допомогою різних звітів, колективна розробка, настроювання на певні браузери, завантаження  сайту на Web-сервер по протоколах НТТР і FTP. Всі ці можливості дозволяють створювати за допомогою Frontpage повноцінні Web-сайти, такі, наприклад, як електронні магазини або ігрові сайти.

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

   Вимоги до комп'ютера  для установки і роботи редактора  Frontpage такі ж, як у інших додатків MS Office. Для завантаження створеного  сайту на Web-сервер знадобиться  доступ в Інтернет і модем  для передачі даних або мережева  карта. Для перевірки сторінок, звук, що містять, або відео,  буде потрібно звукову карту.

 

 

Створення Web-сторінок в прикладній програмі FrontPage

Створення нової порожньої  Web- сторінки

Якщо при відкритті  вікна програми FrontPage в ньому відображається порожня сторінка, то розробку веб  сторінки можна здійснювати на базі цієї сторінки. Якщо при відкритті  редактора FrontPage, відображається порожнє  головне вікно, то для створення нової порожньої сторінки необхідно виконати команду Створити Файл/і вибрати в області завдань Порожня сторінка. У вікні з'явиться порожня сторінка. Далі необхідно здійснити розробку сторінки, тобто виконати розмітку (структуру) сторінки, ввести текст, малюнки тощо.

Створення веб сторінки на основі шаблонів FrontPage

Створити нову сторінку можна  також на базі одного з шаблонів. Для цього необхідно вибрати  команду "Інші шаблони сторінок" в області завдань. На екрані буде відображатися вікно діалогу  Шаблони сторінок, в якому представлені різні шаблони сторінок за категоріями.

Створення веб сторінки на основі наявних Web-сторінок в ПК

Створити веб сторінку можна і на базі наявних на комп'ютері  веб сторінок. Для цього необхідно  в області завдань вибрати команду "З наявної сторінки" у вікні діалогу вибрати потрібну сторінку. Далі можна зробити необхідні зміни на сторінці і зберегти її під іншим ім'ям.

      Створення сайту в прикладній програмі FrontPage

Створення нового порожнього сайту або створення веб-вузла  без умісту

Для створення нового порожнього сайту треба виконати команду  Створити Файл/і вибрати в області  завдань команду "Інші шаблони  веб-вузлів". Відкриється вікно  діалогу Шаблони веб-вузлів, в  якому необхідно виділити

 

Порожній веб-вузол і  натиснути ОК. У вікні програми FrontPage буде відображатися веб - вузол, який представлений на рисунку.

Для створення порожньої домашньої сторінки в новому веб-вузлі необхідно перейти в режим Переходи і клацнути на кнопці Нова сторінка на панелі Переходи, в робочому полі з'явиться домашня сторінка. Двічі клацніть на домашній сторінці лівою кнопкою миші, і вона відкриється в режимі конструктора для редагування (сторінка - index.htm).

Далі можна здійснити  розробку домашньої сторінки (створити розмітку або структуру сторінки, ввести текст, малюнки тощо.), а потім  до домашньої сторінки можна додати сторінки в режимі Переходи. Для  цього в режимі Переходи виділіть домашню сторінку і клацніть на кнопці Нова сторінка на панелі Переходи або  застосуйте контекстне меню. Буде додана Нова сторінка 1, яка представлена на малюнку. Далі додайте стільки сторінок, скільки необхідно для сайту, потім сторінки можна перейменувати  і змінити порядок їх проходження. Далі на кожну сторінку потрібно ввести зміст або вміст (текст, таблиці, зображення і т.д.), в результаті отримаємо  сайт.

Створення сайту на основі шаблону редактора FrontPage

Для створення сайту на основі шаблону виконайте Файл/Створити і в області завдань клацніть команду Веб - пакети, відкриється  вікно діалогу Шаблони веб-вузлів.

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

 

 

 

 

                            Web-Сервер Apache

Web-Сервер Apache - це сервер, що приймає HTTP-запити від клієнтів, як правило, Web-браузерів, і видає їм HTTP-відповіді, зазвичай разом із HTML-сторінкою, зображенням, файлом, медіа-потоком або іншими даними. По суті Web-сервер це програмне забезпечення, що виконує функції Web-сервера на локальному комп’ютері, на якому це програмне забезпечення працює.

Apache HTTP-сервер— відкритий  веб-сервер Інтернет для UNIX-подібних, Microsoft Windows, Novell NetWare та інших операційних  систем. На сьогодні є найуживанішим Веб сервером мережі Інтернет.

Apache розроблюється та  підтримується спільнотою розробників  відкритого програмного забезпечення  під керівництвом Apache Software

Сервер Apache створений на початку 1995 року співтовариством незалежних розробників «Apache Group», члени якої у свій час брали участь у проекті  з побудови перших Web-серверів у NCSA (National Center for Supercomputer Applications, USA). «Apache Group» пропонує Web-сервери, сумісні з будь-якою UNІХ-системою, установленої на будь-якій апаратній  платформі. Сервер перенесений і  на інші операційні системи. Так, уже  зараз Apache Web-сервер доступний для OS/2, UNIX-платформ, Windows 2000 та ін.

Web-сервер Apache, як і всі  інші Web-сервери, базується на  ідеях і частині коду, реалізованих  у першому по-справжньому популярному Web-Сервері — NCSA httpd .

Є два пояснення назви  проекту. Згідно з Apache Foundation, назву проекту  було вибрано з поваги до корінного  племені американського континенту апачів, що були відомі за свою витривалість та військову майстерність. Проте, перший FAQ на веб-сайті проекту Apache

 

 

Server з 1996 до 2001 стверджував,  що «назва „Apache“ походить  від абревіатури „А PAtCHy server“,  що дослівно перекладається як  „залатаний сервер“ — сервер, у код якого внесений цілий  ряд серйозних змін.» Перше  пояснення було підтверджено  на Конференції Apache і в інтерв'ю  2000 року з Брайаном Беглендорфом, який, тим не менш, спростував  це твердження в інтерв'ю 2007 року, заявляючи, що «сервер Apache не названий на честь племені  Джеронімо».

Web-сервер Apache є самостійним,  некомерційним, вільно розповсюджуваним  продуктом. Продукт підтримує  безліч можливостей, багато з  яких реалізовані як скомпільовані  модулі, які розширюють основні  функціональні можливості. Вони  різняться від серверної підтримки  мов програмування до схем  аутентифікації. Існують інтерфейси  для підтримки мов програмування  Perl, Python, Tcl і PHP.

Популярні методи стискування  на Apache включають зовнішній модуль mod_gzip, створений для зменшення  розміру веб-сторінок, переданих  по HTTP.

Функції віртуального хостингу дозволяють одній інсталяції Apache обслуговувати  різні веб-сайти. Наприклад, одна машина, з однією інсталяцією Apache може одночасно  містити www.example.com, www.test.com, test47.test-server.test.com і так далі.

Apache передусім використовується  для передачі через HTTP статичних  та динамічних веб-сторінок у  всесвітній павутині. Багато веб-застосунків  спроектовано, зважаючи на середовище  і можливості, які надає цей  веб-сервер.

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

 

 

при роботі з документами, розташованими в Інтернет. Можна  задавати такі параметри і налаштування проксі-сервера:

типи файлів, які необхідно  кешувати або навпаки, не включати в  кеш;

максимальний обсяг дискового  простору, відведений під кеш;

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

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

Ядро Apache включає в себе основні функціональні можливості, такі як обробка конфігураційних  файлів, протокол HTTP і система завантаження модулів. Ядро повністю розробляється Apache Software Foundation, без участі сторонніх  програмістів.

Теоретично, ядро apache може функціонувати  в чистому вигляді, без використання модулів. Однак, функціональність такого рішення вкрай обмежена.

Ядро Apache повністю написано на мові програмування C.