<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

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

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

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

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

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

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

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

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

Какая тема Вас интересует больше?

Структура вёрстки для двухколоночного сайта

Структура вёрстки для двухколоночного сайта

Когда-то я писал про структуру для трёхколоночного сайта. А в этой статье я покажу, как выглядит структура вёрстки для двухколоночного сайта.

Для начала HTML-код:

<div id="header">Шапка сайта</div>
<div id="content">
  <div id="left">Левая колонка</div>
  <div id="right">Правая колонка</div>
</div>
<div class="clear"></div>
<div id="footer">Подвал</div>

И CSS-код:

.clear {
  clear: both;
}
#content {
  width: 100%;
}
#left {
  float: left;
  margin-right: 30px;
  width: 200px;
}
#right {
  width: 100%;
}

Ключевой момент здесь состоит в том, что у нас #content имеет ширину 100%, то есть он растягивается на всю ширину родительского контейнера (например, body). Дальше мы указываем фиксированный размер для #left (хотя можно указать и проценты, если это необходимо), а для #right мы указываем 100% от оставшегося свободного места.

Вот так выглядит структура вёрстки для двухколоночного сайта.

Если Вы ещё плохо ориентируетесь в HTML и CSS, то рекомендую для изучения вот этот курс: http://srs.myrusakov.ru/makeup.

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

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

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

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

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

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

  1. Кнопка:

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

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

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

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

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

webblogphp.ru webblogphp.ru 07.09.2013 17:06:47

хороший пример, но думаю это совсем просто. Можно дописать примером прижатия футера к низу. Это можно сделать вынося футер за весь блок контента, дать ему отрательный "margin-top:-40px"? при этом высота футера должна быть равна 40px. А всему остальному, то что осталось задать высоту "min-height:100%"

Ответить

LeonG LeonG 17.09.2013 18:17:45

Михаил, почему на вашем сайте нету min-width?? На маленьких нетбуках ваш сайт будет кривой :(

Ответить

Marking Marking 08.10.2013 20:25:23

Марк 08.10.2013 20:23:32 Здравствуйте Михаил не получается сделать ссылки ( навигацию сайта помогите пожалуйста: Я делаю так: <li> <a chref= "index.html">главная</a> </li> Заранее спасибо!

Ответить

Admin Admin 08.10.2013 20:28:27

href, а не chref.

Ответить

Marking Marking 08.10.2013 20:53:21

Еще вопросик у меня не получается установить denwer на windows 7. Он не запускается что делать, а без него неудобно?

Ответить

Admin Admin 09.10.2013 10:34:26

http://myrusakov.ru/php-denwer-nowork.html

Ответить

Marking Marking 09.10.2013 12:55:29

Спасибо! У меня еще ссылками не получается я сделал как вы написали. Вроде бы ссылки получились я перехожу по одной из них, как только я перешел на главную страницу ссылки погасли. А хотя на всех страницах все как надо? Но попробую еще разик может быть получится, а так скажите пожалуйста в чем может быть проблема? Заранее спасибо!!! Вот что я делаю: <h3>Меню</h3> <ul> <li> <a href="index.html">Главная</a> </li> <li> <a href="novosti.html">Новости</a> </li> <li> <a href="yrok.html"> Уроки русского</a> </li> <li> <a href="test.html">Тесты</a> </li> <li> <a href="otz.html">Отзывы</a> </li> <li> <a href="obo mne.html">Обо мне</a> </li> <li> <a href="forma obratnoia.html">обратная связь</a> </li> <li> <a href="rasnoe.html">Разное</a> </li> <li> <a href="pomog.html">Пожертвование</a> </li>

Ответить

Admin Admin 09.10.2013 23:36:19

Что значит "погасли"? Не помечены, как посещённые или что?

Ответить

Marking Marking 10.10.2013 16:32:27

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

Ответить

Admin Admin 10.10.2013 21:08:14

Значит, на других страницах нет нужного тега <a> у ссылок, либо не хватает атрибута href.

Ответить

Marking Marking 12.10.2013 17:27:34

Спасибо Михаил. Я нашел причину. И ещё извините Михаил я наверное вам уже надоел, но вопрос очень важный скажите пожалуйста какой бесплатный хостинг выбрать? Так как на платный денег нет. Заранее спасибо!

Ответить

Admin Admin 12.10.2013 23:04:12

Я не использую бесплатные хостинги вообще. Платные хостинги стоят сейчас копейки: http://myrusakov.ru/review-hostia.html

Ответить

markls markls 18.10.2013 19:07:39

Здравствуйте Михаил! у вопрос по denwer. Я всё-таки решил установить denwer. И установил, но не могу его запустить, не даёт (skype отключил). Он требует установить доп. программное обеспечение, высвечивается окошко: внести измениние да, нет. Я не знаю что делать мне страшно вдруг ещё компьютер сломается! что мне делать нажимать да?

Ответить

Admin Admin 18.10.2013 22:11:01

http://myrusakov.ru/php-denwer-nowork.html

Ответить

markls markls 20.10.2013 14:33:58

Здравствуйте Михаил у меня вот что высвечивается когда я нажимаю start denwer: Инацилизация диска X... Устанавливаем права на C:/windows/system32/drivers/etc/hosts/ Это необходимо для работы драйверов, а дальше окошко: Разрешить внесение изменинии на данном компьютере следующей программе неизвестного издателя? Имя программы: AllowToModifyVirtualHosts.exe Издатель: Неизвестно Потом спрашивают да или нет, что делать?

Ответить

Admin Admin 20.10.2013 22:05:45

Выбирайте "Да".

Ответить

markls markls 21.10.2013 19:48:10

Огромное спасибо,

Ответить

markls markls 27.10.2013 21:54:12

Здравствуйте ну я вас наверно совсем замучал, но вы уж простите меня! У меня опять по Denwer вопрос значит я установил его вроде всё нормально, но когда я захожу на localhost/tools/php my admin выходит следующая надпись: Расширение mcrypt не найдено. Пожалуйста, проверьте ваши настройки PHP. И не запускаются php скрипты. Что делать как устранить эту проблему! Еще раз спасибо!

Ответить

Admin Admin 27.10.2013 22:24:24

http://forum.php-myadmin.ru/viewtopic.php?id=2250

Ответить

markls markls 21.11.2013 19:09:31

Здравствуйте теперь вопрос по php. Я пишу следующее echo $_GET ['name'];, но у меня почему то не выводится на экран то, что я вписываю в текстовое поле. Помогите пожалуйста!

Ответить

tikkiwiki tikkiwiki 22.11.2013 12:16:06

Здравствуйте Марк. Внимательно проверьте, существует ли то, что Вы пытайтесь передать и правильно ли это реализовано. Пример правильной реализации передачи методом GET. Файл form.php: <form method="GET" action="add.php"> <label> <input type="text" name="page" id="textfield"> </label> <label> <input type="submit" name="button" id="button" value="Отправить"> </label> </form> Файл add.php: <?php echo $_GET['page']; ?>

Ответить

markls markls 22.11.2013 16:40:09

Здравствуйте Александр. Как вы описывали выше так я и делаю: <html> <head></head> <body> <fieldset> <form action="seldom.php" metod="GET"> <legend> Данные о пользователе</legend> Логин:<input type="text" name="login" value="login"/> <br/> Пароль:<input type="password" name="password" value="password"/> </fieldset> <fieldset> <legend> Контактная информация</legend> Телефон:<input type="text" name="telephone" value="telephone"/> <br/> Имя:<input type="text" name="name" value="name"/> <br/> Дата рождения (в формате число,месяц,год)<input type="text" name="birthey" value="birthey"/> <br/> <input type="submit" name="send" value="Отправить информацию"/> </fieldset> код обработчик: <php echo $_GET ['login']; echo $_GET ['password']; echo $_GET ['name]; ?> . Но тут не всё. И в итоге результат: http://tuc.local/seldom.php?login=sas&password=123&telephone=77777&name=%CF%E0%F8%E0&birthey=12.11.2013&send=%CE%F2%EF%F0%E0%E2%E8%F2%FC+%E8%ED%F4%EE%F0%EC%E0%F6%E8%FE Но! Это то выводится в адресной строке, а мне надо, чтобы на экране. (экран получается пустой). Помогите решить проблему! Спасибо! С уважением, Марк

Ответить

tikkiwiki tikkiwiki 22.11.2013 16:58:25

Уважаемый Марк. Когда пишите код, пожалуйста, более внимательно это делайте. Теги не правильные. Правильно писать <php //ошибка раз <?php // как надо echo $_GET ['name]; // ошибка два echo $_GET ['name']; // как надо ?> Вообщем смотрите свой код и ищите ошибки, они у Вас из-за невнимательности.

Ответить

markls markls 25.11.2013 16:23:33

Спасибо большое вы мне очень помогли!

Ответить

skorpionnn skorpionnn 02.03.2014 13:33:13

А у вас есть уроки о том как создавать локальные серевера для более мощных проектов ?

Ответить

alexandrdante alexandrdante 02.03.2014 15:48:57

Кирилл,в плане Локальные сервера?) Вы что-то путаете...а так,по администрированию и оптимизации серверов у Михаила нет уроков

Ответить

the_most_successful the_most_successful 24.05.2014 16:19:18

Михаил здравствуйте, можете подробно объяснить зачем это строка ставится в коде <div class="clear"></div> ?? Заранее спасибо.

Ответить

alexandrdante alexandrdante 24.05.2014 16:30:37

она убирает обтекание

Ответить

Ustinochka Ustinochka 09.07.2014 02:13:02

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

Ответить

bebka4 bebka4 25.06.2022 21:36:03

Здравствуйте. Скажите, пожалуйста, КУДА И КАК вставлять CSS Код? Мой браузер просто выводит код и ВСЁ...

Ответить

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