Как сделать сайт на компьютере. Урок 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.48MB/0.00044 sec