aaron

Подскажите, плиз. Такие строки: .content { ... background-color: #2b2e28; background-color: rgba(43,46,40,0.45); ... } Если с первой строкой все ясно и понятно, то откуда берется вторая строка из Photoshop?

Подскажите, пожалуйста. Вот эти две строчки: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); background:-webkit-linear-gradient(left top, left bottom, #77c531, #4d722d); В чем между ними разница? И еще. Между записями: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); и background-image:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); я так понимаю, разницы нет. Первая является более сокращенной записью второй. Верно?

Здравствуйте. Подскажите такой вопрос. С операционными системами Linux я имею давний опыт и перепробовал их все когда-то, начиная от Ubuntu и заканчивая Gentoo. Но вот с известной программой для работы с графикой Gimp не работал совсем (вообще у меня с графикой дружбы никогда не было). Photoshop изучил только в связи с тем, что он необходим при верстке. Недавно возник вопрос. Под Ubuntu есть хорошие редакторы для написания кода (Bluefish, Geany). А вот Gimp - имеются ли у него те же возможности, что и у Photoshop для нарезки графики и вообще при работе в макетом сайта?

Да, в коде получается все наоборот. Не нашел лучшего способа из-за того, что там ведь идет float:right для input и для label одновременно. Поэтому и хочу услышать отзывы о html-разметке в первую очередь - мне кажется, что там все же что-то не так сделано, как должно быть. А вот что? надо проверить - сейчас займусь... это называется - сэкономил на спичках. учту.

Здравствуйте! Прошу разобрать верстку login form. Форма простая, но это мой первый на 100% самостоятельный опыт верстки. Login form Очень бы хотелось услышать комментарии о html-верстке и грамотности применения html-тегов. Создание правильного html-каркаса для меня самое слабое место на данный момент, как мне кажется. Очень тяжело дается понимание правильного расположения и применения блоков. Наверное, можно было бы еще доработать форму, а точнее - кнопку. Сделать заливку градиентной и изменять градиент при hover/active? Просто я на данный момент не знаю, как из Photoshop'a "выбрать" нужную информацию по градиентной заливке. Странным образом placeholder под Chrome не работает ) Подскажите, что не так? И еще вопрос. Подскажите плагин (или компонент) под Joomla 2.5 для создания портфолио на ней. Чтобы можно было размещать примеры верстки на Joomla.

Вот теперь понятно.

Присоединяюсь к вопросу. Мне кажется, ответ (исходя из практики - общался с одной девушкой-верстальщицей с опытом) один - тупо брать то, что показывает Photoshop. Так ли это?

Firebug, Dragonfly и другие дебагеры, смотря какой браузер. Наверное, неправильно вопрос сформулировал. Мне нужна стандартная величина этих заголовков в пикселях.

Подскажите, где можно увидеть размеры заголовков h1-h6 в пикселях? И является ли размер этих заголовков постоянной величиной в различных браузерах? И еще вопросы. Какая единица измерения для шрифтов является предпочтительной в css - em или px? На w3school говорится, что вроде бы em предпочтительней. В Photoshop по умолчанию размер шрифтов установлен в pt. В настройках выставил, чтобы показывала программа размеры в пикселях. Теперь он мне размеры показывает по следующей схеме: 12pt=12px,13pt=13px,14pt=14px,... Мне кажется, что Photoshop брешет. Так ли это? И существует ли формула перевода pt в px, наподобие px/16=em ? В Photoshop pt - это пункты? В Firebug padding обозначается сиреневым цветом. А какая разница между светло-сиреневым цветом и темно-сиреневым? Что-то типа наложения одного padding на другой?

Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого элемента? То же самое относится и к тексту, у которого есть тень и для которой я измеряю line-height.

поищи на youtube видеоуроки по верстке. там есть несколько хороших, а один так просто хороший. в нем как раз верстка сайта производится по той самой схеме: сперва каркас - потом мелочевка в качестве украшательств. насчет практики - это верно. сам перечитал и пересмотрел кучу материалов. по теории подкован и инструменты все нужные есть под рукой. накачал бесплатных psd-ников и все, тупик! вроде и знания есть, а с какой стороны подступиться к верстке? получается - смотрю на шаблон, как баран на новые ворота ))) для себя решил, что лучшим способом научиться на практике верстать - это когда есть и psd-шник и готовый макет. пробуешь сам что-нибудь делать, а если что не получается, подсматриваешь в готовый код. лучше всяких видеоуроков! насколько я читал, все так и учатся - на чужом коде, читают его. лишний повод убедиться, что теория и практика - разные вещи )))

спасибо за исчерпывающий ответ!

Здравствуйте. Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>. Объясните, почему именно так?

В Таганроге видел объявление в контору на полный рабочий день - 30 рублей. Но это другой город и далеко. ))))

А в общем - мне кажется - тема закрыта. ))) Ну, сразу в программисты обычно идут люди если не с программистким, то хотя бы с техническим образованием. А в технические ВУЗы мало девушек идёт. А для вёрстки не нужно профильное образование, точнее вообще не нужно высшее образование (хотя работодатели, почему-то очень любят его требовать, не важно какое именно). И вообще у программирования, практически любого, есть очень серьёзные отличия от html/css-кодинга. В частности, для программирования нужна математика, знание теории, творческий подход. А для вёрстки — наоборот, способность переносить однообразие, математика в основном на уровне арифметики; в вёрстке нет всяких процедурных и ООП подходов. В общем, список можно долго продолжать. На одной только верстке, как мне кажется, особо не заработаешь. Хотя это зависит от компании, наверное. Все же навыки верстки+интеграции дадут больше возможностей, а интеграция это уже в степь PHP. Ну, JS логично требовать (хотя бы на минимальном уровне), так как это имеет отношение к клиентской части. А продвинутый разработчик клиентсткой части, который на хорошем уровне знает не только html/css, но и JS (как нативный, так и на уровне библиотек, причём разных, а не только jQuery) и ещё какой-нибудь скриптовый язык уже называется не "верстальщик", а "веб-технолог" или "front-end developer". Ну, по поводу js и jquery я полностью согласен - это неотъемлемая часть верстальщика, без которой ему ни как. Хотя у Дубцова в его книгах встречал высказывание, что требование знаний этих двух вещей к верстальщику - излишнее. )))

Цитата взята отсюда - Джентельментский набор верстальщика ИМХО: Как ни странно, мне мой здравый смысл (ибо опыта верстальщика еще нет) подсказывает тоже самое ... ))) На данный момент пользуюсь Notepad++ (и то - с плагином Zen Coding) именно для целей лучше выучить теги и правила, чтобы научиться ручками их набивать сперва ... Ту же самую простенькую страничку я набиваю в DW в два раза быстрее и без ошибок (гарантировано!) - на личном опыте проверено. А если "спотыкаюсь" в Notepad++ - догадайся, куда я "бегу", чтобы разобраться, что случилось? ))) Так это - простенькая и одна страничка. А есть это большой проект? ))) А по поводу требований контор к соискателям - это я просто к слову сказал. Ибо наслышан и начитан о людях, составляющих эти анкеты (кадровиках - по старому) и их умственных способностях/познаниях в области работы самих соискателей. Там - без смеху не прожить! ))))

А в общем, если подвести свой собственный итог. Да плевать - нравиться и буду заниматься тем, что нравиться... )))

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

Ну, это одно из требований в резюме контор, которые ищут себе верстальщиков. Привел в качестве примера просто. Что называется - "слова не мои". )

Ну да, тоже верно) Нашел твой постик по этому поводу. Писано было аж в "далеком" 2008 году. Прошло уже три года с того момента, но ты все еще здесь и занимаешься все тем же - верстка. Значит - что-то тебя оставило в этом деле? Что - любовь к нему или все-таки есть материальный смысл в нем? Или - и то и другое, что скорее всего? ))) За это время выучил что-нибудь, помимо HTML/CSS? Наверное, JS/jQuery уже есть в багаже? Усредненный - это по меркам провинции, в частности, Ростовская область. У нас средняя зарплата по области - 15 рублей на сегодняшний день. Круто? )))) Мне еще 15 рублей к ней - и я был бы счастлив! ))) Наверняка, из раздела шуток, что я сказал (последнее)... ))) Насчет оплаты из твоего тогдашнего поста - верно. У меня тоже мысли не раз возникали - ведь знания нужны большие, что не говори: HTML/CSS, немного JS, jQuery - обязательно, Dreamweaver+Photoshop - основы обязательно (не говоря уже о требовании некоторых контор кодить только ручками в Notepad++). Получается - два предмета обязательно и еще куча всего понемногу. Ведь далеко не каждый сможет и захочет пройти этот путь и осилить все это. А итог? Как то странно получается... ((( Кстати, недавно нашел и Инете постик одной девушки - она учится на верстальщика и нашла контору, которая взялась ее обучать верстке на движках. Интересно! Где бы мне найти такую контору? И еще - в деле верстки очень много девушек работает. Для меня просто интересен сам факт - почему именно здесь? Не сисадминство, не программинг, а верстка. Ведь это почти тоже, что и программирование.

Здравствуйте! Может, я прав, а может - нет, но меня интересует такой "шкурный" вопрос. Смогу ли я, выучив и научившись (в этом проблемы нет - учиться я люблю всегда и везде и являюсь перфекционистом, как многие из этой аудитории, как я догадываюсь) более или менее достойно зарабатывать, как верстальщик, работая удаленно? Я понимаю, никто не скажет конкретные цифры, но меня интересует осязаемый результат вложенных мною усилий. Я также хорошо понимаю, что многое зависит от квалификации и известности человека, как специалиста. Но хотя бы что-то усредненное можно сказать? Вот тут - http://fleek.org/kak-zarabotat-novichku/ вроде статья хорошая и создается впечатление, что написано человеком, знающим, о чем он говорит. Заманчиво, конечно, если все так, как пишется в ней. Хотелось бы верить в лучшее... ))

Полностью поддерживаю psywalker - эта книга Эрика Майера - самое лучшее, что видел и читал. И сейчас читаю... А Дубаков - имхо, много "воды" в его книгах.

Здравствуйте! В верстке еще новичок совсем. Поэтому вопросы будут у меня не совсем серьезные. Итак - в справочнике по HTML и CSS имеется табличка совместимости свойств и тегов в различных браузерах. В этой табличке есть Android и iOS. Что такое последний - нашел и прочитал. Но вот вопрос остался - ни одного браузера под обе OS я не знаю, не сталкивался. Подскажите, это какие они? (Умная мысля приходит опосля - под iOS наверное, какая-то мобильная версия Safari?) И еще вопрос, сопутствующий - верстка страничек под мобильные устройства, наверное, проще в том плане, что размеры экранов устройств заранее известны и их не так много? Не надо решать вопросы по поводу правильности поведения "резинового" макета под разные разрешения? (про мобильные устройства уже нашел ветку на этом форуме и pdf-шку скачал, будет время - почитаю). И еще один. Подскажите, для верстальщика какой инструмент true при работе с макетом дизайнера - Photoshop или Fireworks? Открывал (пока только открывал) макеты в обоих - больше впечатлил Fireworks (может, ошибочное мнение новичка, но мне кажется, что он действительно "заточен" именно для верстальщика). Да и в видеокурсах по верстке от центра "Специалист" у лектора (Евгений Петров) проскользнула фраза: "... забудьте про Photoshop, это вчерашний день! Fireworks - ваше все!". )))) Если это действительно так, то в Инете НЕТ ни одного мало-мальски стоящего обучающего материала по Fireworks (только на Хабре видел коллекцию ссылок на подобные, но сам их еще не открывал - по руки не доходят). Отдельно хочу выразить свои впечатления по поводу сайта htmlbook - просто великолепно! Ничего лишнего и как учебник - №1 для начинающих.