создание сайтов

как создать сайт на основе шаблона для статического сайта (CSS/XHTML)

что входит в комплект шаблона статического сайта (CSS/XHTML)

  • Сверстанная страница в формате .html, определяющая структуру содержания, создана блочной версткой, на основе блоков div, с плавающим расположением, без табличной разметки (файл index.html)
  • Файл стилей в формате .css, определяющий оформление внешнего вида html – страницы (файл style.css)
  • Изображения в формате JPEG и GIF
  • Текстовый файл info с информацией об условиях использования

создание сайта

  • Скачайте выбранный шаблон статического сайта (CSS/XHTML).
  • Извлеките папку с шаблоном из архива.
  • Файл 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 на клавиатуре Вашего компьютера...
  • В Вашем браузере, на экране Вашего компьютера откроется Ваш сайт.
  • Вы его видите его - он в сети Интернет!

Прежде, чем приступить к самостоятельному созданию сайта, даже на основе готового шаблона рекомендуем еще раз взвесить все «за» и «против» - хватит ли у Вас опыта для самостоятельного выполнения подобной работы.
Особенно взвешенно подходите к вопросу выбора и оплаты хостинга, тщательно изучите все обстоятельства – не торопитесь платить за хостинг, пока у Вас нет сайта.
Очень часто люди покупают доменное имя, оплачивают хостинг на год вперед, но в итоге так и не создают сайт.
Вы всегда можете Заказать создание сайта >>> в нашей Студии – это будет быстро и профессионально.


     карта сайтаКарта сайта