Ура! Наконец-то я выпустил свою первую электронную книгу! “Блочная верстка веб-сайта. Начальный уровень” теперь доступна в PDF формате и совершенно бесплатно (см. на странице “Мои книги”)
В новом издании добавлен раздел Полезняшек — описания стилевых свойств оформления шрифта, текста, рамок, цвета и фона, а также рисунков. Так же несколько переработана основная часть урока, исправлены некоторые неточности и добавлены расширенные описания некоторых важных моментов.
Книгу “Блочная верстка веб-сайта. Начальный уровень” можно скачать на странице Мои книги. Есть 2 варианта:
1. PDF-файл размером 967 Кб
2. ZIP-файл размером 932 Кб куда включена папка с готовым сайтом-примером.
Enjoy!
Люди помогите пожалуеста! не могу установить акробат ридер пишет что не хватает какогото файла хотя скачал с офф-сайта компании адобе
Ответить
Книга действительно стОящая для начинающих!
Я в своё время перелопатил кучу скачанных руководств, но так легко написанного не было.
Действительно хорошая книга!
Ответить
Поздравляю!)
Ну, млин, последним предложением, конечно, ограничил фантазию.) Но скажу как и до этого, что статьи по блочной верстке очень помогли в поднятии моего уровня и показали всю прелесть этой техники.) Используют теперь это повсеместно!) Ну и конечно статьи по созданию сайту с нулю, очень полезны были, правда уже не мне, а моим начинающим товарищам.)
Удачи с новыми книжками!)
Ответить
Книга получилась хорошей, надеюсь, вторая будет еще лучше!
Ответить
А вот и первые отзывы! :) Спасибо, друзья!!!!
Да, кстати, самые интересные вопросы и предложения будут также озвучены в новой книге со ссылкой на сайты их авторов. Так что дирзайте!
Ответить
Спасибо, Квентор, отличная книга, тем более для таких как я “чайников” в этой области. Сейчас пытаюсь сама всему научиться и твоя “Блочная верстка” для меня настоящий подарок :))) Вот есть же люди у которых есть чему поучиться.
Ответить
2 Ислам: Извини, брат, но ничем помочь не смогу. Попробуй скачать в другом месте.
Ответить
Спасибо большое за книгу. Буду ждать вторую. 10WMZ - не деньги за ваше старание. Вы себя слабо оценили.
Ответить
2 Ольга: Квентор краснеет щеками и вертит пальцем в столешнице. :)
2 August: Пусть недорого. Внимание людей дороже всех денег.
Ответить
P.S. прочел а одном дыхании. Отличный слог написания. Кажется что поймет и школьник о чем вы, Игорь, пишете. Я правда со всем описанным знаком, но закрепить знания никогда не лишнее. Ещё раз огромное спасибо вам!
Ответить
Спасибо на добром слове! Постараюсь и последующие книги писать в том же духе. :)
Ответить
Буду с нетерпением ждать! Если понадобится какая-нибудь помощь - обращайтесь;)
Ответить
Спасибо оромное , очень помогла
Ответить
Помощь - да, буду очень признателен! И самое важное - очень хотелось бы услышать вопросы на каких темах остановиться подробнее. В качестве анонса могу сказать уже заранее, что во второй книге будет подробно рассмотрено позиционирование элементов, верстка в три колонки, оформление различных элементов форм (полей, кнопок и т.п).
Ответить
Попросили меня зделать сайт, так как у меня скоростной интернет и я смогу им упровлять и загружать конект.
Порылся в самоучителях, почитал в интернете вроде всё просто но столько непонятного. Случайно нашёл вашу книгу и уже разработал несколько страниц. Буду ждать второй части и тогда зделаю всё как надо и размещю сайт в интернете.
Спасибо вам за книгу.
Ответить
475-022 моя аська - стучитесь в любое время буду рад помочь любой мелочью!
Относительно вопросов:
Вот у вас в книге расписан метод верстки сайта блоками. У вас там очень яркий и интресный пример расписан, печально что ученики не смогут его опробовать ибо контент вы в pdf заблочили, соответственно и резку дизайна в том же числе. Вопрос: зачем? Вы опасаетесь авторского права владельцев сайа взятого за пример? Так мне кажется они только рады излишнй рекламе:)
Во второй книге очень бы хотелось увидеть побольше примеров взаимосвязи css+javascript? если это возможно, dhtml в связке с css тоже бы очень пригодился:)
Ответить
2 Сергей: Спасибо за отзыв!!
2 August: :) Владельцы не против, потому как этот пример на моем же сайте и лежит. Кто пожелает, может перейти по ссылке в последнем 9-м уроке и просмотреть сайт целиком, а при желании и картинки закачать.
Что же касается Java и dhtml - каюсь, сим инструментом не владею. Поэтому только чистый HTML и CSS.
Ответить
ЗдОрово. Не сказать, что нашел много для себя нового… Но это похоже на то, что сам хотел сделать, да только никак времени не находилось. Какие коррективы я бы внес в том, что уже просмотрел? (На самом деле, все это по мелочи) Во-первых, современные браузеры не то что совсем обходятся без доктайпа. По крайней мере Фокс с Эксплодером, не находя доктайпа с полным урлом dtd, начинают работать в режиме “приспособления к старым страницам”, причем каждый по-своему. С соответствующими эротическими последствиями ;)
Дальше. Очепятка в значении атрибута media для наладонника — hAndheld.
Дальше. Float, вообще говоря, переводится не как “обтекание”, а как “плавать”. И тогда со значениями left и right все оказывается просто: float:left; — хреновина плавает слева в том, что ее обтекает.
М-дя. Если я при своем противном характере так мало нашел, к чему придраться… Книга действительно классная ;)
Ответить
Ураааа!!!! Поздравляю!!!! :-*
И правда же - ПРАЗДНИК!!! Вышла книжечка!!! Ассе!!!! )))
Пусть будет ещё много таких книжечек!!!!
PS “афтар жжот! Пешы исчо!” :р
Ответить
2 Михаил: Упс! Спасибо за поправку! А ведь упустил, упустил. :) О флоатах хорошо разъяснили. А то ведь я и сам поначалу путался дико.
2 Травинка: Я тя люблю, чесслово! Дамы и господа! Это вот мой самый любимый 3D-шный дизайнер-визуализатор, и обложка книги - это ее работа. Классная работа!
Ответить
ПОЗДРАВЛЯЮ!!!
Я очень рада, что Ты нашел время, и итогом замечательных статей стала Твоя первая КНИГА!
Ребята! Летом, когда я искала работу по верстке Web-сайтов, обнаружила, что без блочной верстки не имеет смысла заниматься этим. Я начала искать инфу по темке. Лучшие статьи, что я нашла, написанные понятным и доходчивым языком, да ещё и с юмором – это были статьи И.Квентора! Удачи Тебе и новых книг!
Ответить
Прочитал книгу в захлёб, очень понравилась, хотя я новичок в этом деле. Хотелось чтобы было более наглядно типа видео-уроков(тыкнуть туда, написать то-то, вставить картинку там-то и т.д и т.п)
Ответить
Больше люблю табличную верстку, но давно мечтал переделать свой сайт на div-ах. В данный момент осуществляю свою мечту (почти завершил). Конечно у меня не так чисто и красиво, но это потому, что блочную верстку вообще не знаю. Жаль раньше не попалась эта книга. Даже при беглом просмотре, нашел полезное для себя. Есть и то, что не понравилось, но об этом молчу, т.к. не изучал книгу под микроскопом.
Ответить
Игорь, молодца. С почином тебя.
Полезная книга, глядишь и я наконец сайт скропаю =)
Пока еще не всю прочитал, позже отпишу еще. Но уже видно, что доходчиво все написано =)
З.Ы.Кстати, в содержании не принято ставить ссылку на само содержание ;)
З.З.Ы. Афтар жжот! Пешы исчо!!! =)
Ответить
Игорь! Спасибо огромное за Вашу работу, очень хороший материал и сделан с любовью. Уверена, что теперь я сама справлюсь с созданием своего сайта.
Дальнейших успехов!
P.S. Да, а с видеоуроками было бы здорово!
Ответить
Спасибо, друзья мои, за отзывы и советы ваши! О видео-уроках - очень интересная тема. Нужно будет обдумать тематику.
Ответить
Жаль, конечно, что я не в первой и даже не во второй пятерке.
Но книга действительно стоящая.
Поздравляю!
P.S. Ислам, скачай CoolReader или FoxitReader.
они значительно компактнее акробата, а возможности практиченски те же.
Ответить
Книга класс. Уже полгода ищу материалы по данной теме, тно чтоб так все ясно и понятно было встретил впервые, спасибо
Ответить
стр.10 “указание на езыг документа”
фи… это некрасиво (или афтор пытается жжеть?)
стр. “Engoy”, если речь идет о наслаждениях, пишется enjoy (ИМХО, не надо “Пешы исчо”)
Ответить
2 garibas: Спасибо! Рад, что смог помочь.
2 Школа заработка: Замечания приняты. Спасибо! :)
В слове “Engoy” явно очепятка.
Ответить
Никак не думал, что про это можно так просто написать.Это не книга ,а шедевр по простоте.
Вот еще бы про позиционирование и про PHP и т.д.
было бы совсем уж хорошо.
Ответить
Книга хорошая, но просто скопировать, вставить не катит, у тебя там кавычки особенные. Если менять на другие все работает. А вобщем спасибо
Ответить
2 garfa: Спасибо! В следующей книге как раз будет подробно рассказано про виды позиционирования, их возможностях, плюсах и минусах. Про PHP к сожалению мало что могу рассказать. Сам скриптами пользуюсь, но программировать не умею.
2 alexey: С данного PDF-файла вообще скопировать не получится напрямую :) А с кавычками - это да, лопухнулся я немного. Не учел, что Word их по-своему переиначит. Во всех примерах с кодом конечно же должны быть прямые двойные кавычки (программистские).
Ответить
Сегодня исправил некоторые недочеты и опечатки. И снял нафик защиту. Все равно книга бесплатна, а кому-то проще скопировать код и вставить в свой сайт. И еще удалось сжать файл до 540 кБ. :)
Ответить
Мне книга понравилась.
VASAV
Ответить
Но копирую же на прямую, смотрю PDF прогой Sumatra PDF,не такая тяжелая как акробат и не требует инсталяции.
Ctrl+C,Ctrl+V и все готово.
Ответить
Спасибо за книгу, прочитаю на досуге :)
Ответить
Книга хорошая - с помощью нее сделал свою страничку. Но какая то проблема с експлоером: не видит шапку и меню навигации.
В следсвии чего в следующей книге хотелось бы побольше узнать об отличиях браузеров.
Спасибо
Ответить
2 Akuji: В данном случае не в браузерах дело. Есть несколько ошибок в листе стилей. Во-первых, когда прописываете фон блока, то в адресе картинки не нужно писать кавычки. Должно быть просто url(images/kartinka.jpg) no-repeat;
Во-вторых, между закрывающей скобкой и no-repeat обязательно должен быть пробел! Именно из-за этой ошибки Експлорер “не видит” картинки фона.
Далее, в размерах основной части и боковой колонки новостей необходимо строго соблюдать соразмерность. То есть, если увеличиваете ширину одного блока, то соответственно на столько же нужно уменьшить ширину второго. У вас колонка новостей увеличилась на 5 пикселов, а основной текст остался прежним. В результате контейнер “разъехался” на 5 пикселей вширь. Это видно в Експлорере.
Еще замечание: если прописываете картинку в шапке в коде самой страницы (у вас она в виде ссылки), то не нужно ее же прописывать в качестве фона для шапки в листе стилей. Это тавтология. Вы дважды прописали ее и там, и тут.
Будут еще вопросы - стучите в асю :)
Ответить
Книга может и интересная, но прочитать не возможно, при скачивание не архив, а страница с иероглифами. Вот такие дела.
Ответить
Да извините, это через оперу не грузится, а через обозреватель Internet Explorerвсе в порядке
Ответить
2 Ludmila: Все верно! Опера часто выдает такие “кренделя”. В таком случае нужно просто кликнуть на ссылке правой клавишей мышки и в контекстном меню выбрать “Сохранить объект как…”. Тогда Опера сохраняет правильно.
Ответить
Спасибо большое!! Многое почерпнул из нее.
Я хотел узнать, какие есть способы ввода дат, работа и текущей датой и вычитание из её введеной.
Ответить
давно хотела узнать блочную верстку, таблицами я умею а блоками, увы нет теперь скачала книгу, на досуге почитаю, большое спасибо.
Ответить
Ни чо такая книжечка, как раз для начинающих, мало но доступно и понятно как грабли
Ответить
Кстати можно её как мануал, выложить на сайте, естественно с обратными ссылками на статью о книге?
Ответить
2 ASP.NET: Конечно! Буду весьма признателен! :)
Ответить
прочитал вашу книгу очень понравилась. В принципе я знал html css и про табличную вёрстку но про блочную толком ничего не знал сейчас познал азы блочной вёрстки с помощью вашей книги огромное спасибо
Ответить
Хороших Книг по блочной вёрстке очень мало, в будущем желаю вам написать хорошую полноценную книжку, которая не будет в книжных магазинах долго лежать на полке, а расходится как горячие пирожки!!!
Ответить
Спасибо, ИлюхЪ! :))) Вот пишу вторую книгу уже. Надеюсь, она будет еще интереснее.
Удачи тоже!
Ответить
Kventor Я писал тебе в аську. Я думал вторая книга уже написанна ещё нет?? Желаю по быстрее дописать и чтоб она была в несколько раз круче. Жду вторую книгу.
Ответить
Во-первых, поздравляю с выходом книги, и во-вторых, книга отличная!!!
Ответить
Только вот решил научиться верстать сайты блоками и тут такая удача. Офигеть. Пока полностью не читал но впечатление по началу очень хорошее. Спасибо большое.
Ответить
Спасибо, ребят! Вторая книжка не за горами! :)
Ответить
С самого начала учить людей пользоваться варезом не хорошо.
Ответить
>>> С самого начала учить людей пользоваться варезом не хорошо.
С этого места поподробнее, пожалуйста. О каком варезе идет речь?
Ответить
Про фотошоп. Хотя я сейчас перечитал 8-ю страницу, ничего такого там нет, показалось скорее.
А зачем использовать именно фотошоп, немного не понимаю. Для простой работы с графикой есть множество бесплатных редакторов, которые вполне устраивают.
Ответить
В том то и дело, что рисование макета даже для небольшого сайта - это не не простая графика. Порезать картинки, поменять размер, ориентацию, убрать что-то лишнее простые редакторы могут безусловно. Но создать в них полноценный макет - нет. У фотошопа есть еще один большой плюс - масса литературы и готовых уроков. Ни одна альтернативная бесплатная прога такого не имеет. А мы, как вы понимаете, говорим о начальных этапах освоения веб-строительства. Для начинающего такая поддержка очень важна и необходима.
Ответить
действительно доступно. прочитал и испробовал одним заходом. жду вторую.
Ответить
И она таки скоро появится :)
Ответить
такой вопросик: а будет рассматриваться что-то об универсальности / гибкости (ну не знаю как точно обозвать). что я хочу сказать: создаю сайт из нескольких страниц, каждая страница отличается только серцевиной, а шапка, навигация, и т.п. все повторяется - отдельный файлы которые вставляю сколько угодно и где угодно и если что надо поменять - не надо менять по всех страницах.зачем спрашиваю- есть ли простые варианты решения данной задачи и будут они хоть не во второй так в пятой книге?
Ответить
2 sash80: Такой вариант возможен в принципе в любой CMS. То есть используются шаблоны,подключаемые динамически. Можно сделать и просто на HTML с использованием некоторык конструкций из PHP. Хотя в последнем я не специалист, так что тоже посоветовать мало что смогу.
Ответить
Мда! Просто нет слов!… Книга очень полезна и для новичка и для вебмастера… Спасибо Игрь!.. За труд и за старания!… Мы с удовольствием Enjoy! вашей книгой!…
Ответить
Только что скачал книгу, спасибо. Вы можете ее и в бумажном виде издать. Года два назад я увидел уроки по сайтостроению на дикарка.ру и написал ей, что изд-во “Питер” ищет авторов… И через какое-то время эта Валентина прислала мне экземпляр реальной книги с благодарностью за идею! Так что попробуйте.
Ответить
Спасибо, Сергей! И правда, почему бы не попробовать :) Напишу им, авось примут.
Ответить
В книге обнаружены смысловые ошибки. Вот вы пишите:
class — атрибут, позволяющий одно и то же значение придать нескольким элементам. Например всем изображениям на странице добавить рамку одинаковой толщины и цвета.
Если надо всем изображениям добавить рамку то лучше в CSS написать правило для тега IMG а не для класса.
Надо было написать:
class — атрибут, позволяющий одно и то же значение(оформление?) придать нескольким элементам. Например нескольким изображениям на странице добавить рамку одинаковой толщины и цвета.
Ответить
Спасибо, Вася! Я думаю, что теперь основной смысл данного атрибута всем стал очевиден и понятен.
Ответить