<MyRusakov.ru />

Создание Интернет-магазина на PHP и MySQL

Создание Интернет-магазина на PHP и MySQL

Видеокурс "Создание Интернет-магазина на PHP и MySQL" - это уникальный курс по созданию Интернет-магазина с нуля. Особенностью данного курса является то, что создание идёт с самого начала, то есть от идеи. Далее создаётся дизайн всех необходимых страниц, после делается их вёрстка. Затем создаётся движок на PHP и MySQL, после делается Admin-панель и, наконец, готовый сайт размещается в Интернете.

Адрес созданного в этом курсе сайта: http://storedvd.ru

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Создание сайта на HTML

Создание сайта на HTML

Здравствуйте, меня зовут Михаил Русаков!

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

Я склонен полагать, что у Вас имеется большое желание научиться создавать свои собственные сайты. Разумеется, крайне глупо пытаться познать эту науку с изучения какого-нибудь PHP. Гораздо разумнее начать с чего-нибудь попроще, а именно с HTML (HyperText Markup Language - язык гипертекстовой разметки) - базового языка, на котором и построен любой, даже самый сложный сайт. Без этого языка не было бы ни одного сайта, более того, HTML - простейший язык, который может освоить даже школьник (яркий пример - Ваш покорный слуга, начавший осваивать HTML ещё в школе, причём весьма успешно).

Ладно, хватит болтовни - пора приступать к созданию нашего с Вами первого сайта, и этот процесс будет называться: "Создание сайта на HTML".

Первое, что нужно решить: где создавать сайт? Разумеется, можно и в обычном блокноте. Но это несерьёзно (мы так в школе писали), поэтому давайте лучше будем использовать что-нибудь "потяжелее". Я остановил свой выбор на редакторе "Notepad++" - замечательная программа, которая позволяет писать код на огромном количестве языков, в том плане, что это будет весьма и весьма удобно. Не буду сильно её хвалить, потому что для написания кода для серьёзных языков (Java, C++ и т. д.) она не подходит - много лишних проблем возникнет. Но для таких языков, как HTML, CSS, JavaScript и даже PHP - очень хороший выбор.

Скачать Notepad++ можно, пройдя по этой ссылке: http://notepad-plus.sourceforge.net/ru/site.htm

Устанавливаем и запускаем редактор. Сразу сохраняем страницу под именем index.html. Теперь пишем (пожалуйста, напишите, а не скопируйте!) в окне редактора:

<html>
<head>
</head>
<body>
</body>
</html>

Написали? Сохранили? Поздравляю Вас, Вы только что создали самую простую (но очень важную!!!) HTML-страницу!

Теперь можно нашу страницу открыть в браузере. Так и поступим.

Что-нибудь видите? Я уверен, что нет. И это неудивительно, ведь это самая элементарная страница. Вы можете посмотреть исходник страницы. Для этого в меню "Вид" выберите пункт меню "Просмотр HTML кода", "Исходный код страницы" или что-то в этом духе, в зависимости от Вашего браузера. Также можно просто нажать CTRL-U (в большинстве браузеров откроется исходный код страницы), и Вы увидите Ваш код.

А теперь давайте обсудим, что мы здесь написали.

<html>, <head>, <body> - это открывающие теги. Иногда их ещё называют дескрипторы, но я привык называть их тегами, поэтому далее так и буду писать.

</html>, </head>, </body> - это закрывающие теги.

Теги бывают парные и одиночные. Парные теги - это теги, которые нуждаются в закрывающем, то есть все три тега, которые мы использовали являются парными, так как они открываются и потом закрываются.

Одиночные теги - это теги, которые не требуют наличие закрывающего тега.

Теперь что касается назначения данных тегов.

Тег <html> означает начало HTML-документа.

Тег <head> означает начало заголовка HTML-документа. Сюда могут входить, например, заголовок страницы, различные мета-теги. Обо всём об этом погорим чуть ниже.

Тег </head> означает конец заголовка HTML-документа.

Тег <body> означает начало самого документа. То есть всё (текст, картинки, ссылки и т. д.), что Вы видите на страницах в Интернете - всё расположено в теге <body>.

Тег </body> означает конец содержимого документа.

Тег </html> означает конец HTML-страницы.

Теперь давайте немного добавим в нашу страницу кода, уж, больно она примитивная у нас пока. Внутри тега <head> добавьте такой код:

<title>Наша страница</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">

Тег <title> определяет заголовок страницы, который будет отображён в заголовке окна браузера.

Тег </title> сообщает, что здесь заголовок заканчивается.

Что касается тега <meta>, то здесь сначала я должен сообщить об атрибутах тегов. У тегов могут быть различные атрибуты, определяющие, например, вид их содержимого. Атрибуты ставятся внутри открывающего тега и имеют следующий вид:

Название = "значение".

Тег <meta> у нас определяет тип содержимого документа. Атрибут http-equiv и его значение Content-type определяет, что сейчас будет описан тип документа. Атрибут content и его значение text/html; charset = windows-1251 сообщают браузеру, что данный документ является HTML-документом (text/html), и кодировка этого документа кириллица (windows-1251). Это был пример мета-тегов. Я думаю, что пока с ними хватит.

Теперь займёмся содержимым документа. Надеюсь, что Вы уже поняли, что раз содержимое страницы - значит, будем писать что-то внутри тега <body>. Давайте напишем следующий код внутри тега <body>:

<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>

Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6> - выводят текст в браузере. Причём этот текст является заголовком, более того, чем больше цифра (от 1-го до 6-ти), тем менее крупным шрифтом будет выведен соответствующий текст. Таким образом, код Вашей страницы имеет вид:

<html>
<head>
  <title>Наша страница</title>
  <meta http-equiv="Content-type" content="text/html; charset=windows-1251">
</head>
<body>
  <h1>Заголовок 1-го уровня</h1>
  <h2>Заголовок 2-го уровня</h2>
  <h3>Заголовок 3-го уровня</h3>
  <h4>Заголовок 4-го уровня</h4>
  <h5>Заголовок 5-го уровня</h5>
  <h6>Заголовок 6-го уровня</h6>
</body>
</html>

Сохраните страницу и посмотрите на неё в браузере.

Также можно добавить немного атрибутов и в тег <body>. Давайте добавим атрибут text со значением green (зелёный). И атрибут bgcolor со значением yellow (жёлтый).

Таким образом, тег <body> выглядит так:

<body text = "green" bgcolor = "yellow">
  <h1>Заголовок 1-го уровня</h1>
  <h2>Заголовок 2-го уровня</h2>
  <h3>Заголовок 3-го уровня</h3>
  <h4>Заголовок 4-го уровня</h4>
  <h5>Заголовок 5-го уровня</h5>
  <h6>Заголовок 6-го уровня</h6>
</body>
</html>

Сохраните страницу и посмотрите на неё в браузере. Как видите, фон страницы стал жёлтым, а текст стал зелёным.

Думаю, что на сегодня хватит для Вас материала. Очень полезно будет потренироваться в выводе разного текста, разными цветами.

Увидимся в следующей статье!

С уважением, Михаил Русаков.

P.S. Бесплатный курс по HTML: http://srs.myrusakov.ru/html

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (163):

Navichok Navichok 16.04.2011 18:38:19

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

Ответить

Woozoor™ Woozoor™ 06.05.2011 09:27:28

Отличный ресурс. Для новичков, просто и доступно. Спасибо.

Ответить

Cot Cot 12.06.2011 15:54:38

Михаил, открыл исходник страницы, дошел до: Теперь давайте немного добавим в нашу страницу кода, уж, больно она примитивная у нас пока. Внутри тега <head> добавьте такой код: <title>Наша страница</title> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> и потерялся, не могу понять, де тега <head> находится. и что значить вписать в нее, это в исходнике страницы или в Notepad++, в общем я новичек, объ\сни подробно. Заранее благодарен.

Ответить

Admin Admin 12.06.2011 15:56:40

Вписать надо в Notepad++. Внутрь тега <head> это значит следующее. Было вот так: <head> </head> Стало вот так: <head> Что-то вписываем сюда </head>

Ответить

Super programmist Super programmist 13.02.2016 18:28:44

Открыл в браузере, выскочили непонятные символы. скопировать сюда не могу.

Ответить

Schastje Schastje 17.02.2016 08:57:17

Беда с кодировкой у меня так же было. решение charset=windows-1251 поменяй на charset=utf-8

Ответить

berest berest 06.07.2011 12:48:22

У меня вопрос к Вам Михаил как к специалисту, может и немного не в тему. Что Вы можете сказать о технологии создания сайтов ASP.net? Будут ли у Вас уроки по ней или нет? Мне очень важно знать насколько надо и насколько перспективно ее изучать...

Ответить

Admin Admin 06.07.2011 13:09:41

Цель ASP.net та же, что и у PHP - создание динамических страниц. Однако, ASP поддерживается только Windows (а PHP и Windows, и Unix), тогда как большинство хостингов находятся на Unix. Вдобавок, ASP (как и новая версия ASP.net) значительно медленнее PHP. Однако, у ASP.net есть много достоинств. Не буду сейчас их все перечислять, но, в основном, они для удобства разработки. Например, там уже есть встроенная реализация авторизации на сайте. Учить эту технологию, на мой взгляд, совсем необязательно, хотя если есть желание и возможность, то её изучение пойдёт только на пользу. На сайте об ASP.net, скорее всего, ничего не будет.

Ответить

Toktosun Toktosun 15.06.2013 11:42:01

Здравствуйте, Михаил спасибо за ваши видеоуроки очень полезный я новичок создавал ниже следующий сайт но на браузере выходить не понятно что как вы говорили абрака дабры не могли бы проверит и исправит. Заранее спасибо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <p> <img src="images/dj_muzic_by_oxygeno2.jpg" alt="Muzic" width="1350" height="130" title="Главная обложка"/> </P> <p> <title> Muzfon.kg</title> <head> </p> </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body { background-color: black; } h1 { color: #990000; background-color: #FC9804; } </head> <body style="color:#ffff00"> <table border="2" cellpadding="0" cellspacing="0"> <tr> <td width="1350" colspan="3"> <h1 align="center" style="color:#ffff00" vertical="top">MUZFON.KG</h1> <p align="center" style="color:#ffff00"> Самый крупный музыкальный архив Слушайте онлайн и качайте любую музыку — абсолютно бесплатно! </p> </td> </tr> <tr> <td width="250"> <p> <ul> <li> Главная </li> <li> <b>Популярная музыка</b> </li> <li> Танцевальная музыка </li> <li> Зарубежная музыка </li> <li>Кыргызская эстрада</li> <li>Рок-н-ролл</li> <li>Рэп-музыка</li> <li>Классическая музыка</li> <li>Клубная музыка</li> <li>Ретро</li> <li></li> <li></li> </p> </ul> </td> <td width="800"> <p></p> <p></p> <p></p> <p></p> </td> <td> <p> <img src="images/unnamed.jpg" height="450"/> </td> </tr> <tr> <td colspan="3"> <p align="left">copyright&copy 1011. Все права защишены</P> </td> </tr> </body> </html>

Ответить

Admin Admin 15.06.2013 12:26:00

http://myrusakov.ru/php-encoding-problems.html

Ответить

frame.relay frame.relay 15.03.2016 11:11:59

Михаил добрый день, Подскажите пожалуйста как скачать одним файлом тему основа HTML? и еще ест ли у вас видео курс по основам HTML? Заранее благодарю.

Ответить

masya masya 25.01.2012 15:05:38

Михаил создал форму опроса ну я голосую а высвечиваеться ошибка,как сделать как у вас чтоб когда пользователь голосовал чтоб пользователь зачитавлся на сайте и появлялось чего больше.Зарание спастюо!

Ответить

Andy Andy 11.02.2012 21:13:57

Здравствуйте Михаил! Думаю, мне очень повезло, когда я случайно наткнулся на ваш ресурс. Спасибо за видеокурс HTML для новичков! Все "по полочкам". Вопрос: Какую CMS Вы предпочитаете в работе и рекомендуете на ближайщую перспективу.

Ответить

Admin Admin 11.02.2012 21:35:19

Создавайте свою собственную - это самый лучший вариант. Но для начала подойдёт Joomla, WordPress, DLE. Joomla - это универсальный движок, WordPress - для блогов, DLE - для новостных сайтов.

Ответить

Andy Andy 12.02.2012 06:08:49

А Ваше мнение о MODx, которую многие хвалят и пропагандируют?

Ответить

Admin Admin 12.02.2012 12:52:35

Не использовал.

Ответить

shadow shadow 19.02.2012 03:17:12

Все сделал как написано, нажимаю сохранить, мне пишет что пожалуйста проверти не использует ли другая программа, что то в этом роде. В чём причина Михаил!? Антивирусники все поодключал!!

Ответить

shadow shadow 19.02.2012 14:03:26

а все, вроде разобрался, надо было в другую папку сохранить!

Ответить

karaman karaman 21.02.2012 21:36:14

а у меня вместо русских букв отображаются вопросы. что делать?

Ответить

Admin Admin 21.02.2012 22:04:28

Убедитесь, что кодировка документа совпадает с кодировкой в мета-теге.

Ответить

masya masya 27.02.2012 16:40:03

Здаравствуйте Михаил.Видите на этом сайте *** там есть такая таблича с ценами как так сдедать

Ответить

Admin Admin 27.02.2012 16:44:25

Через таблицы: http://myrusakov.ru/sozdanie-tablic-html.html

Ответить

masya masya 27.02.2012 16:47:24

да я это знаю чтоб полоска была

Ответить

Admin Admin 27.02.2012 16:52:07

Через CSS разукрасьте ячейки. Примерно так: td.header {background-color: #0f0;}. Разумеется, в соответствующие td добавьте class="header".

Ответить

masya masya 27.02.2012 16:53:16

я непонял мож напишите код?

Ответить

Admin Admin 27.02.2012 16:55:25

Я написал код. Если Вы не поняли, то учите CSS: http://myrusakov.ru/css.html

Ответить

masya masya 15.04.2012 21:34:21

Как зделать чтоб картинку было нельзя скачать как сдесь http://www.seosprint.net/ там где человечек со стрелочками стоит её нельзя скачать как также сделать

Ответить

Admin Admin 15.04.2012 21:39:24

Её можно скачать. Просто она задаётся через CSS, как следствие, простым перетаскиваем на новую вкладку или ПКМ и "Сохранить изображение" не получится.

Ответить

masya masya 15.04.2012 21:41:44

а вы можите написать пример кода

Ответить

Admin Admin 15.04.2012 22:35:45

div {background: url("image.jpg") no-repeat;}

Ответить

kan2170 kan2170 23.04.2012 13:39:57

Теперь можно нашу страницу открыть в браузере. Подскажите как это сделать ?

Ответить

Admin Admin 23.04.2012 13:41:46

Откройте созданный файл в браузере.

Ответить

kan2170 kan2170 23.04.2012 15:07:15

Разобрался. Спасобо.

Ответить

masya masya 23.04.2012 20:44:23

незнаети где скачать шаблоны соц сетей

Ответить

Admin Admin 23.04.2012 20:46:32

Поищите в Google.

Ответить

masya masya 23.04.2012 20:56:48

а вы свой сайт на joomla скачали да?

Ответить

Admin Admin 23.04.2012 20:59:37

Да, здесь дизайн от Joomla. Всё остальное, включая вёрстку, - это уже моё.

Ответить

masya masya 23.04.2012 21:01:31

а как сделать так чтоб когда пользователь водил неверное имя там писали неверное имя а когда верное то пропускали на сайт?

Ответить

Admin Admin 23.04.2012 21:10:29

Это делается через PHP.

Ответить

malina95 malina95 13.10.2012 18:43:38

Михаил, мне очень важно ваше мнение о моём первом сайте...там всё моё кроме регистрации...и то я её почистил и убрал практически весь мусор...и оцените мои перве статьи...Пожалуйста http://www.kak-sozdat-sait.16mb.com/

Ответить

Admin Admin 13.10.2012 20:01:08

Неплохо. Как понимаю он ещё не до конца доделан?

Ответить

malina95 malina95 13.10.2012 20:13:32

нет конечно...а статьи как?

Ответить

Admin Admin 13.10.2012 20:23:53

Для начала нормально. Если ещё попрактиковаться, то у Вас будет очень хорошо получаться.

Ответить

malina95 malina95 13.10.2012 20:29:42

А есть у вас пожелания ко мне? И зарегистрируйтесь там и проверьте всё внутри...если вас не усложнит...если что я могу вас из зарегирированных удалить...И скажите что подправить или добавить...очень мне важно ваше мнение

Ответить

MJIG MJIG 27.07.2012 17:17:50

"Сохраните страницу и посмотрите на неё в браузере." Как посмотреть на неё в браузере ?!

Ответить

Admin Admin 27.07.2012 19:15:56

Откройте html-файл через любой браузер.

Ответить

kolodred kolodred 02.08.2012 05:47:45

Пишу index.html получается index.html.txt .Что я делаю не так?

Ответить

Admin Admin 02.08.2012 13:02:47

http://myrusakov.ru/html-open-txt.html

Ответить

kolodred kolodred 02.08.2012 14:18:26

Спасибо,Михаил.

Ответить

GaraK4 GaraK4 29.09.2012 17:59:54

Михаил спс за начало...

Ответить

Frederico Frederico 14.10.2012 22:48:28

Почему мой сайт не отображается в Интернете?

Ответить

Admin Admin 15.10.2012 19:29:19

Прочитайте статью http://myrusakov.ru/site-to-internet.html

Ответить

Frederico Frederico 16.10.2012 00:11:17

Я делал все по Вашим советам, но веб-страница не отображается в браузере так как у Вас на уроке. Моя страница отображается вот так: Индекс / Имя Последние изменения Размер Описание ________________________________________ изображений/ 15 октября 2012 года, 19:45 - index.html.txt 13-окт-2012 года, 20:49 783 ________________________________________ Apache/2.2.22 (Win32) mod_ssl/2.2.22 OpenSSL/1.0.1c PHP/5.2.12 Сервера на www.avto.local Порт 80 Что Вы можете посоветовать?

Ответить

Admin Admin 16.10.2012 19:54:55

А всё потому, что у Вас index.html.txt Т.е. не html файл, а вообще текстовый. Читайте тут: http://myrusakov.ru/html-open-txt.html

Ответить

LUGIN LUGIN 19.11.2012 22:22:54

Здравствуйте Михаил!Ну вот ,подумал я Наконец то я добрался до изучения HTML И сразу застопорился. Я скачал как Вы посоветовали Notepad++v 6.2.2.НО не обнаружил в ней страницу index.html,которую надо сохранить И топчусь уже больше часа,а найти не могу!

Ответить

Admin Admin 20.11.2012 10:18:56

Её нужно создать, как обычный файл. Рекомендую свой бесплатный курс по HTML: http://srs.myrusakov.ru/html

Ответить

arguha arguha 16.12.2012 00:45:56

Спасибо Михаил разобрался.Сайт для чайников находка!!!!!

Ответить

interesado interesado 02.01.2013 05:37:13

Здравствуй Михаил. Сделал все как описано, а вместо текста получается " Загодовок 3- РіРѕ СѓСЂРѕРІРЅСЏ " прописано все правильно проверил несколько раз, использую как вы советуете Notepad++ В чем может быть проблема ??

Ответить

Admin Admin 02.01.2013 10:55:03

http://myrusakov.ru/php-encoding-problems.html

Ответить

interesado interesado 05.01.2013 13:36:25

Большое спасибо!!

Ответить

dok12 dok12 13.02.2013 22:40:13

Здравствуйте Михаил случайно наткнулся на ваш учебники .Просмотрел почти все уроки по html и вот возник вопрос Хорошие сайты для зароботка и т.д можно создовать только писать код т.е html и других языках . Просто мне кажется что это очень долгая кропотливая работа и будет занимать много времени только чтобы найти нужный мне тег .

Ответить

Admin Admin 14.02.2013 09:45:09

Причём тут теги? HTML - это лишь начало, и он простой язык. Сайт создать можно и только на нём, насчёт большого заработка не думаю, но чисто теоретически всё возможно.

Ответить

eda eda 18.02.2013 10:54:40

Здравствуйте Михаил! Пишу windows1251 открываю страничку-абра-кадабра,перевожу в кодировке на юникод UTF-8 работает. Пишу UTF-8 получается тоже самое.

Ответить

Admin Admin 18.02.2013 11:51:52

http://myrusakov.ru/php-encoding-problems.html

Ответить

eda eda 18.02.2013 12:30:28

Михаил извиняюсь за тупость,но где вот это найти:Поместите в корень сайта файл .htaccess с текстом AddDefaultCharset UTF-8.

Ответить

Admin Admin 18.02.2013 13:23:48

http://myrusakov.ru/php-create-htaccess.html

Ответить

eda eda 18.02.2013 15:09:06

Спасибо! Михаил еще одна проблема,Проверяю на валидость,все нормально только < > " красные.как с этим бороться.

Ответить

Admin Admin 18.02.2013 20:58:48

Где красные?

Ответить

eda eda 19.02.2013 10:11:31

Я копирую свою страничку переношу в validator.w3.org он выбивает почти на каждой строчке < или > или " они красные строчками в низу.Они пишут Строка 17, колонка 19 : нет атрибута "ширина" <TD ширина = " VAlign 10% '=' сверху '> ✉ Вы использовали атрибут выше в документ, но документ типа вы используете браузер не поддерживает этот атрибут для этого элемента. Эта ошибка часто вызваны неправильным использованием "Строгий" тип документа с документом, который использует фреймы (например, вы должны использовать "переходный" тип документа, чтобы получить "целевых" атрибут), или с помощью поставщика собственных расширений, таких как " MARGINHEIGHT "(это, как правило, закрепляются с помощью CSS, чтобы достичь желаемого эффекта, а). Эта ошибка может также возникнуть, если сам элемент не поддерживается тип документа вы используете, как неопределенный элемент не будет иметь поддерживаемых атрибутов, в этом случае, см. Элемент-неопределенное сообщение об ошибке для получения дополнительной информации. Как исправить: проверить орфографию и случай элементов и атрибутов, (Помните, XHTML все буквы строчные) и / или проверить, что оба они разрешены в выбранный тип документа, и / или использовать CSS вместо этого атрибута. Если вы получили эту ошибку при использовании <embed> элемент включить флэш-носителя на веб-странице, см. FAQ пункта действительны вспышкой .

Ответить

Admin Admin 19.02.2013 21:29:22

Тогда это ненормально. Атрибута width у тега <td> не существует, отсюда эта ошибка.

Ответить

ardzanov ardzanov 03.03.2013 19:17:09

Михаил как изменить название сайта сейчас мой сайт имеет путь к папке: file:///C:/Documents%20and%20Settings/Admin/%D0%9C%D0%BE%D0%B8%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B/HTML/index10.html А как сделать чтоб например Vlad.ru????

Ответить

Admin Admin 03.03.2013 21:21:08

Установить Denwer и создать виртуальные хосты. В этом курсе это делается: http://srs.myrusakov.ru/html

Ответить

AlexMetal01 AlexMetal01 13.03.2013 15:37:18

Здравствуйте! Все сделал как тут написано, а вместо надписей "Заголовок 1-го уровня" и т.д. появляется это: Заголовок 1-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 2-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 6-РіРѕ СѓСЂРѕРІРЅСЏ Что делать?

Ответить

Admin Admin 13.03.2013 21:08:54

http://myrusakov.ru/php-encoding-problems.html

Ответить

monster15 monster15 20.03.2013 15:07:17

а как менять язык сайта? просто у меня тока по анл языку показывает а вместо рус яз не понятные буквы что делать?

Ответить

Admin Admin 20.03.2013 18:45:30

http://myrusakov.ru/php-encoding-problems.html

Ответить

Кристина Кристина 28.03.2013 18:17:00

здравствуйте,помогите пожалуйста разобраться...сделала все как надо...но в панеле "вид"нет такой опции""Просмотр HTML кода", "Исходный код страницы" или что-то в этом духе"и не могу посмотреть страницу в желто-зеленом цвете(((помогите,очень хочу научиться создать свой сайт

Ответить

Admin Admin 28.03.2013 22:11:11

CTRL+U попробуйте.

Ответить

Кристина Кристина 28.03.2013 22:54:51

пробовала...не помогает(((

Ответить

Кристина Кристина 28.03.2013 23:14:42

А КАК вообще,то что я создала в редакторе,перенести в браузер?и куда?объясните пожалуйста

Ответить

Admin Admin 29.03.2013 09:43:59

http://srs.myrusakov.ru/html

Ответить

Денис кукушкин Денис кукушкин 19.04.2013 21:37:27

подскажите пожалуйста вписал верную кодировку а браузер все равно выводит кракозябры

Ответить

Admin Admin 20.04.2013 11:02:57

http://myrusakov.ru/php-encoding-problems.html

Ответить

Денис кукушкин Денис кукушкин 04.05.2013 21:03:20

Скажите, Михаил, если я создам свой сайт и буду получать с него доход , обязан ли я буду платить какойто налог?

Ответить

Admin Admin 04.05.2013 21:26:05

По закону да.

Ответить

Денис кукушкин Денис кукушкин 04.05.2013 21:27:17

А реально? Извините за некорректный вопрос, а вот вы например платите?

Ответить

Admin Admin 04.05.2013 21:39:02

Я плачу. А вообще, если зарабатываете меньше 100 000 рублей в месяц, то это глупо платить, никому эти копейки неинтересны, да и положение с таким доходом весьма шаткое. А потом замучаетесь ликвидировать ИП. Плюс ещё в пенсионный фонд 35 тысяч где-то ежегодно надо платить.

Ответить

Денис кукушкин Денис кукушкин 04.05.2013 22:32:00

А не могли бы вы рассказать о рисках и ответственнастях размещения сайта в интернете? Да и что такое ИП? И еще вопрос скажите я просто начинающий, а про 100000 это реально, учитывая что мне всего 14 лет ?

Ответить

Admin Admin 05.05.2013 11:17:56

С этими вопросами лучше обращаться к юристу.

Ответить

Денис кукушкин Денис кукушкин 05.05.2013 12:05:32

Спасибо.

Ответить

TAG TAG 08.05.2013 13:54:11

Здравствуйте, Михаил! Занимаюсь версткой сайта, опираясь на Ваш видеокурс "Верстка сайта с нуля". Подскажите, пожалуйста, почему сверстаная страница корректно отображена в ОПЕРЕ, и не корректно в ЭКСПЛОРЕРЕ? Заранее спасибо

Ответить

Admin Admin 08.05.2013 15:18:00

Потому что это слишком разные браузеры. Для IE обычно создаётся отдельный файл стилей, где вносят небольшие коррективы там, где это требуется.

Ответить

TAG TAG 09.05.2013 15:26:28

Как хорошо, а я расстроилась, думала, что я совсем бездарная ученица). А Вы эту тему рассматриваете в каких-то видеокурсах или статьях. Хотелось бы и таким тонкостям в перспективе научиться.

Ответить

Денис кукушкин Денис кукушкин 03.06.2013 21:17:18

Михаил, мы с другом создали сайт немогли бы вы посмотреть наш сайт на наличие ошибок/замечаний Вот ссылка http://progbase.ru

Ответить

Admin Admin 04.06.2013 11:09:50

Невалидный сайт.

Ответить

Денис кукушкин Денис кукушкин 04.06.2013 11:23:28

Тоесть невалидный код?

Ответить

Admin Admin 04.06.2013 11:27:06

Да.

Ответить

Milok Milok 22.06.2013 03:31:00

Ты зачем тег <div> в тег <а> засунул? Тег <div> блочный элемент и он не должен внутри тега <a> быть, вместо него используй <span> ,а вообще ошибок там куча, теги не закрыты и так далее.

Ответить

Денис кукушкин Денис кукушкин 22.06.2013 10:43:07

Большое спасибо, я учту замечания.

Ответить

Алексей Сорокин Алексей Сорокин 24.06.2013 19:15:23

Здравствуйте Михаил. Я бы хотел спросить насчёт атрибута meta. Обязательно ли его нужно использовать, если страница открывается и без него?

Ответить

Admin Admin 24.06.2013 19:19:50

Страница много без чего будет открываться, но это не значит, что тег meta не нужен.

Ответить

Алексей Сорокин Алексей Сорокин 24.06.2013 19:30:36

А могут возникнуть конфликты в браузере, если я его не буду использовать? Я изначально использовал кириллицу, но мне выдало иероглифы, а когда использовал UTF-8 всё наладилось, а если бы я ничего не использовал, то какая кодировка бы использовалась?

Ответить

Admin Admin 24.06.2013 21:16:15

Браузер сам тогда будет определять кодировку.

Ответить

Алексей Сорокин Алексей Сорокин 24.06.2013 22:19:18

Спасибо.

Ответить

Liberty001 Liberty001 27.06.2013 23:17:00

Здравствуйте Михаил, я в веб-мастерстве еще ребенок и у меня возникли проблемы))) Когда я проверил страницу в браузере, вот что получилось: Заголовок 1-РіРѕ Заголовок 2-РіРѕ Заголовок 3-РіРѕ заголовок 4-РіРѕ Заголовок 5-РіРѕ Заголовок 6-РіРѕ Что делать, а главное как этого избежать?

Ответить

Admin Admin 28.06.2013 11:03:36

http://myrusakov.ru/php-encoding-problems.html

Ответить

Andrey57 Andrey57 29.06.2013 14:57:31

Михаил спасибо большое за статью очень помогла но возник один ВОПРОС почему в заголовках любых уровней можно писать только на английском когда я пишу что то на русском языке и открываю в браузере он выдаёт непонятные символы а на английском языке всё нормально.можно ли это как то исправить?и еще один вопрос где можно найти следующую статью если такая существует?

Ответить

Admin Admin 29.06.2013 17:51:12

http://myrusakov.ru/php-encoding-problems.html

Ответить

zhigajloe@mail.ru zhigajloe@mail.ru 30.06.2013 09:03:44

Михаил, спасибо за статью. Теперь хоть что-то прояснилось для меня. У Вас отличный сайт! Жигайло Е.

Ответить

limetan limetan 24.07.2013 06:36:58

Михаил непойму может вы сможете помочь вот пишу в Notepad++ а в браузере показывает вот так http://s2.ipicture.ru/Gallery/Viewfull/28644768.html почему ?ещё в место нормальных слов эроглифы какие то.подскажите что не так за ранее спс

Ответить

igor1976 igor1976 07.08.2013 17:36:07

Михаил привет!!!не подскажеш почему у меня щас при включении твоего урока видеоурока по основам html появляется вот такое(http://image.kz/v121f45defecebaa8dbee315eb741107e) и пойдёт ли разархивировать твой видеокурс с помощью (winrar-x64-420ru.exe просто племянник заинтересовался этим и хочет научится а проги winrar нету у него пойдёт им такая или нет???

Ответить

Admin Admin 08.08.2013 15:21:50

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

Ответить

igor1976 igor1976 08.08.2013 16:17:18

Михаил спасибо тебе большое всё пошло норм!!!

Ответить

igor1976 igor1976 21.08.2013 10:01:11

Михаил привет!!!не подскажеш почему после обновления браузеров на любом выдаёт вместо моего учебного сайта вот такое(http://hostingkartinok.com/show-image.php?id=19a14a5eb560be9b150d2d403b3ba097)

Ответить

igor1976 igor1976 21.08.2013 10:06:51

извени за глупый вопрос сам всё понял,рано написал сначала надо было как следует самому разобратся ,ещё раз sorry!!!

Ответить

Олег Олег 15.09.2013 17:30:08

Привет Михаил Скажи пожалуйста, почему у тебя на сайте везде в адресной строке в конце ".html" Ведь у тебя движок на сайте, а не сайт на HTML.

Ответить

Admin Admin 16.09.2013 21:23:42

Это ЧПУ-ссылки.

Ответить

skorpionnn skorpionnn 05.10.2013 13:42:57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content type" content="text/html; charset=windows-1251"/> </head> <body> <h1>ТНТ</h2> </body> </html> Что не так с этим кодом?

Ответить

Admin Admin 05.10.2013 18:01:06

Content type пишется через дефис. И вот здесь ошибка: <h1>ТНТ</h2>

Ответить

Tybctqcr1619 Tybctqcr1619 06.10.2013 06:05:20

Здравствуйте, подскажите пожалуйста, я все делал по инструкции, почему браузер не отображает в заголовках русский язык а английский отображает.

Ответить

Admin Admin 06.10.2013 09:04:58

http://myrusakov.ru/php-encoding-problems.html

Ответить

joconda.black@mail.ru joconda.black@mail.ru 22.10.2013 17:01:49

Здравствуйте, Михаил!Делала всё как сказано в статье, но фоновый цвет не меняется <body text = "green" bgcolor = "yellow" link="green" vlink="red" alink="blue">

Ответить

Admin Admin 22.10.2013 21:55:13

Код правильный, поэтому ошибка где-то ещё. Возможно, это поможет: http://myrusakov.ru/html-open-txt.html

Ответить

Sommer Sommer 28.11.2013 22:19:36

Hallo Mihail, u menja Windows deutsch,kak pisat Teg <meta v etom slutschae,windows 1251 eto tolko kiriliza? Vtoroi vopros-kak posmotret stranizu v brausere? Danke!

Ответить

tikkiwiki tikkiwiki 29.11.2013 11:41:39

Здравствуйте, Ira. Да windows-1251 только кириллица. Чтобы просмотреть страницу, для начала создайте её. Создайте страницу и установите ей нужное расширение, .html, например index.html, запустите кликом и она откроется у Вас в браузере.

Ответить

m773ma@gmail.com m773ma@gmail.com 18.12.2013 01:40:00

Привет, Михаил! Написал charset="windows-1251", Opera выдавала абракадабру. Озадачился, менял кодировку... Насторожило, что Notepad++ подчёркивал charset красным. Поставил пробел между char и set - заработало! Почему так? Второй вопрос (при чтении прошу учесть, что я второй день изучаю html с нуля): как узнать, в какой версии html я пишу? Я написал несколько связанных страниц, из local host в Opera они работают нормально, но что писать в doctype, когда я захочу выложить в сеть?

Ответить

tikkiwiki tikkiwiki 18.12.2013 11:05:59

Кирилл, пишите в службу поддержки.

Ответить

tikkiwiki tikkiwiki 27.12.2013 10:55:08

Руслан, пишите в службу поддержки, а сообщение ваше я удаляю.

Ответить

lanka lanka 16.01.2014 17:46:58

Здравствуйте, Михаил. когда я внесла в документ <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> как вы сказали, то в браузере была абра-кадабра. я не могла понять в чем дело.проверила и убедилась, что все написала точно как у вас. потом это убрала с документа и все было читаемо Заголовок 1-го уровня Заголовок 2-го уровня Заголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня Заголовок 6-го уровня хочу узнать у вас что было не так?

Ответить

tikkiwiki tikkiwiki 23.01.2014 10:44:05

Ольги, здравствуйте. Напишите : meta http-equiv="Content-type" content="text/html; charset=windows-utf-8">

Ответить

lenar023 lenar023 04.02.2014 15:59:27

Здраствуйте Михайл у меня что то не выходит все нормально делаю но в место заголовок 1 заголовок 2 и т.д не выходит в Браузере там какие то символы не понятные вот такие что делать то ? Заголовок 1-РѕРіРѕ СѓСЂРѕРІРЅСЏ заголовок 2-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 6-РѕРіРѕ СѓСЂРѕРІРЅСЏ но все остольное робит экран желтый )

Ответить

BehappyrightnoW BehappyrightnoW 04.02.2014 18:49:34

Подскажите пожалуйста. а как сделать так чтобы разные заголовки<h1>....</h1> сделать разным цветом?)

Ответить

pavel.bukatov pavel.bukatov 09.02.2014 13:43:47

Здравствуйте Михаил! Скачал ваши бесплатные уроки по созданию собственного сайта,но почему то он перестал воспроизводить ваши уроки ! Нажимаю допустим 5 урок "Символы"открывается Notepad++ не подскажите в чем дело ? За ранее спасибо

Ответить

alexandrdante alexandrdante 09.02.2014 14:15:47

Павел,Вы в службу поддержки пишите свои вопросы Ваша проблема в том,что Вы поставили стандартной программой для открытия файлов .html - блокнот нажмите пкм по файлу-свойства. там,где указано Приложение,нажать Изменить.выбрать веб-браузер нажать ОК.потом применить и ОК

Ответить

Latika Latika 23.02.2014 23:30:45

Спасибо.Решила открыть для себя что-то новое.На данном этапе все понятно и получилось.Спасибо за создание такой базы нужной информации!

Ответить

Zubair Zubair 26.05.2014 21:59:25

У вас все файлы хранится ли в папке WWW ? или как ?

Ответить

Сорокин312 Сорокин312 08.07.2014 18:22:11

Здравствуйте, подскажите пожалуйста почему у меня русский текст выводится знаками вопроса, вот так: http://floomby.ru/s2/VWJgnW при таком коде: <html> <head> <title> Text</title> <body> <h1> Текст </h1> </body> </html>

Ответить

Ustinochka Ustinochka 09.07.2014 01:25:57

Все текстовые файлы (html, php, js, txt, в общем, в которых есть текст) перекодируйте в UTF-8. Сделать это очень просто через Notepad++ в пункте "Преобразовать в UTF-8 без BOM" из меню "Кодировки". Причём именно все файлы, которые даже ничего не выводят на страницу. Поменяйте кодировку в мета-теге <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

Ответить

Дмитрий Тормосин Дмитрий Тормосин 24.09.2014 14:35:52

Корень сайта это www? И ещё вопрос наличие префикса www. повышает реливантность сайта или нет и почему у Вашего сайта нет данного префикса

Ответить

family-h family-h 01.10.2014 15:06:42

Уменя вместо Заголовок 1-го уровня Заголовок 2-го уровня Заголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня Заголовок 6-го уровня отображается Заголовок 1-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 2-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РіРѕ СѓСЂРѕРІРЅСЏ Наверное надо изменить какие-то настройки в Windows? Заголовок 6-РіРѕ СѓСЂРѕРІРЅСЏ

Ответить

family-h family-h 01.10.2014 18:54:20

Надо было просто поменять кодировку в редакторе. Более 30 лет занимаюсь в области промышленной автоматизации. По моему проще делать программы для промышленных роботов и ПЛК.

Ответить

tikkiwiki tikkiwiki 06.10.2014 09:43:13

Вам проще, потому, что этим занимаетесь на протяжении 30 лет, в сайтостроении ничего сложного тоже нет.

Ответить

Дмитрий Тормосин Дмитрий Тормосин 17.11.2014 20:25:40

Доброго времени суток, Михаил! У меня такой вопрос=HDOM что это такое и к чему его употребляют

Ответить

Дмитрий Тормосин Дмитрий Тормосин 20.11.2014 19:11:40

Михаил на ваш взгляд, браузер Seamonkey стоит ли использовать для проверки на валидность

Ответить

alexandrdante alexandrdante 21.11.2014 18:49:40

нет.слишком обширен и не постоянен.+шире,чем браузер. Используйте лучше Mozilla Firefox вместо этого. К тому же в мире браузер ещё не на столько популярен,чтобы под него подстраиваться.Да и,в принципе,он не очень отличается от Mozilla Firefox

Ответить

Дмитрий Тормосин Дмитрий Тормосин 29.11.2014 21:32:44

Доброго времени суток Всем ! У меня такой вопрос являются ли валидными атрибуты тега form accept-charset и enctype

Ответить

Maks4ever Maks4ever 25.12.2014 13:12:55

Опечатка!!! Обо всём об этом погорим чуть ниже. погорим вместо поговорим!

Ответить

rio110 rio110 02.02.2015 03:14:11

Здравствуйте, подскажите как работает Denwer, со своего компьютера на который он установлен я могу зайти на свой сайт а с другого нет, я должен еще что то сделать для того что бы с других компов находить свои сайт?

Ответить

Reus Reus 25.03.2015 20:29:17

Что делать жо этого с программой Notepad++ было всё норм. А щас хочу сохранить, а пишет "Сохранение не удалось. Пожалуйста, проверьте открыт ли этот файл в другом приложении"

Ответить

nik750 nik750 26.05.2015 01:58:51

Михаил, добрый ночи! Ну я то совсем новичок в этом деле) Сразу такая проблема, сделал все как в вашей инструкции и почти все получилось, только где писал на русском языке у меня в браузере отражаются какие то иероглифы, в чем может быть проблема? где могла быть совершенна ошибка? Спасибо!

Ответить

Kostyaev Kostyaev 01.06.2015 15:10:51

У меня такая же проблема,иероглифы.

Ответить

Kostyaev Kostyaev 01.06.2015 15:42:17

А всё разобрался.Нужно было просто сменить кодировку с UTF-8(без BOM) на UTF-8.

Ответить

Дмитрий Тормосин Дмитрий Тормосин 14.07.2015 20:04:12

Сегодня стал перечитывать материалы данного урока, и заметил, что здесь происходит подмена функций сиэсэс функциями хтэмээля, а Вы постоянно твердите, что так получается "грязный" код. Как быть и где истина.

Ответить

tujh11 tujh11 25.09.2015 16:19:37

я все написал только не понял как открыть эту писанину в браузере?

Ответить

Дмитрий Тормосин Дмитрий Тормосин 21.11.2015 21:12:42

Зайдите в настройки своего браузера и найдите там команду открыть файл или что-то в зтом роде или просто откройте свой файл если он у вас сохранен с расширением html то он автоматически откроется в браузере, который у вас на компе по умолчанию

Ответить

yulia-ru yulia-ru 16.10.2015 08:31:59

на локальном диске уже имеется типа сайт пробный, могу ли я и второй там разместить, в денвере создаетя лиш одна папка с файлами для сайта можно просто их скопировать и удалить в копии уже созданный сайт и продолжить новый делать с папки www?

Ответить

Валериянка Валериянка 11.12.2015 14:22:45

Приветствую! :) Написала всё как Вы советовали Михаил. Открыла через браузер. Вот что получилось: meta http-equiv="Content-type" content="text/html; charset=windows-1251"> РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты И судя по тому что пишут остальные Ваши читатели, с этой проблемой столкнулись почти все! Как это исправить?

Ответить

Мягкий котик Мягкий котик 03.01.2016 20:52:33

Поменяйте кодировку в программе NotePad. Вероятно, там по умолчанию установлена кодировка UTF-8, а вы создаете страничку в кодировке ANSI (Windows).

Ответить

hivuld hivuld 02.02.2016 08:26:31

Михаил, оцените пж сайт: http://compwd.ru Очень важно знать ваше мнение.

Ответить

sergiu920 sergiu920 19.03.2016 12:39:55

Большое Вам спасибо!

Ответить

In_9 In_9 07.06.2016 14:55:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251" /> <title>МоНаСтЫрЪ</title> </head> <body> <h3>Меню</h3> <h1>МоНаСтЫрЪ</h1> </body> </html> валидности в норме но все равно не работает((

Ответить

fshchukin fshchukin 06.07.2016 11:12:32

Михаил,добрый день! Скажите пожалуйста какой программой пользуетесь Вы при верстке сайтов (современных сайтов). Спасибо.

Ответить

Alekseyushka1994 Alekseyushka1994 21.11.2016 13:59:34

после решения проблемы с параметрами папок на W7 во время видеоурока HTML, появилась другая, теперь все вкладки видеоурока открываются в самом notepad++ в виде кода, подскажите что мне делать?!

Ответить

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