HTML верстальщик для разовых заказов

[commando]

Всем привет, нужен верстальщик для разовых проектов. Основные требования это нормальная верстка (дивы и таблицы), валидная и кроссбраузерная. Минимальные знания Javascript будут плюсом, но это не принципиально. Еще важно все делать в срок и ответственно. Предыдущий верстальщик был изгнан за пьянство

[emzeka]

Добрый вечер, вот мои работы выполнен как дизайн так и верстка. Делаю всё быстро и качественно. Студент, не пью=)

[Aquarius2]

Если можно работать удаленно - интересует.
Портфолио: freelancerbay

[commando]

Поскольку интересует верстка, присылайте пожалуйста ссылки на сайты. Картинки с дизайном не могут показать уровень html/css кода.

[emzeka]

Поскольку интересует верстка, присылайте пожалуйста ссылки на сайты. Картинки с дизайном не могут показать уровень html/css кода.

а можно скинуть ссылку на архив? поскольку ссылок в данный момент нету.

[commando]

конечно, мне главное посмотреть код.

[emzeka]

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

[Aquarius2]

Кроме картинок, в портфолио, естественно, есть и ссылки.
В разделе HTML-верстка.

[ILIT]

мои работы смотрите может и я сгожусь

[tech_n9ne]

https://forumodua.com/showthread.php?t=1216132
мои работы, опыт вебмастера 2 года
знания подтверждены сертификатами

[commando]

Всем спасибо, пока набор прекращен

[commando]

Набор снова открыт. Одним из важных критериев является выполнение работы в сроки. Если кандидат "теряется" на пару дней без веских причин либо говорят "сделаю в понедельник", а подразумевает четверг, то он нам НЕ подходит.

[Aquarius2]

Сроки, сроки... А ТЗ нормальное дают?

Или как в:

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

Заказ на строительство пятиэтажки. Стандартная пятиэтажка, ничего сложного. Спрашиваю, нужен ли лифт. Нет, говорят, не нужен. Отлично, мне же проще.

Через полгода дом построен. Приходит заказчик:

— А почему лифта нет?
— (Вашу мать!) Так сами же сказали, что не нужен!
— Ну да, сказали… Оказалось, нужен.

Куда я вам лифт пристрою? Ладно, присобачу шахты снаружи, прям рядом с подъездом. Вместо окон на лестничных площадках пробьём двери. Шахты уродуют внешний вид дома, а лифты останавливаются между этажами, зато относительно быстро и без кардинальных перестроек. Месяц отладки (то застрянет, то трос оборвётся, то напряжение в доме проседает — электросеть не рассчитана на такую нагрузку) — всё вроде заработало.

— Жильцы верхних этажей жалуются. Когда они выходят из дома в окно, а не в дверь, очень больно бьются об асфальт.
— А какого хрена эти идиоты в окна выходят?
— Ну, так быстрее. И вообще, привыкли они так. Придумай что-нибудь.

Хрен с вами — растягиваю под окнами сетки и подстилаю надувные матрасы. Жильцы всё равно набивают синяки и шишки, а иногда умудряются промахнуться мимо сетки и сломать ногу или шею, но жалоб становится меньше.

— Знаете, мы тут подумали: лифты — это всё прошлый век! Вот я был вчера в торговом центре, там вместо лестниц эскалаторы!

Кое-как объясняю, что эскалаторы не влезут ни по габаритам, ни по массе, стоить будут, как вся эта пятиэтажка, а энергии жрать, как целая улица. И вообще, ТЦ — это одно, а жилой дом — другое, и нефиг извратом заниматься. Вроде отстали.

— Жильцы жалуются, что в подъезде постоянно посторонние, а у многих квартиры часто грабят!

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

— Пять этажей — мало. Давайте ещё штук двадцать добавим!

Кое-какой запас, конечно, есть — не зря же я в своём строительном ПТУ учился. Этажей пять фундамент ещё выдержит, а на пределе прочности — и все десять, но от двадцати точно конструкция сложится, как карточный домик, клянусь своим мастерком.

Сторговались на четыре дополнительных этажа. Через полгода дом готов. Правда, лифты по прежнему ходят только до пятого, а вода в последних этажах бывает только поздно вечером, но да ладно. Заказчик всё равно ноет, что девять этажей — мало.

Решил построить рядом новый фундамент, попрочнее, с запасом. Ночью аккуратно переставляю дом на новый фундамент — и у дома обваливается одна стена. Кроме того, забыл впопыхах, что все коммуникации идут в старом фундаменте, поэтому дом остался без света и воды.

— А вот я вчера видел рекламу президентского бункера. Сказали, он выдерживает прямое попадание мегатонной боеголовки. А наш дом выдержит?
— Нет, конечно.
— А почему? Надо, чтобы выдерживал!

Вот так и живём.

[commando]

Боян, но веселый. Раньше с адекватными верстальщиками проблем не возникало. Если вам нужна документация на 20 страницах, то ее конечно нет

[Aquarius2]

Боян, но веселый. Раньше с адекватными верстальщиками проблем не возникало. Если вам нужна документация на 20 страницах, то ее конечно нет

А еще раньше

трава была зеленее и деревья были выше

В принципе, все ясно.
Вот, дарю.

Стандартное техническое задание на HTML-верстку

Не на 20 страниц, но для типового может хватить.

1. Любая HTML-страница должна быть создана в соответствии со стандартами предписанными W3C (всемирный Интернет консорциум), и как следствие проходить тест на валидность, не выдавать ошибок (errors) и , по возможности, замечаний (warnings). Проверять валидность следует с помощью онлайн сервиса http://validator.w3.org/ Вот пример того, как валидность проходит главная страница Яндекса

2. HTML-страница и сопровождающие её файлы должны быть минимизированы с точки зрения физического размера:

2.1. Оптимизирована должна быть вся графика:

2.1.1. Каждый графический файл должен быть реализован в том графическом формате (gif,jpeg,png), который обеспечивает его минимальный размер

2.1.2. Графические файлы, обеспечивающие отображение элементов пользовательского интерфейса в различном состоянии (при наведении, при клике), должны быть выполнены спрайтами – логическими объединёнными графическими файлами.

2.2. HTML-файл должен содержать минимальное количество технического кода

2.2.1. Необходимо использовать целевые тэги с минимальными сигнатурами, что обеспечивает быструю загрузку страницы и пользователями и поисковыми роботами, что в итоге учащает появление поискового робота на HTML-страницах

<!--
Не првильно:
- не целевой тег
- сигнатура отягощена атрибутом класса
-->
<span class="boldText">выделить?</span>

<!--
Не желательно:
+ целевой тег
- не самая короткая сигнатура
-->
<strong>выделить</strong>

<!--
То, что надо:
+ целевой тег
+ минимальная сигнатура
-->
<b>выделить!</b>
2.2.2. Необходимо минимизировать определения классов в HTML коде, главным образом за счёт иерархического доступа и предельного сокращения имён

<!--
Не правильно:
- не используется возможность иерархического доступа
- классы названы избыточно
-->

<style>
div.superDiv {...}
ul.ulSuperDiv {...}
li.itemUlSuperDiv {...}
</style>

<div class="superDiv">
<ul class="ulSuperDiv">
<li class="itemUlSuperDiv">item 1</li>
<li class="itemUlSuperDiv">item 2</li>
<li class="itemUlSuperDiv">item 3</li>
</ul>
</div>

<!--
Правильно:
- используется возможность иерархического доступа
- классы названы минимально допустимо
-->

<style>
div.sd {...}
div.ds ul {...}
div.ds ul li {...}
</style>

<div class="sd">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
1.3. HTML-страницы, а также сопровождающие их текстовые файлы (html, css, js и др.) должны представляться в формате utf-8, который является международным стандартом и гарантирует правильное отображение HTML страниц и их текстового содержания на любом компьютере мира. Важно понимать, что кодировка HTML страницы, как текстового файла, определяется не выставлением мета тега,

<mеta http-equiv="Content-Type" content="text/html; charset=utf-8" />
а именно соответствующим байтовым преобразованием символов; в тоже время, выставление вышеуказанного мета тега обязательно для HTML-страниц

3. Файлы CSS должны создаваться в соответствие с Синтаксическим стандартом CSS

4. Используемые вспомогательные технологии:

4.1. В случае возникновения необходимости в использовании JavaScript, в качестве основной технологии следует использовать библиотеку JQuery (http://www.jquery.com)

4.2. В случае возникновения необходимости внедрения Flash элементов дизайна, для внедрения следует использовать библиотеку SWFObject

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

4.4. В случае возникновения необходимости в корректном отображении png-файлов в несовместимых браузерах (IE 5,6), следует пользоваться библиотекой DD_belatedPNG

5. Все пути к ресурсам верстки должны быть относительными.

6. Файловая организация

7.1. В корне размещаются файлы html и директории ресурсов верстки

7.1.1. Директория "gr" — все графические файлы

7.1.2. Директория "css" — все файлы css

7.1.3. Директория "js" — файлы JavaScript

7.1.4. Директория "swf" — файлы Flash

8. Совместимость с операционными системами

8.1. Microsoft Windows

8.2. Mac OS

8.3. Linux

9. Совместимость с браузерами и их версиями

9.1. Internet Explorer: от 6-ой версии

9.2. FireFox: от 2-ой версии

9.3. Chrome: начиная с 3-ей

9.4. Safari: начиная с 3-ей

9.5. Opera: начиная с 9-ой

9.6. Opera Mini

10. Для контентной области, ожидаемо должны работать все стандартные теги: P, UL, OL, LI, H1-H6, BLOCKQUOTE, CENTER

10.1. Ожидаемыми являются отступы, в том числе и относительные (к примеру, при вложенных списках)

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

11. Форматирование HTML-кода

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

11.2. Комментарии к коду не обязательны, а избыточные не приветствуются и должны удаляться.

12. JavaScript код

12.1. Сопровождающий js-код (находящийся между тегами SCRIPT) по возможности должен быть вынесен во внешние файлы – один или несколько в зависимости от логики и объёма.

[Griffit]

"Файлы CSS должны создаваться в соответствие с Синтаксическим стандартом CSS" - интересно, а по каким еще стандартам можно создавать CSS.
"P, UL, OL, LI, H1-H6, BLOCKQUOTE, CENTER" - это все должно быть в нижнем регистре.
7.1.1. Директория "gr" — все графические файлы

"7.1.2. Директория "css" — все файлы css

7.1.3. Директория "js" — файлы JavaScript

7.1.4. Директория "swf" — файлы Flash" - маразм.

Откуда вообще эти правила? Кто их писал? Одна половина масло масляное, вторая маразм.

И чуть не забыл, тег "CENTER" - давно устарел и сейчас не применяется.

[Dimash]

"Файлы CSS должны создаваться в соответствие с Синтаксическим стандартом CSS" - интересно, а по каким еще стандартам можно создавать CSS.
"P, UL, OL, LI, H1-H6, BLOCKQUOTE, CENTER" - это все должно быть в нижнем регистре.
7.1.1. Директория "gr" — все графические файлы

"7.1.2. Директория "css" — все файлы css

7.1.3. Директория "js" — файлы JavaScript

7.1.4. Директория "swf" — файлы Flash" - маразм.

Откуда вообще эти правила? Кто их писал? Одна половина масло масляное, вторая маразм.

И чуть не забыл, тег "CENTER" - давно устарел и сейчас не применяется.

Я так понял, что человек просто показал пример ТЗ, эти правила могут быть изменены клиентом в произвольном порядке. Например, у меня свои требования к верстке, мне не подходит "работает" и хорошо, мне надо, чтобы верстка соотстветствовала именно моим стандартам, а не только W3C. Под "свои стандарты" я подразумеваю индивидуальные тех. процессы, весртка всего-лишь маленькая часть схемы кастомных проектов.

Но, конечно, некоторые пункты, особенно про табуляцию, выдают некий непрофессионализм верстальщика.

[commando]

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

[Aquarius2]

Так долго будете искать - предрекаю.

[Rosamary]

Очень нужна практика. Давайте попробуем. Я - дизайнер полиграфии, изучающий html, css. Вот первый опыт plex.com.ua (белый фон в блоке контента захотел клиент, там градиентный фон был изначально), дизайн и флешки там тоже мои. Обязательная и старательная. Пью чрезвычайно редко
093-707-29-11 Татьяна