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