Створюємо свій сайт в Інтернеті

Зараз в Інтернеті є багато можливостей створити свій сайт.Якщо вам потрібна персональна сторінка, то зробити її не так складно … Всього кілька етапів.

1) Планування.

Перший і дуже важливий етап розробки сайту — детальне планування.Всі помилки й огріхи набагато простіше виправити, коли створення сайту ще в зародковому стані, чи то пак — на папері.Погодьтеся, набагато простіше буде підтерти все це справа ластиком, ніж потім по півдня возитися вже з створеними сторінками.

Переважна кількість людей вважають, що на папері варто наносити лише основні елементи структури сайту.Я ж Вас запевняю, що чим чіткіше і детальніше Ви опишете свій сайт, тим простіше Вам буде в далі!

Другий етап — розробка чіткої ієрархії сайту.Де-небудь у себе в записній книжці позначте — де і які файли будуть розташовуватися.Приміром, картинки в папці img, сторонні сторінки — another, тощо …

І ось власне, перед Вами лежить чітка структура сайту, гілляста система директорій, що відображає ієрархію файлів сайту …

2) Інтерфейс програми і базові атрибути.

Ну-с, коли все це справа готова, саме час приступити до створення Вашої першої сторінки.

Редактор, в якому будемо варгане сторінку, обзивається — Macromedia Dreamweaver.Дістати Ви його можете де завгодно, а простіше — сходити в магазин і купити диск з програмою, так як програма важить трохи чимало ~ 50 мб.

Відразу на замітку Вам: рекомендую восьму версію, так що грунтується на Macromedia Dreamweaver 8.0.

Запустіть редактор, там Шлепніте по напису Create New => HTML.

Ну що ж, перед Вами та сама програма, в якій ми і будемо створювати Вашу першу сторінку.

Велику частину займає Робоча Область (візуально, в ній і буде готуватися Ваш шедевр), зверху розташована інструментальна панель, а знизу — панель властивостей.

Для початку, давайте налаштуємо атрибути сторінки.Натисніть на кнопку (яка розташована внизу — в області властивостей) Page Properties.

Перед Вами розкрилася картина настройки властивостей сторінки.Крім того, що змінити фон, тут Ви можете вибрати базовий шрифт, колір, властивості посилань, і таке інше.

Головна деталь тут — виберіть категорію Title / Encoding.У графі «Document Type (DTD)» виберіть Кирилиця (Windows)!

Це сильно вплине на Ваш сайт!І це дуже важливо!

Прошу, не нехтуйте цим властивістю, бо, я поганого б радити не став …

3) Створення каркаса.

Розв’язали і погравшись вдосталь властивостями, давайте приступимо до серйозної і цілеспрямованої практиці.

Давайте паля каркас Вашої сторінки.

В панелі інструментів, яка знаходиться трохи вище, виберіть пункт Common, в якому натисніть на кнопку Table, із зображенням таблиці.У вікні задайте кількість рядків (Rows) і стовпців (Columns).

При необхідності, Ви також можете налаштувати і ряд інших атрибутів сторінки — задати ширину створюваної таблички, її опис, і багато іншого.

І тепер починається найцікавіше!

Зараз нам належить сформувати сторінку зі звичайної таблиці, яку Ви тільки що створили.

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

Отже, каркас створений, тепер непогано б довантажити на сторінку графіком …

4) Елементи оформлення.

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

Знову ж киньте погляд на інструментальну панель, що знаходиться нагорі.В категорії Common Шлепніте курсором по зображенню з картинкою (Image).Після чого виберіть імпортоване зображення, і весь час клацайте на ОК ..!

Ось Вам і сторінка, обвішана картинками!Насолоджуйтеся
!

5) Як зробити так, щоб з одного сторінки можна було переходити на іншу?

Ну і останній момент цього репорту — створення гіперпосилань.

Собстно, за допомогою гіперпосилань Ви можете перемішатися по будь-яким документам, які розташовані в мережі Інтернет.

Отже, щоб вставити в свою сторінку гіперпосилання на сторінку # 2, скажімо, на сторінку з Вашими реквізитами; виділіть текст, який буде гіперпосиланням, натисніть на кнопку Hyperlink.

У виданому вікні, в графі Link введіть посилання до посилається файлу.

Ми з вами розглянули спосіб створення невеликого персонального сайту.Дотримуючись цих інструкцій, ви без зусиль зможете викласти в Інтернеті інформацію про те, який ви класний хлопець або яка ви красива дівчина.Однак, якщо ви господар фірми, і хочете серйозний і солідний сайт-представництво вашої компанії, і щоб можна було автоматизувати процеси створення нових сторінок, а також додати в ваш сайт інтерактивні елементи — зверніться до професіоналів по створенню сайтів.Вони вам допоможуть!