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

Как сделать 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, приступить к наполнению сайта, у вас же еще впереди создание структуры сайта – самостоятельное создание шаблона сайта.

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


Понравилась статья?
Закажи бесплатную подписку!

Сообщения по теме:

  • Как сделать мультфильм на компьютере
  • Как сделать сайт с помощью FrontPage — видео урок
  • Как сделать сайт в ворде (Word)

  • Метки: , , , ,

    Комментарии (17)

    1. Александра 23.07.2009 #

      Здравствуйте.
      У меня возникла небольшая проблема: не получается выполнить 6 пункт. То есть я выделяю текст, копирую, но вот в файл index.htm он не вставляется. Когда я открываю файл (Просмотр HTML – кода), у меня там уже стоит цифра 1, она не удаляется и больше в файл ничего не вставляется и не копируется. Посоветуйте, пожалуйста, что можно с этим сделать. Заранее спасибо.
      С уважением,
      Александра

    2. admin 23.07.2009 #

      У меня такое впечатление, что файл открыт только для чтения, либо создан не правильно, по описанию трудно понять суть проблемы, попробуйте скачать файл с ифолдера.
      http://ifolder.ru/13229278 — это ссылка (299 байт), внизу нужно ввести код подтверждения, а затем нажать «далее», потом кликаете по любой ссылке и ждете 30 секунд, потом будет доступна ссылка для скачивания.

      Когда я создаю у себя, то никаких цифр нет вообще, чистый документ, открываю блокнотом — попробуйте просто открыть файл index.htm с помощью блокнота, а потом вставить в свой документ скопированный текст.
      Потом открываете сохраненный файл с вставленным текстом с помощью браузера, можете нажать кнопку обновить и видите чистый документ (без цифр)
      Затем опять открываете блокнотом и вписываете текст далее по инструкции.
      Если вам не хочется делать все в блокноте, то можно использовать в качестве редактора FrontPage 2003. Полностью сайт я бы не советовал в нем делать, а вот для редактирования вполне подходит — по крианей мере видно все изменения которые происходят с файлом сразу после сохранения, не приходится сохранять, а потом обновлять.

    3. Sergio9 07.08.2009 #

      Добавил видео урок — о создании сайта за 5 минут http://www.lamer-stop.ru/2009/08/07/kak-sdelat-sajt-s-pomoshhyu-frontpage/
      Сделайте чуть погромче, я пока не заработал на отдельную квартиру, чтобы громко разговаривать по ночам :)

    4. Владик 30.10.2009 #

      спасибо я всё зделал

    5. евгения 08.02.2010 #

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

    6. евгения 08.02.2010 #

      если стоит не эксплорер а мазила, то что сделать?

    7. admin 08.02.2010 #

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

    8. санёк 13.08.2011 #

      Я всё сделал ,даже больше . На другом сайте правда смотрел . У меня вопрос : никто не может открыть мой сайт, приходится отправлять всю папку со страницами и картинками. Как сделать так , чтобы другой мог зайти на мой сайт просто по ссылке?

    9. admin 13.08.2011 #

      санёк, нужен хостинг — если сайт на html, то бесплатный тоже подойдет. Содержимое папки вместе с картинками нужно загрузить в папку на сервере с помощью специальной программы — ftp клиента.

      Вот тема — http://www.lamer-stop.ru/2009/06/18/kak-perenesti-sajt-v-internet-nastrojka-ftp-klienta.html

    10. кирилл 20.09.2011 #

      АДМИН, ПОДСКАЖИ А КАК СДЕЛАТЬ САЙТУ АДРЕС? НАПРИМЕР mysayt.ru?

    11. admin 21.09.2011 #

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

    12. ренат 05.11.2012 #

      большое спасибо вам всё сделал как закончу создание сайта дам вам ссылку

    13. Аноним 28.04.2013 #

      Внимание, в коде из-за обновления движка поменялись кавычки, поэтому их придется заменить.
      Остальные уроки по созданию сайта на странице — Уроки HTML

    14. Андр 15.11.2013 #

      открой через блокнот!и вставь текст

    15. Александр 09.03.2015 #

      А что за адрес в начале странички w3.org?

    16. admin 09.03.2015 #

      Александр, это версия языка разметки. Причем у меня на одном из сайтов такого нет, так как сайт старый и делая его я вообще ничего не понимал в html.
      Постарался здесь разобрать подробно то, с чем сам долго разбирался.

    17. Daria 17.12.2015 #

      А где можно увидеть ваши уроки?

    Оставить комментарий

    

    0.47MB/0.00040 sec