Как создать сайт на основе шаблона

Среда, 28 Октября 2009 г. 18:49 + в цитатник

Цитата сообщения FlashStudio

Прочитать целиком В свой цитатник или сообщество!

Как создать сайт на основе шаблона

Скачайте выбранный шаблон.
Извлеките папку с шаблоном из архива.
Файл index.html будет являться главной страницей сайта (ГЛАВНАЯ).
Определитесь, какие html-страницы будут на Вашем сайте.
На основе файла index.html создайте Ваши страницы, копируя файл index.html и переименовывая его согласно создаваемым страницам (например, contact, faq, about и т. д.).

Разместите созданные файлы страниц в ту же самую папку, в которой находится файл index.html
С помощью меню: горизонтального, вертикального и если имеется – меню внизу страниц (над футером) соедините гиперссылками страницы сайта и напишите названия кнопок меню (названия страниц сайта).
При этом обратите внимание на расширение страниц: info.html и info.htm – это страницы с разным расширением, ссылка на страницу, которая будет называться, например, НОВОСТИ (файл может быть назван news) может являться файлом news.htm, но записанный в тэгах как news.html не откроется.

В графическом редакторе создайте баннер для своего сайта, с такими же размерами, как и баннер шаблона.
Замените баннер шаблона на свой баннер, дав ему такое же название - banner, при этом расширение файла Вашего баннера, должно быть такое - же, как и баннера шаблона (JPEG или GIF), иначе вам придется производить изменения в файле стилей .css
Разместите графические файлы, которыми вы хотите оформить и заполнить ваши страницы в папку images.
Создайте тексты для размещения на страницах сайта в текстовом редакторе, например в Word, Вы потом будете просто копировать фрагменты текста и вставлять его на страницы сайта в соответствующие теги.
Начинайте заполнять страницы сайта текстовой и графической информацией, вставляя:
- заголовки между тэгами: <h1-6>Текст заголовка (h1, h2, h3, h4, h5 или h6)</h1-6>
- тексты абзацев между тегами: <p>Текст абзаца</p>
- тексты списков между тегами: <ul><li>Текст пункта списка</li></ul>
- изображения в теги: <img src="Ссылка на изображение">
- ссылки в теги: <a href="Адрес ссылки">Текст ссылки</a> и т. д.
Таким образом, заполняйте страницу за страницей.
После того, как страницы сайта будут заполнены контентом (текстовой и графической информацией) протестируйте меню сайта и все гиперссылки – все должно открываться, исправьте все ошибки.

Определитесь с хостингом, на котором Вы будите размещать свой сайт в сети Интернет – это может быть как платный, так и бесплатный хостинг.
Выберите доменное имя для своего сайта, например, www.my_site.ru, если домен занят, подберите свободный домен.

Пропишите во всех ссылках абсолютный адрес до файлов страниц сайта с учетом доменного имени сайта. Допустим, есть страница КОНТАКТ (файл может быть, например, contact.html), и у Вас, например, домен www.my_site.ru, тогда все ссылки, которые ведут на страницу КОНТАКТ, в данном случае должны выглядеть следующим образом: http://www. my_site.ru/contact.html
При этом нужно помнить, что файл главной страницы сайта (страница ГЛАВНАЯ) должен всегда называться index
В зависимости от выбранного Вами расширения он может быть: index.html, index.htm и пр.
Но абсолютный адрес до файла главной страницы любого сайта будет выглядеть следующим образом: www.имя_домена.ru или http://www.имя_домена.ru, в примере, который рассматривался выше, абсолютный адрес до главной страницы сайта будет: http://www. my_site.ru
Если планируете разместить сайт на платном хостинге, оплатите выбранное доменное имя и услуги размещения сайта на выбранном хостинге.

И, наконец, выгрузите файлы сайта по протоколу FTP на выбранный хостинг.
Если вы ничего не перепутали и все правильно заполнили, если деньги, которые Вы перевели хостингу, наконец, дошли и, в конце, концов, зачислены в бухгалтерию хостинга...
Наберите в строке вашего браузера Ваше доменное имя (в нашем примере это http://www. my_site.ru), и нажмите клавишу Enter на клавиатуре Вашего компьютера...
В Вашем браузере, на экране Вашего компьютера откроется Ваш сайт.
Вы его видите его - он в сети Интернет!