Как сделать страничку на html

Как сделать страничку на html 120


Как сделать страничку на html 369


Как сделать страничку на html 610


Как сделать html сайт на компьютере. Урок 1.

Как сделать сайт на компьютере?

Как сделать сайт на компьютере?

Вы все еще ищете информацию о том как сделать сайт на компьютере? Наверное вы просто ожидаете толчка… нет, не пендаля, а просто ощущения того, что вот, вы сейчас начнете и все у вас получится. У вас получится, уверяю вас, я постараюсь, чтобы у вас получилось.


Итак начнем создавать сайт.
1. Создайте у себя на жестком диске (лучше локальный диск D или E) папку и назовите ее “moisait”, в этой папке создайте еще одну папку –“images” – названия вводим без кавычек. Еще я посоветовал бы создать себе папку отдельно для книг и статей, ссылок, не всегда запомнишь, то, что читал, иногда приходится искать снова. Сама папка moisait не будет потом помещена в интернет, будет перенесено только содержимое вашей папки – собственно ваш сайт и в сети интернет он будет выглядеть так же как и на компьютере.
2. Выделю отдельным пунктом – названия всех папок, всех файлов, всех картинок должны быть напечатаны английскими буквами, привыкайте.
3. В папку moisait помещаем нашу первую страничку, с именем index и расширением htm – для статичных сайтов это нормально. Итак если вы знаете как, то поместите в папку файл index.htm . Я обращаю ваше внимание, что разширения обычно не видно и даже если вы дадите первой страничке своего сайта имя index.htm расширение может быть совсем другим. Я советую включить расширения. Для этого нажимаем на значке «Мой компьютер» и в открывшемся окне папки жмем «Сервис/Свойства папки»

Сервис/Свойства папки

Сервис/Свойства папки

затем переходим на вкладку «Вид» и убираем галочку там, где написано «Скрывать расширения для зарегистрированных типов файлов» и нажимаем «ок».

Скрывать расширения для зарегистрированных типов файлов

Скрывать расширения для зарегистрированных типов файлов


4. Теперь, переходим в папку moisait кликаем правой кнопкой мыши и выбираем в появившемся окне «Создать/ Текстовый документ». Затем появившийся текстовый документ «Текстовый документ.txt» переименовываем в index.htm спрашиваю переименовать или нет? Нажимайте «Да». Значок фала поменяется, наведите на него указатель мыши и нажмите правую кнопку, в появившемся окне выберите « Открыть с помощью — Internet Explorer».
5. Нажимаем правой кнопкой мыши на рабочем поле (белое поле) и выбираем пункт «Просмотр HTML – кода». (В опере Ctrl+F3)
Просмотр HTML – кода

Просмотр HTML – кода


6. Скопируйте текст приведенный ниже в ваш файл

<html xmlns=»http://www.w3.org/1999/xhtml»>
<head>
<title></title>
<meta http-equiv=»Content-Type» content=»text/html;
charset=windows-1251″>
<META NAME=»keywords» CONTENT=» «>
<meta name=»description» content=»»>
</head>
<BODY>

</body></html>

Вы получили скелет вокруг которого будет обрастать ваш файл. То что вы скоприровали не нужно заучивать наизусть, теперь просто копируйте и редактируйте. Откуда я это взял? Выдрал с книжки и нескольких страниц в сети… у которых кстати не было некоторых мета тегов, но мы будем прописывать все.

7. В скопированном тексте вам предстоит теперь произвести небольшие дополнения.
— Между тегами (тайтл) <title></title> поместите название вашего сайта – например: <title>Фото природы от Васи</title>, на других страницах заголовки будут меняться – они тдолжны соответствовать содержанию – например зимние пейзажи, река и т.д.

Возможны ошибки: < title> — лишний пробел перед title> — пробелов вообще не должно быть между начальной скобкой и тегом, после да, т.к. иногда туда прописываются параметры, но если ничего не прописываете не ставьте лишних пробелов.
Тег <title> парный и поэтому текст должен быть между открывающим и закрывающим тегом </title>.
— <meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>

Это строка с кодировкой в которой будет текст, сейчас стоит нужная кодировка, поэтому ничего не меняем, если только вы не хотите поставить другую кодировку, например UTF-8 и тогда ваша строка будет выглядеть так

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

— <META NAME=»keywords» CONTENT=» «> — ключевые слова, говорят, что поисковики не обращают на этот мета тег внимания… возможно, но все-таки этот мета тег будет дисциплинировать вас. Для каждой страницы ключевые слова будут свои и они должны встречаться на странице <META NAME=»keywords» CONTENT=»фото, пейзаж, река, зима, скачать»>

— <meta name=»description» content=»»> — описание – можно поместить первый абзац из вашего текста на странице. <meta name=»description» content=» описание – можно поместить первый абзац «>

Старайтесь, чтобы кавычек лишних не было, добавляйте в ключевые слова и описание текст без кавычек

Исходный код первой страницы сайта

Исходный код первой страницы сайта

8. Между тегами <BODY>

</body> Пишем «Привет мир!» и обновляем страничку. Можно нажать на кнопку браузера или на клавиатуре — F5.


Вот собственно и все – ваша первая страничка готова, если вы хотите разбираться и дальше во всем, то продолжайте в том, же духе, а иначе можно было взять шаблон и сразу изменив мета теги как в пункте 7, приступить к наполнению сайта, у вас же еще впереди создание структуры сайта – самостоятельное создание шаблона сайта.

Кто ничего не делает тот не ошибается – с ошибками прошу обращаться сюда.



Как сделать страничку на html 921


Как сделать страничку на html 305


Как сделать страничку на html 447


Как сделать страничку на html 174


Как сделать страничку на html 803


Как сделать страничку на html 791


Как сделать страничку на html 976


Как сделать страничку на html 871


Как сделать страничку на html 107


Как сделать страничку на html 616


Как сделать страничку на html 450


Как сделать страничку на html 445


Как сделать страничку на html 716


Как сделать страничку на html 806


Как сделать страничку на html 984



Похожие новости:

  • Венерина мухоловка в домашних условиях
  • Народные средства от пяточной шпоры в домашних условиях
  • Как вышить по вязанью
  • Из фатина своими руками
  • Опалубка под дом своими руками