ФИНКИ / Веб и интерфејсиОснови на Веб дизајн.
Изгради веб-страници со HTML и CSS и научи како структурата, распоредот и стиловите работат заедно.
<>РАЗБЕРИ. ПРИМЕНИ. НАПРЕДУВАЈ.+
- 01HTML структура, текст, линкови и мултимедија
- 02Табели и формулари
- 03CSS правила, модел на кутија и позиционирање
- 04Организација и визуелен изглед на веб-страници
02 / РАЗБЕРИ ГО КОНЦЕПТОТ
Логиката зад
решението.
HTML ја определува структурата и значењето на содржината, а CSS нејзиниот изглед. Наслов, навигација и формулар имаат различни улоги. Добрата страница треба да остане разбирлива на телефон, со тастатура и без украсните елементи. Моделот на кутија објаснува како padding, border и margin влијаат врз распоредот.
ПРИМЕР ОД СЕКОЈДНЕВНАТА ПРАКТИКАИЛУСТРАТИВЕН ПРИМЕР
Страница за локална пекара
Пекара сака страница со мени, работно време и контакт за нарачка. Посетителот треба брзо да ја најде информацијата на телефон.
- 01
Содржината ја делиме со header, nav, main и соодветни наслови.
- 02
Менито го поставуваме во мрежа што на тесен екран преминува во една колона.
- 03
На полињата за контакт им даваме видливи label елементи и јасна ознака за задолжителен внес.
↳Што добиваме?Страницата е употреблива и без широк монитор. HTML формуларот сам по себе не обезбедува испорака на порака.
Сценариото и податоците се поедноставени за учење. Примерот не претставува конкретен клиентски проект или измерени резултати од продукциски систем.
03 / СТУДЕНТСКИ ПРАШАЊА
Прашај.
Разбери подобро.
Дали div може да се користи за сè?+
Може да групира елементи, но семантичките елементи подобро ја опишуваат улогата на содржината и помагаат во навигацијата.
Зошто ширина од 300px понекогаш зафаќа повеќе простор?+
Со стандардниот content-box, padding и border се додаваат на ширината. border-box ги вклучува во зададената ширина.
Може ли само со HTML и CSS да испратам мејл?+
Потребен е обработувач или сервис што ќе ја прими пријавата и ќе ја испрати пораката. Изгледот на копчето не ја извршува таа работа.
Твојот материјал.
Нашата следна задача.
Работиме на делот што ти е најпотребен: основни концепти, практични задачи или подготовка за колоквиум и испит. Содржината ја усогласуваме со материјалите што ги учиш во твојата генерација.
REC ТВОЈОТ ЧАС
▶
РАЗБЕРИ. ПОВТОРИ. ПРИМЕНИ.↺
НЕ САМО ЕДНАШ. КОЛКУ ШТО ТИ ТРЕБА.Часот завршува.
Знаењето останува.
Секој час се снима. Врати се на објаснувањата, паузирај кај потешките делови и повтори ги задачите со свое темпо.
↺Снимките се достапни најмалку
во текот на еден семестар.
Снимките се наменети за твоето учење. Споделување и објавување се дозволени само по претходен договор.