• Авторизация
Дневник Ветром_унесённая Лента друзей - Дневник - Полная версия


Как создать сайт на основе шаблона 17-08-2015 10:31 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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 на клавиатуре Вашего компьютера...
  • В Вашем браузере, на экране Вашего компьютера откроется Ваш сайт.
  • Вы его видите его - он в сети Интернет!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как создать сайт на основе шаблона | Ветром_унесённая - Дневник Ветром_унесённая | Лента друзей Ветром_унесённая / Полная версия Добавить в друзья Страницы: раньше»