Telerik Academy

Сподели тази страница

Урок "Уеб дизайн с HTML 5 и CSS 3"

Училищна академия - септември 2012 г.

Урокът по уеб дизайн с HTML5 и CSS3 е изключително подходящ старт за всички начинаещи програмисти. Започваме от основите на разработката на софтуер и в следващите месеци ще градим върху тези основи, за да ви превърнем в истински coding нинджи!

Ще стартираме с основите на разработката на уеб сайтове. Ще ползваме HTML5 и CSS3, чрез които ще създаваме уеб страници с най-новите и най-добри подходи, спазвайки световните стандарти. Ще си поговорим за добрите практики и техниките за напреднали, които да помогнат на уеб страниците ни да работят бързо, да бъдат удобни и да се индексират добре от търсещи машини като Google и Yahoo. Не на последно място ще се научим как да качваме нашите уеб страници в CMS системи и как да управляваме съдържанието им.


Урок по уеб дизайн с HTML5 и CSS3 - материали и видео


Програма - урок по уеб дизайн с HTML5 и CSS3

Ден 1 – четвъртък, 27 септември

  1. Уводна лекция за Училищната Академия – кратко представяне на инициативата Училищна Академия към Академията на Телерик, цели, програма, лектори
  2. Запознаване с правилата на НОИТ, оценяването на проектите и стратегии за подготовка за олимпиадата
  3. IT Тест – дискусия на примерен тест по конспекта за НОИТ
  4. Уеб дизайн концепции и инструменти – Какво е уеб дизайн? Уеб сайтове и уеб приложения, WWW, Архитектури
  5. HTML5 основи – езика HTML, синтаксис, тагове, атрибути, текст, изображения, параграфи, заглавия, списъци, полета и валидация, markup and semantics
  6. HTML5 таблици, форми, рамки – таблици,  текстови полета, бутони, полета за избор, падащи и списъци с множествен избор, фреймове, полета с валидация

Ден 2 – петък, 28 септември

  1. Cascading Style Sheets (CSS) Основи – създаване и употреба на CSS стилове, селектори, стилови дефиниции, шрифтове и фонове
  2. Cascading Style Sheets (CSS) Презентация – рамки, Box-Model, подравняване
  3. Cascading Style Sheets (CSS) Позициониране – позициониране (абсолютно и плаващо), Margins, Paddings, Z-Index, Visibility, Scrolling, CSS 3
  4. Cascading Style Sheets 3 (CSS 3) – нови селектори, шрифтове, сенки
  5. Рязане на уеб сайтове (Slice'n'Dice) – преобразуване от изображение в уеб сайт
  6. Техники за напреднали – проблеми с различни браузъри и справяне с тях, оптимизация за търсещите машини, достъпност, Sprites

Ден 3 – събота, 29 септември

  1. CMS системи – Преглед на системите за управление на съдържание (CMS), закупуване на домейн и хостинг, свързване и конфигуриране на хостинг с домейн
  2. Wordpress – инсталиране, ползване, настройване, страници, категории, администрация, теми, тагове, добавки
  3. Създаване на тема за Wordpress – изграждане WordPress сайт по наличен сайт на HTML5 и CSS3
  4. Практически проект – Рязане на уеб сайт по даден дизайн и качване в CMS система

Ключови думи: уебдизайн, уеб дизайн, HTML, CSS, HTML5, CSS3, Училищна академия, Telerik School Academy, безплатни уроци, уроци по програмиране