<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

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

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

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

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

Подписавшись по 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-код ссылки для форумов (например, можете поставить её в подписи):

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

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 - а там может быть написано что угодно.

Ответить

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