Этап 1. Этап 2.
     Следующим этапом стал поход к "продвинутому" приятелю домой (он хвастался, что сделал сайт для фирмы своего отца). У приятеля дома небрежно валялась книга с громким названием "HTML 4.0", я ее слямзил (пообещав пива проставить). Радовался как ребенок, честное слово. Так вот, листая книгу, электронный учебник и прихлебывая пиво, я взялся за работу. Часа 2 я прилежно старался, выстукивая код в программе "Блокнот" и рисуя графику в "Paint". После чего вывесил свой "шедевр" в сети и разослал по ICQ убойную по содержанию фразу "Вася (Серж, Маша и т.д), я сайт забабахал!" Ответы в гостевой и по Аське меня, мягко говоря, удивили и расстроили... Слегка протрезвев, я взглянул на свое первое творение еще раз... Основными претензиями рецензентов были: говно-дизайн и отсутствие содержания. Критика оказалась справедливой.
Этап 3.
     Меня охватила древне-русская тоска. Нахрапом взять Internet не получилось... Криво оформленный креатив "Это я, это мои фотографии - пишите отзывы" читать никто не захотел. Тоска прошла после Нового года, вместе с похмельем. Появились страшные мысли: "а как кнопочки "живые" сделать, а как текст красиво расположить, а как картинку или кнопочку красиво нарисовать, а как..." Ну, вы меня поняли. И полез я снова в Internet за софтом. Итак, что я оттуда извлек: редактор "Quick Tap-Lap HTML" (автор Super-M), графический редактор NeoPaint (NeoSoftWare.com), прогу для создания кнопок STile'99 (HarmWare). Выбор был обусловлен небольшими размерами, бесплатностью (как из многих платных программ делаются бесплатные - практически все знают), простотой использования. "Опытный Вебдизайнер" прочитав предыдущее предложение может закричать: "А где DreamWeaver, а где Photoshop?" Читайте ниже, скоро и про них напишу.
Этап 4.
     Вооружился я, значит, новым софтом, определился с контентом (с тех пор тематика сайта на менялась) и "нарисовал" все по-новому. Получилось, кстати, довольно прилично. Критика приуменьшилась раза в три. Одна беда осталась - природная лень и вечное пьянство-похмелье. Эти факторы уж очень сильно сказались на содержании, вернее - на частичном отсутствии оного. Попутно я заметил наличие на других сайтах красивых гестбуков и форумов (со смайликами, аватарами и прочими украшениями). Стандартный сервис "Народа.ру" таких не предоставлял. А ларчик просто открывался, скажу по секрету - все дело в бесплатных сервисах! Заимел я красивую гостевую книжку и обалденный форум с возможностью хорошей модерации и посильной настройки.
Этап 5.
     То, что вы видите сейчас - следующий этап в моем "росте", как "ВебДизайнера". Есть пара программ, с которых я начинать не советую. Да, да, да! Macromedia Dreamweaver MX и Adobe Photoshop. Почему не советую - только из-за их навороченности и тяжеловесности, без базовых знаний не разобраться. Совсем недавно, кстати, появился неплохой учебник по Dreamweaver от Фукса, скачать можно по адресу http://rupor.net/dw/. Учебник по Фотошопу можно найти на mik-on.narod.ru, там же довольно подробный учебник по HTML. Вот, с помощью этих программ я облегчил свой труд и получил нынешний дизайн и графику. Графика - шапка и картинки про алкоголь, честно упертые с других ресурсов. Не могу я себя представить фотографирующим бутылку водки для размещения ее изображения на сайте.
Этап 6.
     Это тот самый этап, до которого я не добрался. Есть такие страшные слова, как PHP, Pearl, CGI, ASP и т.д. Здесь уже отчетливо пахнет программированием. Не добрался я до этого по трем причинам: лень, отсутствие возможности осуществления и ненужность на данный момент. Все эти прибамбасы и навороты позволяют делать в Web вообще все, что угодно! Но, к сожалению, все это работает на стороне сервера. Не всякий бесплатный сервис предоставляет такие услуги. Вот "дорастет" мой ресурс до платного хостинга - тогда посмотрим. Остается только одно - пользоваться клиентскими скриптами на JavaScript и VBScript. Огромная просьба не путать с языками Java и Visual Basic. По большому счету этих языков можно даже не знать, в сети много библиотек с готовыми скриптами, стоит только поискать. На этом все этапы заканчиваются и начинаются ЧаВо, Основные ошибки и Полезные ссылки.
ЧаВо.

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

Вопрос: Как сделать страницу главной?
Ответ: Обозвать ее index.htm (index.html)

В: Как сделать ссылку на другую страницу или файл?
О: С помощью тега <a href="адрес загружаемой странички>текст ссылки</a>

В: Как расположить меню в столбик?
О: а) при помощи таблиц - универсальный способ разметить документ б) самый простой - тег принудительного перевода строки <br>.

В: Почему картинки не отображаются?
О: а) картинок просто нету на сайте, б) адрес картинки или ее название прописаны неверно (русские символы в названии - это плохо, учитывай регистр в названии)

В: Как загрузить файлы на сайт?
О: Воспользуйся "Мастерской" (если на "Народе") или ftp-клиентом (CuteFTP, Total Commander)

В: Как сделать сайт не по шаблону?
О: Изучай HTML.

В: Почему люди ко мне на сайт не ходят?
О: О твоем сайте никто не догадывается. Знакомься с другими сайтовладельцами, меняйся ссылками, вписывайся в обменные программы.

В: Заходите на мой сайт!!! (5-10 раз подряд)
О: Да пошел ты!!! И вообще - это не вопрос.

Основные ошибки

     1. Хреновая цветовая гамма. Старайтесь избегать резких и ярких цветов. Пользуйтесь 3-5 цветами в оформлении, поберегите зрение посетителей.

     2. Текст не выровнен по краям. Вместо align="left" или align="right" используйте align="justify". Видел массу неплохих сайтов с такой-вот фигней. Читать неудобно.

     3. Большие картинки вписаны в маленькую рамку. Т. е. картинка размером 800х600 вписана в прямоугольничек 40х30. От таких преобразований размер загружаемого файла не уменьшается! А если таких картинок не одна, а штук пять, посетитель даже дожидаться загрузки не будет. Он просто нажмет "закрыть" и все... Граждане, делайте тумбнэйлы (мини-изображения) при необходимости!

     4. Сайт сделан только под большое разрешение. Уж как хотите, а не все смотрят Интернет-сайты в высоком разрешении. Немалая часть пользователей юзает 800х600 или даже 640х480 и "мотать" сайт не только вверх-вниз, но и влево-вправо очень запарно. Постарайтесь сделать сайт под 800х600 или вообще "резиновый".

---

Вебдизайн