To view the content, you need to Sign In or Register.
Уроки вёрстки для начинающих
качественный сайт на HTML5 и CSS3
Оксана Турова | 2014
Краткое описание:
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
1
Пройдя данный курс, вы научитесь:
создавать html-документы;
прописывать структуру html-документа;
создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
писать валидный html-код, используя последнюю версию языка – HTML5;
создавать css-файл;
подключать css-файл к html-шаблону;
прописывать стили для элементов веб-страницы;
нарезать макет в программе Adobe Photoshop;
создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
прибивать подвал к низу страницы;
оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
создавать сложные элементы: выпадающее меню, постраничную навигацию;
тестировать веб-страницу во всех популярных браузерах;
работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Перечень уроков
Скрытый текст:
Знакомство с 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. Тестирование
Заключительная часть
To view the content, you need to Sign In or Register.
Уроки вёрстки для начинающих
качественный сайт на HTML5 и CSS3
Оксана Турова | 2014
Краткое описание:
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
- качественно и быстро
- валидно и кроссбраузерно
- на HTML5 и CSS3
1
Пройдя данный курс, вы научитесь:
создавать html-документы;
прописывать структуру html-документа;
создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
писать валидный html-код, используя последнюю версию языка – HTML5;
создавать css-файл;
подключать css-файл к html-шаблону;
прописывать стили для элементов веб-страницы;
нарезать макет в программе Adobe Photoshop;
создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
прибивать подвал к низу страницы;
оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
создавать сложные элементы: выпадающее меню, постраничную навигацию;
тестировать веб-страницу во всех популярных браузерах;
работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Перечень уроков
Скрытый текст:
Знакомство с 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. Тестирование
Заключительная часть
To view the content, you need to Sign In or Register.
Cкрытый контент, нужно авторизируйся или присоединяйся.
Последнее редактирование:
Возможно, Вас ещё заинтересует:
- [Stepik] Курс по WordPress с нуля до результата. Создание сайтов без кода (2024)
- [Александр Сокирка] WordPress FSE. Разработка Блочной Темы (2024)
- [Андрей Громов] Простой способ создать лендинг тариф LP Pro (2024)
- [Дмитрий Фокеев] Создание сайтов и веб дизайн в Tilda. С нуля до результата! (2024)
- [Кирилл Рамирас] Создание доходных сайтов на парсинге с минимальными вложениями (2023)
- AdForest v5.0.3 Nulled - тема WordPress для рекламных объявлений
- [gravityforms] Gravity Forms v2.5.7.3 Rus Nulled - создание форм на сайте WordPress
- [themeforest] Uniq v2.0.6 - Minimal Creative
- [Юлия Литвина] Доскональный WordPress
- [Themeforest] Real Homes v3.14.0 Nulled - тема WordPress для каталога недвижимости
- [codecanyon] Real Media Library v4.13.7 NULLED - продвинутый редактор медиафайлов WordPress
- [Themeforest] Masterstudy v4.1.3 NULLED - шаблон на тему образования WordPress
- WordPress Real Physical Media v1.4.4 NULLED: Physical Media Folders & SEO Rewrites
- [Дмитрий Лаврик] Современная вёрстка - продвинутый курс по HTML и CSS (2023)
- [elegantthemes] Extra v4.12.1 Rus - новостной шаблон для WordPress
- [creativemarket] Modern Water Art Photoshop Action
- [themeforest] Cocoon v1.2.9 - Modern WooCommerce WordPress Theme slivskladchik
- [themeforest] BeTheme v23.0.2 Rus Nulled - многоцелевая тема для WordPress
- [Исмаил Усеинов] [stepik] Верстаем 8 сайтов по макету из Figma в портфолио (2022)
- [Иван Полянин] Как получить домен и хостинг бесплатно и навсегда? (2022)