Приветствую Вас!

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

Ну-с, начнём…

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).
При необходимости, Вы также можете настроить и ряд других атрибутов странички - задать ширину создаваемой таблички, её описание, и многое другое.

И теперь начинается самое интересное!

Сейчас нам предстоит сформировать страничку из обычной таблицы, которую Вы только что создали. Растяните таблицу по всей области странички, выделите место под отсек "меню", "логотипа", и других запланированных элементов. Таким образом, у Вас получится таблица, состоящая из трёх строк и трёх столбцов.

Наверняка, у Вас получилась такая фигня, что всё смешалось, и ничего не разберёшь без Вашего глаза (посетитель так там вообще потеряется)…
Исправить это просто. Зажмите клавишу Ctrl, и выделите, скажем, три ячейки в верхнем отсеке. Щёлкните правой клавишей мыши по выделенной области, и выберите Table => Merge Cells. Теперь все выделенные ячейки объединены в единую строку.

Итак, каркас создан, теперь неплохо бы подгрузить на страничку графику…

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

Щёлкните курсором мыши по тому месту, где Вы хотите вставить изображение. Допустим, пусть это будет верхняя область страницы.

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

Вот Вам и страничка, увешанная картинками! Наслаждайтесь ;)!

5) Как сделать так, чтобы с одной странички можно было переходить на другую?

Ну и последний момент этого репорта - создание гиперссылок.

Собстно, с помощью гиперссылок Вы можете перемешаться по любым документам, которые расположены в сети Интернет.

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

Если грамотно воспользоваться этим материалом, без особых усилий можно сваять классный сайт, но есть парочка моментов.

Это лишь кратенький репорт, в котором я рассказал об основах.

Наверняка, Вы зададитесь таким вопросом:

Виталий, где же мне достать больше информации,
Ведь это лишь АЗЫ создания сайтов!?

Я просто настаиваю, чтобы Вы зашли на www.isks.ushkow.ru, и узнали "полную" и чёткую информацию.

Ведь здесь, в этой коротенькой статейке лишь в 20 раз утрамбованная технология создания сайта, а там всё по полочкам разнесено, так что наслаждайтесь!

Ещё раз напоминаю адрес этого сайта:

www.isks.ushkow.ru

Но есть и ещё один вариант достижения качественной информации СОВЕРШЕННО БЕСПЛАТНО!

Вы можете подписаться на мультимедийную рассылку, и почерпнуть от туда море полезной и интересной информации!

ПОДПИСАТЬСЯ СЕЙЧАС ЖЕ!

И два раза в месяц Вы будите получать свежие методики и технологии создания собственного сайта, прямиков в свой вечно-зелёненький ящик ;)!

Удачи Вам!