Главная » 2015»Январь»11 » Оксана Турова. Уроки вёрстки для начинающих (2014)
Опубликовано: 11/01/2015 в 12:54
Оксана Турова. Уроки вёрстки для начинающих (2014)
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность. Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
Чему научимся:
создавать html-документы; прописывать структуру html-документа; создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д; писать валидный html-код, используя последнюю версию языка – HTML5; создавать css-файл; подключать css-файл к html-шаблону; прописывать стили для элементов веб-страницы; нарезать макет в программе Adobe Photoshop; создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками; создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками; прибивать подвал к низу страницы; оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент; создавать сложные элементы: выпадающее меню, постраничную навигацию; тестировать веб-страницу во всех популярных браузерах; работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Содержание:
Уроки HTML
Знакомство с HTML Структура html-документа Заголовки в HTML Абзацы в HTML Комментарии в HTML Как вставить картинку в HTML HTML ссылки HTML списки HTML таблицы HTML формы Символы HTML Валидация html-документов Вёрстка в примерах
Знакомство с CSS
Вёрстка простого макета Фиксированный шаблон с одной колонкой Фиксированный шаблон с двумя колонками Фиксированный шаблон с тремя колонками Резиновый шаблон Из PSD в HTML. Нарезка Из PSD в HTML. Общие свойства Из PSD в HTML. Вёрстка шапки Из PSD в HTML. Горизонтальное выпадающее меню Из PSD в HTML. Вёрстка подвала Из PSD в HTML. Левая колонка Из PSD в HTML. Корзина Из PSD в HTML. Поиск по каталогу Из PSD в HTML. Вертикальное меню Из PSD в HTML. Популярные товары Из PSD в HTML. Постраничная навигация Из PSD в HTML. Тестирование Заключительная часть
Внимание: сайт music80.ucoz.ru не несет ответственности за скачиваемые файлы. То же самое относится и к информации, которая указана разработчиком в описании программы. Стоит учитывать, что даже проверенные нами файлы на предмет наличия в них всевозможных вирусов, мы не можем дать 100% гарантию, что они действительно не заражены. Поэтому, всегда проверяйте файлы, загруженные с music80.ucoz.ru, на наличие вирусов.
Для блога (HTML)
Для форума (BB-Code)
Прямая ссылка
Внимание! При копировании материала ссылка на источник обязательна.
Понравилось? Жмите кнопку, пусть ваши друзья в социальных сетях тоже побывают на этой странице!
Полная совместимость с:
Внимание!
Все материалы размещенные на данном сайте собраны в свободном распространении на крупных интернет порталах в сети Интернет, и предназначены только для ознакомления. Все права на программы и игры принадлежат их авторам. Владельцы (администрация) сайта, не несут никакой ответственности за дальнейшее использование всех материалов с сайта. Если Вы являетесь разработчиком программного обеспечения, представленного на данном ресурсе и считаете, что размещение каких либо файлов, нарушает Ваши авторские права, то свяжитесь с
администрацией сайта через Обратную связь , и мы удалим эти файлы.
Есть что сказать?
Пишите, нам всегда интересно знать Ваше мнение! Все вопросы по поводу данной новости оставляйте здесь, администрация и другие пользователи сайта
music80.ucoz.ru
постараются Вам помочь. Пожалуйста, пишите комментарии без орфографических и пунктуационных ошибок.
Всего комментариев: 0
Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации. [Регистрация | Вход]
Авторское право
Авторское право
Не загружается установи плагин
Не загружаетса установи плагин
RSS
RSS
Информация
Информация
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте: