Как запустить CSS и HTML

Question

У меня есть общий вопрос, как начать развивать свои навыки в веб-дизайне. Как лучше всего начать и какую технику использовать. У меня есть некоторые знания HTML и CSS, до сих пор я строил сайты с уже сделали все HTML и CSS. Я бы просто использовал его и, возможно, сделал небольшие изменения. Я хочу иметь возможность создавать html и css из изображений, которые создает художественный парень.

Answer 1

http://w3schools.com/ имеет несколько отличных уроков, и вы можете поиграть с вещами прямо на их страницах.

Answer 2

Многие действительно «вычурные» сайты создаются сначала в другой программе, обычно Adobe Photoshop или Adobe Illustrator, а затем «нарезаются» на HTML-элементы. NetTuts имеет несколько учебных пособий о том, как они показывают полное начало до конца. Вот некоторые из них, которые я нашел очень быстро:

• Разработка и кодирование гладкого сайта с нуля - Часть I
• Как разработать и кодировать гибкий сайт
• Новый учебник Plus: конвертирование красивых PSD в HTML и CSS
• Кодирование красивого веб-сайта с нуля: учебник Plus

(последние 2, я думаю, вы должны быть платящим членом)

Answer 3

Вот отличный веб-ресурс для проверки HTML / CSS: http://htmldog.com/

Также выполните поиск в Google по запросу "psd slicing". Это процесс создания изображения макета сайта (a.k.a. mockup) и превращения его в действительный HTML / CSS. Вы найдете множество скриншотов и учебных пособий, которые проведут вас через весь процесс.

Answer 4

Если вы не чувствуете себя абсолютно уверенно, тогда определенно подберите HTML-код Head First. Помимо этого есть несколько сайтов, которые я бы порекомендовал: A List Apart , Стоп Дизайн и как другие упомянули веб-сайт W3.

Работа с дизайнером часто означает, что они будут создавать макеты с помощью Photoshop, и вы будете работать с ними. Так как в этом случае наличие рабочих знаний о Photoshop будет очень полезно для вас. Вам не обязательно быть мастером, но некоторые базовые знания позволят вам создавать такие вещи, как создание спрайтов изображений из макета, и получать информацию о ширине, высоте, цвете и т. Д. Различных компонентов в дизайне. Что касается быстрого набора скорости, существует множество книг на эту тему, книги Photoshop One on One - довольно хорошая серия, и на Lynda.com доступны видеоуроки.

Answer 5

Я настоятельно рекомендую w3schools.com и HTML-код Head First с CSS & XHTML . Мне больше всего нравится книга в главе первой серии, на самом деле. У них веселый, очень визуальный подход к обучению, а я - визуальный ученик. Много вещей для практики и подсказки, чтобы помочь вспомнить вещи.

Answer 6

Я настоятельно рекомендую книгу «Мастерство CSS». У него зеленая обложка с розовым переплетом ... Я думаю, они недавно выпустили новую версию. Удивительная книга для начинающих и продвинутых. Я считаю это моей библией CSS.

Answer 7

Как уже говорили другие, получение хорошей книги по HTML / CSS, безусловно, поможет.

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

Answer 8

Начните с получения книги и ознакомьтесь с некоторыми учебными пособиями. Google поможет вам там. Как только у вас появится представление о том, что происходит, посмотрите на сайт и попробуйте продублировать, как он выглядит. Если вам интересно, как что-то работает, или не можете понять, посмотрите на источник (желательно с firebug): D

Удачи