У попередньому розділі ви побачили, як переглядати веб-сайти в браузері Firefox, що поставляється з Ubuntu.
В цьому розділі сайту ви дізнаєтеся, як створювати власні веб-сайти. Навіщо це може знадобитися? Найпростіша відповідь - щоб повідомити іншим якусь інформацію. Підприємства створюють веб-сайти, щоб надати клієнтам найновішу інформацію. Люди також створюють особисті веб-сайти.
Можливо, ви захочете поділитися новинами з членами сім'ї, що живуть далеко від вас, або у вас є хобі і ви хочете знайти однодумців і поділитися з ними своїми думками. Веб-сайт дозволяє обмінюватися інформацією незалежно від того, навіщо вам це може знадобитися.
Вирішивши створити власний сайт, варто спочатку спланувати його. Визначте, зі скількох сторінок він буде складатися і що буде написано на кожній сторінці.
Чим більше часу ви витратите на планування, тим краще сайт буде виглядати і тим легше буде переміщатися по сторінках.
У Мережі є багато ресурсів з порадами про планування веб-сайтів. Варто прочитати інформацію по цій темі - ви адже читаєте інструкцію перед тим як почати встановлювати домашній кінотеатр.
Установка програми для розробки сайту
У стандартну установку Ubuntu не входить програма для розробки веб-сайтів; проте за допомогою інструменту Add / Remove можна встановити таку програму, що називається Screem. Хоча Screem має всі функції для створення веб-сайту, я особисто віддаю перевагу KompoZer, але його потрібно встановлювати в терміналі. Відкрийте Applications => Accessories => Terminal і введіть наступний рядок:
sudo apt-get install kompozer
Пам'ятайте, що sudo означає «super user do» (суперкористувачеві виконати). Так як ви хочете, щоб цю програму виконав привілейований користувач, Ubuntu зажадає ввести пароль. Після успішного введення пароля почнеться процес установки. Безпосередньо перед установкою вас попередять, що KompoZer займе певне місце на диску.
Якщо ви використовуєте Screem, його можна запустити за допомогою пункту Applications => Programming => Screem.
Примітка
Виберіть Normal і Preview виглядають практично ідентично.
Тепер, коли ви знаєте, як додавати простий текст на веб-сторінку, слід додати в веб-дизайн трохи власного дизайну. Давайте покращимо зовнішній вигляд сторінки зображеннями, таблицями і різноманітними шрифтами.
вставка зображення
У дні, коли в області домашнього з'єднання з Інтернетом безроздільно панувало комутоване з'єднання, слід бути надзвичайно обережним щодо розміру додаються на веб-сторінки зображень. Занадто об'ємні зображення значно сповільнювали завантаження на повільних модемах, і користувачам набридало чекати завантаження сайтів. Тепер, коли більшість користувачів використовують високошвидкісне кабельне або DSL-з'єднання з Інтернетом, завантаження веб-сторінок з великою кількістю малюнків не викликає ускладнень.
Вирішивши вставити таблицю, клацніть по значку Table (Таблиця) поруч із позначкою Image на панелі завдань. Відкриється вікно Insert Table (Вставка таблиці) і перша його вкладка, Quickly (Швидко), яка дозволяє додати таблицю, вибравши кількість рядків і стовпців. Якщо ви хочете ввести число рядків і стовпців самостійно, скористайтеся вкладкою Precisely (Точно). Вкладка Precisely дозволяє вказати ширину таблиць в пікселях або відсотках від розміру вікна. Ви також можете задати ширину кордону (Border) таблиці. Щоб в таблиці не було меж, введіть 0.
Вкладка Cell (Осередок) дозволяє налаштувати осередки і їх вміст. Ви можете вказати вертикальне чи горизонтальне вирівнювання вмісту таблиці, відступи в осередках і перенесення рядків. Якщо вибрати значення Wrap (Перенесення), при досягненні кінця осередки текст буде перенесений на новий рядок. Якщо вибрати Do not Wrap (Без перенесення), текст буде ширше кордонів осередку.
вибір шрифту
Проста веб-сторінка з чорним текстом на білому тлі навряд чи приверне багато відвідувачів. Якщо хтось і зайде на неї, він не залишиться там надовго. Простий спосіб поліпшити дизайн веб-сайту - змінити шрифт і, можливо, додати пару гіперпосилань. Давайте спочатку змінимо кегль тексту «Hello World!». Виберіть цей текст. На панелі інструментів Text Formatting (Форматування тексту) три рази натисніть на кнопку Larger Text Font (Більший кегль шрифту). Потім виберіть слово Welcome. Клацніть по кнопці Choose Colour for Text (Вибрати колір тексту) і виберіть новий колір.
Гіперпосилання на веб-сторінці дозволяють реалізувати концепцію Всесвітньої павутини. Вона називається павутиною, так як сторінки, пов'язані між собою, являють собою, по суті, павутину. При додаванні гіперхгсилкі, або посилання, ви використовуєте даний підхід.
складний дизайн
Так, створена вами веб-сторінка виглядає скромно в порівнянні з великими динамічними сторінками. Нехай це вас не зупиняє! Якщо вас цікавить веб-дизайн, почніть з вивчення каскадних таблиць стилів (Cascading Style Sheet, CSS). Вони роблять життя простіше і дозволяють оновити весь сайт всього декількома клацаннями миші.
Якщо вас дійсно цікавить веб-розробка, встановіть в Ubuntu Server Edition середу LAMP для розміщення динамічних веб-сайтів. LAMP складається з операційної системи Linux (в вашому випадку - Ubuntu); веб-сервера Apache, бази даних MySQL і мов PHP / Perl / Python для написання сценаріїв, які об'єднують всі в єдине ціле. Мережа змінила спосіб спілкування людей, покупки, розваги, і, якщо ви зможете скористатися наявними можливостями Всесвітньої павутини, це допоможе вам у багатьох ситуаціях.