Web Fundamentals - HTML5 - януари 2018

За курса
Целта на курса "Web Fundamentals - HTML5" е да положи основни знания по уеб технологии и по-конкретно запознаване с HTML5 и CSS3. Придобиват се начални знания в уеб разработката, уеб браузъри, инструменти за HTML / CSS / DOM разработка и се развиват практически умения за използване на езика за описание на уеб съдържание HTML и езика за стилизиране на уеб съдържание CSS.
При изучаването на HTML се обръща внимание на основните HTML тагове, параграфи, списъци, таблици, форми и контроли и таговете за семантичен HTML. Покриват се последните новости на HTML5 стандарта.
При изучаването на CSS се обръща внимание на основните CSS селектори и стилове, работа с класове, презентационни правила, правила за позициониране и изглед (layout) в CSS. Покриват се последните новости на CSS3 стандарта и модерните изисквания за адаптивен дизайн (с media queries и flexbox), работа с grid системи, CSS анимации и други похвати за стилизиране.
Курсът набляга на практическите упражнения с HTML и CSS, чрез които ви въвлича в реални проекти за изработка на уеб страници, имплементация на фрагменти от сайтове и създаване на цялостни модерни уеб сайтове с добра визия, съвременна структура и мобилна поддръжка.
Умения, които ще придобиеш
- Дизайн на страници, удобни за компютър и мобилно устройство
- Създаване на съвременни уеб сайтове
- Възможност за създаване на статични уеб страници
- Създаване на адаптивен (responsive) уеб дизайн
- Познания в основите на уеб дизайна и изграждането на уеб страници
- Стилизиране на уеб сайтове със CSS и позициониране на елементи
Теми
- 1 Resources
- 2 HTML & CSS Overview
- 1 Resources
-
Resources
- 2 HTML & CSS Overview
-
HTML & CSS Overview
- HTML basic tags
- basic CSS
- creating simple HTML pages
- 3 HTML Structure
- 4 Exercise: HTML & CSS Overview and Structure
- 3 HTML Structure
-
HTML Structure
• Structural tags, header, footer, main, aside, article, tables, multimedia and other tags
- 4 Exercise: HTML & CSS Overview and Structure
-
Exercise: HTML & CSS Overview and Structure
- 5 Introduction to CSS
- 6 CSS In Depth
- 5 Introduction to CSS
-
Introduction to CSS
• Basic CSS styling, CSS rules, selectors, pseudo-selectors, declarations
- 6 CSS In Depth
-
CSS In Depth
• Types, Values, Ranges, Style Precedence
- 7 Exercise: CSS Selectors, Rules, In Depth
- 8 CSS Formatting
- 7 Exercise: CSS Selectors, Rules, In Depth
-
Exercise: CSS Selectors, Rules, In Depth
- 8 CSS Formatting
-
CSS Formatting
• Styling text, borders, backgrounds, size;
- 9 CSS Positioning
- 10 Exercise: CSS Formatting and Positioning
- 9 CSS Positioning
-
CSS Positioning
• Margins, positioning, floating
- 10 Exercise: CSS Formatting and Positioning
-
Exercise: CSS Formatting and Positioning
- 11 Creating Landing Pages
- 12 HTML Forms & Form Styling
- 11 Creating Landing Pages
-
Creating Landing Pages
• Creating complete HTML pages using HTML and CSS
- 12 HTML Forms & Form Styling
-
HTML Forms & Form Styling
• HTML controls, styling HTML forms
- 13 Exercise: HTML Landing Pages and Forms
- 14 Responsive Design
- 13 Exercise: HTML Landing Pages and Forms
-
Exercise: HTML Landing Pages and Forms
- 14 Responsive Design
-
Responsive Design
• Media queries, flex grid, flexible images, fonts, tables, menus
- 15 Transitions & Animations
- 16 Exercise: Responsive Design, Transitions & Animations
- 15 Transitions & Animations
-
Transitions & Animations
• HTML5 transitions, HTML5 animations
- 16 Exercise: Responsive Design, Transitions & Animations
-
Exercise: Responsive Design, Transitions & Animations
- 17 Exam Preparation I
- 18 Exam Preparation II
- 17 Exam Preparation I
-
Exam Preparation I
Ресурси от темата
- 18 Exam Preparation II
-
Exam Preparation II
- 19 Exam
- 19 Exam
-
Exam
Ресурси от темата
Още няма материали за тази лекция