Как сделать главную страницу сайта



Как сделать сайт?

Рассмотрим в картинках, как делается обычная, хорошо индексируемая, главная страница сайта на html с помощью программы Adobe Dreamweaver. Вы же можете использовать любой другой редактор. Для удобства обращения с сайтом эту страницу,как и весь ваш будущий сайт позже можно переделать на php.

Я надеюсь, что вы сможете уловить главную суть, как сделать первые шаги в создании сайта, даже если пока вы незнакомы с языком html.

Для начала создадим папку, на одном из локальных диске D,E,F…., в ней и будет храниться ваш сайт.

Программа для создания и редактирования проффесиональных веб-сайтов.

Скачать!

Adobe Dreamweaver Rus CC
Количество скачиваний: 1899

Открываем Dreamweaver справа в окне жмем “файлы” и находим свою папку, кликаем на ней правой кнопкой выбираем “новый файл”

Сделать страницу сайта

и задаём ему имя index.html

Сделать страницу сайта

Кликаем на нем, в рабочим окне откроется наш созданный файл. В левом верхнем углу есть кнопки “Код”, “Раздельно”, “Дизайн” так вот, жмем кнопку “Раздельно” и у вас получится в рабочем окне сверху код снизу дизайн.

Прописываем между тегами <head> и </head> мета-теги, для того чтобы наша страничка хорошо индексировалась и продвигалась в поисковых системах.

  • <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> - кодировка сайта
    <title> Здесь прописывается название вашего сайта или страницы</title>
    <meta http-equiv="Content-Language" content="ru"> - язык вашей страницы
    <meta name="author" content="Василий Теркин"> - автор контента
    <meta name="description" content="Описание содержимого страницы ">
    <meta name="keywords" content="Ключевые слова и фразы">


Сделать страницу сайта

Теги:
<tr></tr>- означает строчка.
<td></td>- означает столбец.

Сколько пропишете тегов <tr><td></td></tr> столько и будет рядов (ячеек) по вертикали.

Сделать страницу сайта

А каждый ряд можно поделить на столбцы: <tr><td>1 столбец </td><td>2 столбец </td></tr>

Сделать страницу сайта

Приступим к созданию дизайна страницы, и дальше все по порядку.

FTP клиент с поддержкой UTF- 8 кодировки, для загрузки и редактирования файлов на хостинге.

Скачать!

Cute FTP9 Prof Rus

Все строчки и столбцы прописываются между тегами <table>Здесь</table> это обязательно. А <table></table> встает между <body>Здесь</body>.Между тегами <table></table> вставляем строчку, а между строчки столбец и в нем пишем какой нибудь для себя ориентир (например 111) получается так:
<table><tr><td>111</td></tr></table>.

Сделать главную страницу

На нашем ориентире кликаем правой кнопкой и выбираем “Таблица” – “Разделить ячейку…”

Сделать главную страницу

Делите как вам требуется, экспериментируйте, не забывайте прописывать ориентиры. Вернутся до первого ориентира всегда можно при помощи кнопки.

Сделать главную страницу

Ладно, идем дальше. Я сделаю к примеру так: выбрал 3 строчки, обновил (справа в верху кнопка), затем на ориентире (222) правой кнопкой “Таблица” – “Разделить ячейку…” на два столбца и получилось вот так:

Сделать главную страницу

Как сделать сайт

Теперь нам потребуется задать ширину и высоту таблице и ячейкам. Посмотрите на ячейку с единицами в коде, в тег <td> вставлен “colspan=”ширина равная количеству столбцов (222) (444)", в нашем случае получаем <td colspan="2"> т.е. ширина страницы. В программе имеется подсказка, когда в коде, в теге <td перед закрывающей скобкой (>) клавишей spase вы делаете пробел, выскакивает подсказка с набором тегов (ширина, высота, толщина рамки, цвет…там есть все что нужно). Так вот находим код первой ячейки (111) в теге <td после colspan="2"перед (>) жмем на пробел и находим в открытом окошке" width"-это ширина, кликаем по нему двойным щелчком.

Сделать главную страницу

Между кавычек вписываем ширину которая вам требуется например 900 и жмем обновить и сохранить.

Сделать главную страницу

Высоту ячейки задаем точно также (если это требуется) только при помощи “height”- высота. Страничка наша должна находится всегда по центру монитора. Для этого пропишем в <table align="center" border="2"> Вот что получилось в итоге:

Сделать главную страницу

Всё.

Такой способ построения называется "Табличным" и больше подходит для простых сайтов, которых сейчас делается гораздо меньше чем раньше.




Антивирусы
Программы от ведущих разработчиков.

Персональный компьютер
Очистка, ускорение.

Как удалить вирус
Проверенная методика удаления.

Вирус и его цель
Виды, обнаружение и удаление.

Dr.Web
Только Dr.Web антивирусы, сканеры, лечащие утилиты.

Антивирусы для флешки
Как обезопасить свой компьютер от вирусов с флешки.


Антивирусы
Бесплатные и не совсем, для смартфонов и планшетов.

Мобильный телефон
Защита от вирусов, очистка, ускорение.


Создание и продвижение
Как сделать сайт и продвигать его в поисковых системах.

Установить на сайт
Полезные предложения.