Праздник-праздник! Вышла Моя Первая Книга!
Дата: 18.02.2008 | Автор: Игорь Квентор | Рубрика: Мои книги |
Тэги: , css, html, блочная верстка, книга
Ура! Наконец-то я выпустил свою первую электронную книгу! “Блочная верстка веб-сайта. Начальный уровень” теперь доступна в PDF формате и совершенно бесплатно! :)
В новом издании добавлен раздел Полезняшек — описания стилевых свойств оформления шрифта, текста, рамок, цвета и фона, а также рисунков, и в Приложения вынесен полный HTML-код урока и листа стилей CSS к нему. Так же несколько переработана основная часть урока, исправлены некоторые неточности и добавлены расширенные описания некоторых важных моментов.
Книгу “Блочная верстка веб-сайта. Начальный уровень” можно скачать здесь. Размер ZIP файла - 540 кБ.
А теперь ВНИМАНИЕ!!!
На подходе следующая книга: “Блочная верстка веб-сайта. Средний уровень” для продвинутых пользователей. Я не альтруист, и потому следующая книга будет платной. Ориентировочная стоимость 10WMZ. Но(!) Оставившим в этом посте свои отзывы, пожелания, и даже замечания о первой книге, всенепременно будет обеспечена скидка в 50%. То есть книга обойдется всего в 5WMZ.
А теперь излюбленный приемчик рекламщиков: :)
“Но и это еще не все!!!…” (с)
Первые пять человек, отозвавшихся в этом посте, получат и вторую книгу БЕСПЛАТНО! Но при условии, что отзыв будет вменяемым и информативным, а не: “афтар жжот! Пешы исчо!”
PS: 25.05.2008 зачеркнуто ибо вот.
Enjoy!
Комментарии (68) на запись “Праздник-праздник! Вышла Моя Первая Книга!”
Трэкбеки
Оставить комментарий












Люди помогите пожалуеста! не могу установить акробат ридер пишет что не хватает какогото файла хотя скачал с офф-сайта компании адобе
Книга действительно стОящая для начинающих!
Я в своё время перелопатил кучу скачанных руководств, но так легко написанного не было.
Действительно хорошая книга!
Поздравляю!)
Ну, млин, последним предложением, конечно, ограничил фантазию.) Но скажу как и до этого, что статьи по блочной верстке очень помогли в поднятии моего уровня и показали всю прелесть этой техники.) Используют теперь это повсеместно!) Ну и конечно статьи по созданию сайту с нулю, очень полезны были, правда уже не мне, а моим начинающим товарищам.)
Удачи с новыми книжками!)
Книга получилась хорошей, надеюсь, вторая будет еще лучше!
А вот и первые отзывы! :) Спасибо, друзья!!!!
Да, кстати, самые интересные вопросы и предложения будут также озвучены в новой книге со ссылкой на сайты их авторов. Так что дирзайте!
Спасибо, Квентор, отличная книга, тем более для таких как я “чайников” в этой области. Сейчас пытаюсь сама всему научиться и твоя “Блочная верстка” для меня настоящий подарок :))) Вот есть же люди у которых есть чему поучиться.
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 — атрибут, позволяющий одно и то же значение(оформление?) придать нескольким элементам. Например нескольким изображениям на странице добавить рамку одинаковой толщины и цвета.
Спасибо, Вася! Я думаю, что теперь основной смысл данного атрибута всем стал очевиден и понятен.