Уроки по web-дизайну

Да и еще нашёл какойто форум по этой проге ***********
Вот ещё книжку нашёл тута
А это прямая ссылка на сайт где она лежитздеся
Удачи))))


Обойдемся без ссылок на посторонние ресурсы плана первой ссылки.

Обойдемся без ссылок на посторонние ресурсы плана первой ссылки.
С уважением к модераторам.(всегда готов извиниться если не прав)Извиняюсь.(без обид)

Предлогаю обсудить такой момент : При создании любой страницы используется графика jpg, png, gif - только вот качество данной графики имеет свойство резко ухудшаться((. К примеру Я вставляю картинку с Синим шариком на белом фоне в формате png- рисунок должен быть кнопкой, все прекрасно в Дриме выглядит (виден только шарик а белый воспринимается как прозрачность) и предпросмотр в Фаерфоксе тоже показывает все так как надо, а вот стоит страницу загрузить в эксплоере - так этот паганец белый фон вокруг шарика окрашивает серым)) мне то пофиг я Эксплоером не пользуюсь, но ведь на сайт будут люди ходить которые в принципе и не знают что есть другие браузеры.

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

Сегодня скачал фотошоп, думаю придется и его осваивать((

Кто какие форматы использует и вообще как грамотно использовать графику??)

(Oliariia @ 13.03.2006 - время: 14:06) Если есть желающие обьяснить какую либо тему по вэб-дизайну(так же по фотошоп и другим программам касающихся дизайна) и на каких условиях?
Пишите мне в личку или в тему.
Вообще, как тут уже говорили, купи хороший учебник по HTML... Забудь надолго про дримвейвер, пользуйся блокнотом. Есть хорошая книжка: "HTML, скрипты и стили", автор - Вадим Дунаев. СОВЕТУЮ. Сам ей до сих пор пользуюсь, хотя HTML, яву и CSS знаю хорошо... Эта книга у меня как вторая библия!

Дело в том что я до использования того же Дрима, прочитал книгу HTML 4.0 Матросов, Сергеев, Чаунин (но не совсем до конца прочитал)).
Я пробывал делать простейшие странички в блокноте, но когда дело доходит до рисунков, картинок, мне обязательно нужно видеть постоянно что я делаю, с воображением слабовато((. То что без книжки некуда это ясно, переодически к ней возвращаюсь, просматриваю что прочел и потихоньку заглядываю дальше.

Но вот на счет форматов изображения хотелось бы уточнить чегонить (в моей книге об этом не говорится)

Лучший редактор для web-страниц - это блокнот.
Правда в моем случае использую оболочку mc, которая грамотно подсвечивает все тэги, пишу я на html, php или perl/cgi.
Только в таком случае можно понять полностью - что, зачем и как.

По поводу графики - слабоват я в ней, хотя вот на этом сайтике: https://shkola.net.ua
делал сам. Немного флэша, немного фотошопа.

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

А вообще в html нет ничего особенно сложного, главное правильно понять, что же вообще нужно. Определиться и вперед =)

Не сводите тему к трепу Дримвивер против блокнота
Кстати по дивам ктото уроки встречал?

(Алеандр @ 19.10.2007 - время: 00:04) Лучший редактор для web-страниц - это блокнот.
Правда в моем случае использую оболочку mc, которая грамотно подсвечивает все тэги, пишу я на html, php или perl/cgi.
Только в таком случае можно понять полностью - что, зачем и как.

По поводу графики - слабоват я в ней, хотя вот на этом сайтике: https://shkola.net.ua
делал сам. Немного флэша, немного фотошопа.

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

А вообще в html нет ничего особенно сложного, главное правильно понять, что же вообще нужно. Определиться и вперед =)
Дизайн сайта работа творческая) получается вначале надо научиться самому рисовать. Я раньше учился в худ. школе, но это когда было?)))))

Лучший редактор это Notepad++

Приветствую!
А кто делал сайт в программе WebBuilder? Есть такие? Хочу поробовать сама сделать сайт с помощью этой программы.

(Oliariia @ 13.03.2006 - время: 14:06)
Если есть желающие обьяснить какую либо тему по вэб-дизайну(так же по фотошоп и другим программам касающихся дизайна) и на каких условиях?
Пишите мне в личку или в тему.
Учись сам и задавай вопросы на нормальных форумах.Главное поставь задачу и работай.

(katyno @ 22.03.2013 - время: 23:41)
Приветствую!
А кто делал сайт в программе WebBuilder? Есть такие? Хочу поробовать сама сделать сайт с помощью этой программы. Если серьезно хочешь заняться сайтостроением ,то Adobe Dreamweaver.
Не бери программы для детей.А просто страницу сделать можно и в блокноте. А сайт сделаешь в любой программе предназначенной для сайтостроения.Если профессионально заниматься то
Dreamweaver.

(Di_Ger @ 14.11.2007 - время: 22:51)
Не сводите тему к трепу Дримвивер против блокнота
Кстати по дивам ктото уроки встречал?
Есть конечно и уроки.
Dreamweaver лучшая программа для сайтостроения.
Блокнот баловство для начинающих.

Поддерживаю! Иногда и блокнотом приходится пользоваться.

(singletone @ 28.05.2013 - время: 13:28)
Поддерживаю! Иногда и блокнотом приходится пользоваться.
В дринвике можно и просто писать.Хотя теги конечно знать надо ну и работу со стилями.Иногда бывает прописываешь вручную хоть и редко

Мои 5 копеек:
Сделать исходкик страницы/сайта можно чем угодно, хоть Wordом. Но HTML так и останется темным лесом. Только прямая работа с кодом научит, а уж чем его править - блокнотом, F4 в FARе или как еще - дело десятое. Однако пропущен такой момент как оптимизация. Конечно, юзер теперь не тот и лекго прокачает на 1Мб больше, но как раздражает, когда страница весит х.з. сколько, а информации с гулькин х.., простите, нос.
Посмотрите на код любой страницы: куча лишних тегов, пробелов для читаемости при отладке и т.п.! Объем кода спокойно модно сократить процентов на 30!
Далее - маразмы с картинками. Суют картинку в 100 кб, которая потом перемасштабируется в 100х150 пикселей. Тажелый фоновый рисунок, мельтешение ненужной анимации GIFов и флешей... Не, красиво, иногда, Но чаще просто раздражает.

По форматам:
JPG - формат со сжатие путем выкидывания незначительных (с точки зрения машины) деталей. Качество выходной картинки зависит от степени сжатия, о которой, вообще-то, редакторы спрашивают при сохранении. Не поддерживает прозрачный фон (на сколько помню). Не поддерживает анимацию. Пользуется популярностью именно из-за малого объема картинок.
GIF - формат без уродования картинки, есть прозрачный фон и анимация. НО только 256 цветов из адаптированной палитры.
PNG - более широкие возможности по сравнению с GIF, т.к. делался на замену его.

Я пишу вот уже страничку наверное 5.
Да, я не супер-пупер-крутой есть и лучше. Но начал изучать язык методом проб/ошибок и пробовал, пробовал, пробовал не получалось я а не опускал руки и работал дальше. Сейчас иногда бывает, что и у меня задержки (обычно пишу дней за 7-10 сайт (многостраничный)), а с задержкой может и до месяца выйти.
Сейчас вот от нечего делать на работе из ничего сделал сайт, что дрзья ахнули, и сказали где я его взял. Думают я копирую сайты.
Если нужно обьяснить по тегам и строению, немного попытайтесь сами(чтобы опыт был), а потом можете спросить у меня. Пишу в блокноте и всегда у меня "чистый" код. Что его и сжать то нельзя. Пробовал.

P.S. Без труда не вытянешь и рыбку из пруда

Web-дизайн и Web-кодинг вобщем-то понятия отличающиеся, по Web-программированию множество посредственных самоучителей и минимум какие можно советовать. Для этого английский знать обязательно на минимальном уровне, чтобы глупых вопросов избежать. Можно попробовать оценить пару видеоуроков для начала:
Lynda.com - Up and Running with HTML 2012 James Williamson
Lynda.com - CSS Web Site Design 2006 Eric Meyer
Video2Brain.com - Introducing the JavaScript Language 2012 Joe Chellman
Video2Brain.com - Getting Started with JavaScript Programming 2012 Joe Chellman

И да, к слову, DreamWeaver программа не для писателей, а для трактористов и домохозяек.

По веб-дизайну есть такая старая программа Хом сайт.
Берете даже фри-шаблон и воспроизводите сами в этой программке.
После данного урока у вас больше не должно возникать особых сложностей с кривизной кода.