Здравствуйте,
сегодня я расскажу о своём личном опыте по изучению html и css.
1. Начало пути.Обучение.
Самая первая проблема при изучение html и css это конечно с чего начать. Все сразу
кидаются искать кучу книг или рыться по каким то сайтам и чаще всего это
какие-нибудь форумы. Сразу могу сказать если вы человек который очень любит правильность
и чистоту, то можете дальше не читать, так как учить наверно html можно вечно особенно старую
школу. Так что не стоит уделять внимания
всяким тегам для изменения шрифта и всё такое. Для примера можно решить задачки
отсюда.
Всё же думаю смотреть на
решение совсем не стоит а сделать самим всё это. Задачки дадут неплохую основу
чтобы свободно ориентироваться в тегах и быстро в езжать что да как. Как
источник знаний можно использовать этот же сайт для просмотра справочной
информации по тегам и css.
2. Проверка знаний. Закрепляем.
Вторая часть что нужно сделать, для
меня она была просто жутко нудной и скучной, может потому что не особо люблю
вкладывать много сил в пустое место, а может это просто не по мне. Но нужно
найти сайт какой-нибудь и попытаться сверстать его пускай контент будет
статический и забит в коде html. Тут ничего не могу посоветовать конкретно, придётся
выбрать что то себе по вкусу. Желательно чтобы это был грамотный сайт, чтобы
там использовались разные новые теги от html5 например эти входят в состав
минимума.
Так же желательно чтобы на
сайте был контент в две колонки, часто встречается и очень полезно для
тренировки.
3. Проверяем код.
Советы по поводу синтаксиса мало,
пока что опыта не много. Избавляться от большого количество не нужных class и id. Если имена у классов ваших тегов по
типа divdivdivov или прочая фигня, то лучше назвать
его получше или посмотреть повнимательнее, может он вам и не нужен попросту.
Так же нужно избавляться от <br> всяких. Хорошо
изучить зачем нужны padding,border и margin и все их моды.
4. Советы бывалых.
Так же дам
совет по поиску примеров. Сразу как только увидели тупо код css без картинки с результатом не стоит тратить
на него время. Так же смотреть пример и листать скролом до результата тоже не
удобно.
Самая важная
часть это не тратить время на мелочи связанные с оформлением кнопок какого то
вида ссылок или что то из этой серии. Попытайтесь набить в черновом варианте
весь контент сайта. Поверьте мне если
будите подгонять одну кнопку по размерам и внешнему виду три часа и потом
продолжите работу обнаружите что ваша кнопка сместилась или стала коряво
выглядеть, вас это совсем не обрадует и вы потратили те три часа в пустую. Многие
надписи старайтесь делать картинками(следите за фоном) всю статичную часть
вообще лучше делать картинками, меньше мороки.
5. Советы по инструментарию.
После того
как всё накидали, более менее это выглядит пришло время оформлять по фен-шую.
Тут уже кто как любит можно поставить фотошоп для использования линейки, замер
размеров между кнопками и прочего. Размеры я пока что подбирал на глаз, для цвета использовал CalorMania .
Повторюсь
это лично мои выводы, кому то они показаться глупыми или не верными. Советы
принимаются, критика удаляется :)
Полезные ссылки:
Генерация css кода для заливки градиентом
