fbpx

Каталог статей

Каталог статей для размещения статей информационного характера

Технології

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

Зараз в Інтернеті є багато можливостей створити свій сайт. Якщо вам потрібна персональна сторінка, то зробити її не так складно… Всього кілька етапів.
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 введіть посилання до ссылающемуся файлу.
Ми з вами розглянули спосіб створення невеликого персонального сайту. Слідуючи цим інструкціям, ви без праці зможете викласти в Інтернеті інформацію про те, який ви класний хлопець або яка ви красива дівчина. Однак, якщо ви власник фірми, і хочете серйозний і солідний сайт-представництво вашої компанії, і щоб можна було автоматизувати процеси створення нових сторінок, а також додати в ваш сайт інтерактивні елементи – зверніться до професіоналів по створенню сайтів. Вони вам допоможуть!