Уроки Вёрстки Для Начинающих

  • Автор темы надежда69
  • 25
  • Обновлено
  • 04, Apr 2023
  • #1
Скрытая информация :: Авторизуйтесь для просмотра »
Уроки вёрстки для начинающих

Краткое описание:

Это полностью обновленный курс, состоящий из двух разделов – «Уроки 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.

Тестирование Заключительная часть
Скрытая информация :: Авторизуйтесь для просмотра »
Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

надежда69


Рег
22 Nov, 2011

Тем
1

Постов
1

Баллов
11
  • 06, Apr 2023
  • #2
Скрытая информация :: Авторизуйтесь для просмотра »
Уроки вёрстки для начинающих

Краткое описание:

Это полностью обновленный курс, состоящий из двух разделов – «Уроки 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.

Тестирование Заключительная часть


Скрытая информация :: Авторизуйтесь для просмотра »



Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

 

Vivk9


Рег
05 May, 2013

Тем
0

Постов
1

Баллов
1
Тем
49554
Комментарии
57426
Опыт
552966

Интересно