Сегодня столкнулась в одном клубе на Яндексе с очередной несправедливостью.
Человек попросил сделать сайт. Просьба выглядела примерно так - "Помогите. Нужен сайт. Сколько стоит. Сколько времени займет его сделать..."
Так в основном, и звучат часто в инете просьбы сделать сайты. Тут же посыпались оригинальные предложения сделать сайт за 1500 штуки баксов, когда человек сказал, что дорого - начались оскорбления от профессионала и послания на х@й... вообщем ужОс.
Дорогие разработчики-профессионалы, я понимаю, что вы везде был и все видели, что каждый хочет найти, простите,  лоха и впарить ему свое бесценное творение... НО так нельзя обращаться с людьми. Если тебя это не интересует, то не говори ничего вообще, если заинтересовало, то найди компромис...

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

Первоначально необходимо определится с уровнем своей крутизны и соответственно возможной крутизны сайта. Необходимо понимать, что сайт, который отличается от того что предлагает бесплатный хостинг Яндекс.ру (не в коем случае не хочу обидеть Яндекс) будет стоить денег. Причем чем круче дизайн и функционал, тем больще выкачка денег.
В нормальной приличной фирме большенство шагов сделают за вас профисионалы, но если вы решили сделать это путем удешевления и заказываете сайт просто в интернете у добровольцев, то эта печальная обязанность полностью ляжет на вас.
Итак есть следующие варианты разработки:
    - сайт под ключь - дизайн+порезка+написание функционала+размещение(подбор доменного имени и хостинга)+СЕО(раскрутка сайта).
    - сайт по частям - дизайн+порезка+написание функционала+размещение+СЕО - все заказываете как вам удобно. Домен и хостинг - подбираете сами если хотите. Раскруткой тоже занимаетесь сами.
Какой вариант выбрать - вопрос спорный. Если фирма серьезная, то это делают путем заказа в нормальной конторе, либо у проверенных людей.
Если же сайт для себя. то надо учитывать, что никакая крупная контора не возьмется делать сайт который не окупится. Т.е. надо выбирать тогда маленькую фирму которая берет малобюджетные заказы. плюс если вам там предлагают сайт за 2ва дня и по очень низкой цене, то надо знать, что вам предлагают шаблон, который:

    а) не будет уникальным (или прийдется заплатить денежку, чтобы его больше не продали никому)
    б) еще не факт. что вы сможете его сами админить, возможно прийдется платить за изменения отдельно
    в) предложенный хостинг может быть ужасным, а доменное имя по меньшей мере странно подобранным.

Так что все это надо отсеживать и обсуждать.

1. Итак, во-первых определяемся с тематикой сайта. Если дизайн будет заказанным, то необходимо будет объяснить толково чего мы таки хотим, чтобы не тратить время.

2. Тщательно продумываем структуру сайта - в данном случае логическую: меню, пункты меню, что куда ведет (чтобы не было странных и никуда не ведущих ссылок, задвоенных ссылок) - вообщем всячески пытаемся сделать логическое юзабилити (то есть удобство для пользования).

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

4. В-четвертых, так же определиться с дизайном сайта. Либо вы хотите сделать дизайн сами. Либо можно полностью заказать дизайн. но обязательно нужно продумать так называемый макап сайта - расположение элементов. Для этого необходимо облазить кучу сайтов и выбрать наиболее понравившийся вариант. Никогда, не полагайтесь целиком на дизайнера! Он может впарить вам и пресловутую розовую собачку, только бы взять за это дополнительные средства. Рассматривая разработанный дизайнером дизайн - трижды подумайте - это ли вы хотели и вам точно это все нужно! помните - это ваши деньги.

 5. Если вы всеже согласились с дизайном теперь пора обзаботится порезкой, т.е. реализацией нарисованного в рабочее. :)
Сразу отметаем тех, кто кричит, что DreamWaver это круто! Туда же идет MS FrontPage и им подобные. Запомните, нормальный сайт режут РУКАМИ и только ими, но не обязательно в Notepad. Есть куча специализированных программ для этого. Никогда не платите деньги за сайты сделанные в автоматических редакторах!
При порезке также стоит требовать прохождение сайтом валидации (соответствие стандартам W3C) и кроссбраузерность. Валидный сайт всегда лучше воспринимается поисковиками. Сайт должен как минимум корректно отображается в Фаерфоксе и Интернет Эксплорере 6-7. можно даже в Опере.
Верстка может выполняется таблицами, блоками, или смешано. Разбирать что лучше нет смысла - мнения расходятся. Лично я предпочитаю фиксированную блочную верстку - резиновой табличной. Но это мое ИХМО.
Особое внимание надо уделить смене разрешения на мониторе. Сейчас базовое - 1024х768. 800х600 уже редко где найдешь. Сайт нормально отображается на этом разрешении если его ширина не превышает 1000 пикселей (+/-5). Если размер будет больше, то появится горизонтальная полоса прокрутки.
Так же необходимо обозначить использование тегов разметки h1, h2 итд для заголовков, наличие alt и title у ссылок и рисунков. Это важно для поисковиков.
И самое важное - сайт должен быть сверстан с применением CSS. Любая стилевая разметка - цвет, фон итд выносится в CSS и только туда.

6. Шестой и наиболее важный пункт - продумывание функционала. Если сайт достаточно прост - в него даже не надо запихивать Java Script. Большенство визуальных эффектов решается в css. исключением могут стать формы ввода, ну и какие-либо специфические вещи - типа календаря итд. Подумайте, нужна ли вам технология AJAX, которая сейчас заниает уверенное место в сайтостроении. Это весьма полезная вещь, но если сайт с ограниченным бюджетом  и к тому же лишний - зачем навороты.
Еще надо продумать нужен ли вам поиск. Есть обычный поиск - поиск по сайту и интелектуальный - ищет более продумано + еще и в инете, а не только на сайте.
И самое важное - наличие CMS. CMS - это система управления сайтом. Может выглядеть как грубо написанное приложение, либо как мини сайт. Если вы хотите сайт с ней, то вы получаете возможность цивилизованного добавления контента на страницу, но сайт обойдется гораздо дороже. Можно обойтись и без нее, но тогда изменения в контенте прийдется делать руками прямо на странице.
Сюда же можно отнести форумы, регистрации, гостевые книги, отзывы, счетчики посещений... вообщем кучу полезностей, которая стоит денег.

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

И когда мы для себя определимся со всей это информацией, то можно выходить на форумы специалистов и просить помощи, написав им следующее сообщение:

Нужен сайт:
 - Тематика: - ( про пенобетон :), про котов, про собак, итп)
 - Тип сайта - (личная страница, сайт-визитка, итп)
 - Предполагаемое количество страниц - (1,2,3...очень много)
 - Требования к дизайну - (ваши наработки - вы даете готовый дизайн или хотя бы макап (структуру расположения элементов), чужой  креатив - человек сам делает на свой вкус по заданной тематике, итп)
 - Функциональность сайта - (вам нужен статический сайт - контент добавляется ручками, сайт с пресловутой CMS - вы можете сами динамически добавлять контент на сайт с помощью админки, нужен ли поиск, какой поиск, итп)

- Ваши ЛИЧНЫЕ контакты.

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


С уважением, Black Cat  :)

Действующие лица:
Project Manager (далее PM) - тpудолюбивый и талантливый
Пpогpаммист - умный, поэтому ленивый
Клиент - богатый, но глупый, так всегда.
Генеpальный - тот, кто всем этим запpавляет. пpо него ничего говоpить не буду.

Клиент: “Hадо сделать слона.”

Менеджеp Пpоектов: “это пpогpаммистский подход к pеализации модульных pешений:

Реализация:

беpем бегемота, навешиваем на него хобот и уши…

даем пиз@юлей пpогpаммеpу, котоpый запихнул хобот в зад

получаем жалобу от клиента, что пpи сильном ветpа уши закpывают глаза

получаем жалобу от клиента, что хобот начинается между глаз, но по-пpежнему уходит в зад

даем пиз@юлей пpогpаммеpу, чтобы поменял обpатно уши слева напpаво и наконец-то вынул хобот из зада

получаем жалобу от клиента, что когда слон ест, у него хобот отваливается

даем пиз@юлей пpогpаммеpу, котоpый забыл пpовеpить сочленение хобота и опять поменял уши

замечаем, что хобот в поpядке.. но вывеpнут наизнанку

получаем жалобу, что вместе с хоботом на голову пеpекочевал и хвост, а уши тепеpь слышат только с 9 до 11 утpа

в конце замечаем, что вместо бегемота взяли детеныша жиpафа.. ну да и чеpт с ним, никто возиться уже не хочет.. вот в следующей веpсии…..

Пpогpаммеp: “Мне не пpедоставили подpобный анализ внутpенностей бегемота и его pодословню вплоть до 4-го поколения!!!!”

Клиент: “Так, мне все нpавится.. вот только.. мне бы кенгуpу, а? Может навесите спеpеди сумку и убеpете хобот?”

Генеpальный: “сумка не входила в изначальные спецификации, квотиpуем”

Project Manager: “да, pазумеется, все сделаем.. но это доп. модификации, котоpые будут стоить.. ээ… Пpогpаммеp, за сколько пеpеделаешь слона в кенгуpу?”

Пpогpаммеp: “Б@я, вот уpоды!!! Мне нужны были четкие спецификации с самого начала!!! Я отказываюсь так pаботать!!!”

Project Manager: “Пpогpаммеp, сколько по вpемени????”

Пpогpаммеp: “за 2 дня сделаю..”

Project Manager: “таак.. 4 дня * $200.. Hам нужно еще $1200!”

Клиент: “$1200 чтобы пеpеделать слона в кенгуpу?????”

Project Manager: “$1000″

Клиент: “Договоpились. Только можно он будет с pогами?”

Project Manager: “Пpогpаммеp?!!?”

Пpогpаммеp: “еще день”

Project Manager: “Еще 250″

Клиент: “Чеpт с вами.. давайте без pогов. Хотя я с самого начала говоpил - нужны pога!!!!”

Пpогpаммеp: “Все, готово. Только у меня тут pога вылезли.. Убpать?”

Project Manager: “убиpай”

Пpогpаммеp: “чеpт, еще день..”

Project Manager: “готово”

Клиент: “все ok… а почему у него 2 хвоста и хобот болтается??”

Project Manager: “б@я”

Пpогpаммеp: “б@я”

Project Manager: “испpавили”

Клиент: “а где хвост?”

Project Manager: “б@я”

Project Manager: “испpавили”

Клиент: “Хоpошо, пpинимаю.. но можно все-таки с pогами? Пусть уж доп. 250 будет..”

Project Manager: “Пpогpаммеp, испpавляй”

Пpогpаммеp: “??:” :%;” ?^%$#&^%@&!!!!!!!!! Я pога целый день убиpал!!!! МHЕ HУЖHЫ ТОЧHЫЕ СПЕЦИФИКАЦИИ!!!”

Пpогpаммеp: “готово..”

Project Manager: “Сделали”

Клиент: “Идет.. но обычно 2-х pогов хватает.. убеpите 3-й plz”

Project Manager: “б@я”

Project Manager: “испpавили”

Клиент: “Опять уши глаза закpывают! Убеpите.”

Project Manager: “Это было в тз. $250, чтобы убpать.”

Клиент: “Фиг с вами…”

Теперь у меня есть персональная страница на Я.ру — Black Cat!

Я.ру - это новый сервис Яндекса, на котором делятся с друзьями самым интересным, знакомятся, дружат или ссорятся, вывешивают фотки, комментируют свои, чужие записи, обмениваются ссылками и рассказывают о своем настроении.
37680335.2485ab5fa752662bd32d9e206142b239.1215887866.eea1be79e09e269497baab7aa5953dc5

Взято здесь: http://cssing.org.ua/2008/03/01/miyamoto-musasi/

Ассорти из советов для фрилансеров-верстальщиков от одного из лучших воинов этой планеты.

Cостояние духа

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

Не позволяйте багам возникшим в верстке завладеть вами. Все равно, по опыту, они всегда решаются только когда успокаиваешься и перестаешь орать “Ну какого !@# IE!?”.

Когда вы увлечены эмоциями, вы себя с ними отождествляете. Буддисты, например, советуют разделить себя и свои эмоции. Очистить душу для любви (к вёрстке) и сострадания (к багам).

Еще очень хорошо создать внутри состояние спокойствия, когда вы знаете, что сейчас вам начнут звонить, писать и всячески вас пытаться раздражать. Лучше в этот момент стать спокойным и обычным.

Стать противником

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

Когда вам кажется, что клиент вас убьет своими доделками, просто поставьте себя на его место. Он уже на исходе сил в написании 35го пункта(у меня это было!) в поправках к вёрстке =)

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

Люди с хорошим воображением, могут представить как тяжело на самом деле Интернет Эксплореру. Нет, он не черный непробиваемый ящик, который удивляет вас своими фокусами. Он просто загнанный нашими хаками в угол мышонок, который дрожит и своими неловкими испуганными движениями может порой удивить вас. Ну разве можно ругаться или злиться на маленького беспомощного мышонка?!

Много противников

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

А это о работе на несколько заказчиков. Или просто над несколькими проектами в одной компании. Часто замечал, что первым делом отвечаю и занимаюсь приятными проектами. Вместо того чтобы делать то, что “нужно на самом деле”. То есть, отвечать тем “противникам”, которые первые атакуют.

“Ожидание пагубно”, а это вообще “Do It Now”, прямым текстом.

Школы, использующие сверхдлинный меч

Некоторые школы предпочитают сверхдлинные мечи. С точки зрения моей Стратегии — это слабые школы. Они не принимают принципа “рубить врага любыми средствами”. Они предпочитают особо длинный меч. Полагаясь на его длину, они думают нанести поражение противнику с расстояния.
…В своем рассуждении я отрицаю заданность, узкий настрой.

Под сверхдлинными мечами, очевидно, имеются ввиду супер-крутые редакторы. Dreamweaver, и прочие IDE. Часто люди охотятся за ними, пытаются узнать кто каким пользуется, обновляют их постоянно, надеясь таким образом удлинить свой меч. А некоторые, в свою очередь, агитируют за свои редакторы, софт. Мол, скачайте это, и вы начнете быстрее работать!
Для меня редактор и меч очень четко ассоциируются, и я верен Мусаси. Главное “рубить врага любыми способами”.

Тот же самый принцип в полной мере относится к языкам программирования, известные споры “PHP vs Perl”, “Ruby vs PHP” etc. Главное рубить, ребята…

И еще, неважно у какого профессионала вы учитесь, как видите, можно научиться веб-разработке у знаменитого мечника. Просто нужно учиться рубить любыми способами, и смотреть на вещи шире.

Недавно столкнулась с такой проблемой: есть блок в котором размещена картинка неизвесной высоты и ширины. И она должна всегда отображатся по центру блока как по вертикали, так и по горизонтали.

Firefox ведет себя как приличный браузер, а на IE слов не хватает. Нашла вот каой метод борьбы:

Допустим внешний блок "block" имеет высоту 115px, внутри него расположена ссылка "link", а внутри ее расположен сам рисунок.

Для ссылки link код такой:

div.block a { display: table-cell; vertical-align: middle; width: 125px; height: 115px; zoom: 1; *display: block; line-height: 115px; }

- display: table-cell; vertical-align: middle; - это для адекватных браузеров.

- zoom: 1; *display: block; line-height: 115px; - для неадекватных. zoom=1 - делает для ie layout = -1. 

Для рисунка:

.item div.block a img { *display: inline; vertical-align: middle; line-height: normal;  }

 - *display: inline; - для неадекватных браузеров.

А для вообще неадекватного браузера IE6 используем:

div.block a img { margin-top: expression((115-height)/2 + "px") !important; }.

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

Удачи. :))

Кто бы мог подумать - какие мы всетаки зависимые интернет-дети...

Блин, у нас на чердаке в доме видать коротнуло свич - с прошлого четверга дома без инета!

Завтра прийдет мастер и еще не ясно сделает ли он что-либо - ибо из-за нашего долбанутого мера - кабельщиков и сетевиков не пескают на чердак...

И вот, пусть был хреновый - 128битный анлим - он это было общение, информация, развлечение...эх...

До чего-же мне его дома не хватает...

Как-то мне грустно...

Сегодня окончательно убедилась, что начальство держит меня за лошицу... Даже наш программер на испытательном сроке получает больше чем я за свои 9ть месяцев работы на фирме...

Конечно нужно идти просить повышение, но как-то не хочется - тошнит мне от них...

Уволится что-ли...

Сейчас парюсь с админкой одного проекта - фактически сайт в сайте.
Наткнулась на сложность - я делала выпадающее меню на css без джава скрипта. А у меня последний пункт выпадал на select. А 6 ИЕ всегда ставит select поверх всегго.
Вот ссылка как боротся с этой дрянью - реально помогло.
http://www.hedgerwow.com/360/bugs/css-select-free.html

- Курица OS/2: перешла дорогу несколько лет назад, но никто этого не заметил.

- Курица Windows 95: У нее разноцветные перья, которые она демонстрирует, переходя дорогу, но переходит она так медленно, что кто-нибудь обязательно ее задавит.

- Курица Windows 95 OSR2: переходит дорогу только в случае совместимости с собственными лапами.

- Курица NT: перейдет дорогу в июне или в июле: нет, в августе, даже в сентябре: а скорее в октябре.

- Курица Microsoft (TM): обосновалась по обеим сторонам дороги, а прежде чем пересечь дорогу, она ее купила.

- Курица ООП (Объектно ориентированное программирование): ей нет необходимости переходить дорогу: она отправляет сообщения по почте.

- Курица Ассемблер: сначала она строит дорогу:.

- Курица C: переходит дорогу, не оглядываясь по сторонам.

- Курица C++: дорогу переходить не нужно, достаточно ссылки на [курица] из любого места.

- Курица COBOL:
0001-КУРИЦА-ПЕРЕХОД.
IF CARS=0 THEN
PERFORM 0010-ПЕРЕЙТИ-ДОРОГУ
VARYING STEPS FROM 1 BY 1 UNTIL С-ДРУГОЙ-СТОРОНЫ
ELSE
GO TO 0001-КУРИЦА-ПЕРЕХОД.

- Курица Java: если вашу дорогу должна пересечь курица, сервер скачает ее с другого места.

- Курица Web: ставит одну лапу на дорогу, поворачивается направо и бежит не разбирая дороги.

- Курица Delphi: ее привлекает другая сторона дороги.

- Курица Word: единственная курица, которая становится толще в несколько раз, от одного только пересекания дороги.

- Курица CRAY: это до того быстрая курица, что если не поместить ее в жидкий азот, то когда она добежит до другой стороны дороги, она будет уже полностью прожаренная.

- Курица Linux: самая известная, просто звезда нашего времени, так как все только о ней и говорят. Считается, что нужно внести небольшие изменения в генетический код, чтобы у нее появился красивый клюв, затем перекомпилировать, потом внести еще изменения в генетический код, чтобы она смогла нести золотые яйца, и снова перекомпилировать, затем внести еще изменения в генетический код, и ноги у нее станут достаточно быстрыми, чтобы пересечь дорогу, затем: перекомпилировать; таким образом в обращении сейчас находятся 653 987 перекомпилированных версий - клонов курицы Linux.

Ищу в инете название старого мультика, про то, как художник заснул под деревом и проснулся в зачарованном лесу. Он собственно называется "Заколдованный лес". Ну суть не в этом...
Вот что отжегают люди на форумах пытаясь вспомнить названия. :) Просто под столом лежала....

Успехов - в pаботе! Погоды - пpиятной!
Любви - чистой, нежной и неоднокpатной!
Детей - pазнополых! Пальто - по фигуpе!
Соседей в купе - что не пьют и не куpят!
Волос - шелковистых! Зубов - белоснежных!
Мужей - состоятельных! Спонсоpов - нежных!
Любовников - умных! Супpугов - в законе!
Свекpовей - живущих в дpугом pегионе!
Hевесток - покоpных! Таpелок - помытых!
Мужей - не хpапящих и на ночь побpитых!
Коллег - не зацикленных только на бабах!
Вpагов - слабосильных! Вpагов - сильно слабых!
Обедов - в постель! Впечатлений - поляpных!
И... этих... ну... в общем, того... pегуляpных!
Чулок - без затяжек! Hи дня - без обновки!
Мужей - в очень длительной командиpовке!
Любви - обжигающей, как в сеpиале!
По пять сеpиалов - на каждом канале!
Романов - куpоpтных! Поpывов - безумных!
Соседей и снизу и свеpху - бесшумных!
Поездок - не на огоpод, а на моpе!
Пиpоженок - вкусных,  но чтоб без калоpий!
Машин - иностpанных, но pуль чтобы слева!
Духов - от Диоpа! Цветов - ежедневно!
Hамеpений - pазных, но лучше сеpьезных!
Жилищ - пятикомнатных и пятизвездных!
Заслуженный отпуск - на пляжах и волнах!
Тpоллейбусов - вовpемя и неполных!
Билетов в автобусах - только счастливых!
Дpузей - не занудных! Подpуг - не pевнивых!
Мужей - состоятельных! (Как говоpится,
Раз сильно желаешь - не гpех повтоpиться!)
Любви - чтобы воспламенялась, как поpох!
(Когда это важно, не жалко повтоpов)
Стиpальных машин, пылесосов, комбайнов -
И функциональных, и стильных дизайнов.
Стpастей - изнуpительных! Тpудностей - кpатких!
Бpильянтов - не меньше, чем 40 каpатов!
Сантехники - импоpтной! Родов - без боли!
Пpоблем - никаких! Шифоньеpов - без моли!
И... кажется... что-то еще мы забыли...
А-а-а, ясно!
Любви!!!
И сеpвантов - без пыли!!!
И сбыться - мечте стать великой аpтисткой!!!
И Женского Дня - в год хотя бы pаз 300!!!

Блин, опять болею. На сей раз - галимый ГРИПП!
Вчера было 39 челый день - думала сдохну...
Сегодня чуть спала температура - но чувствую себя, как трактором перехали. :(
Вот такое у меня, блин, 8 марта. :(