Създаване на нова HTML страница с хедър и навигация — част 2
Продължаваме урока за началната страничка, която започнахме предния път.
В този урок:
- добавяме абсолютно позиционирано заглавие над header картинката
- оправяме един малък проблем с IE7
- добавяме малка част същинско съдържание на сайта като използваме
float-нати елементи - използваме
clearза изчистване на проблеми сfloat - прилагаме
overflow: hiddenза решаване на горния проблем
[…] на начална страница с хедър и навигация тук и тук. В тази трета част ще направим малко допълнения към […]
Има ли готов код за целият сайт ?
Не съм качвал демо с крайния резултат, показан след https://magadanski.com/uroci/suzdavane-na-nachalna-stranica-4-1/, защото резултатът е доста базов и дори не може да се нарече завършен сайт (на връзките от навигацията не отговарят вътрешни страници).
Идеята от урока е да представи някои общи концепции около първи стъпки в правене на сайтове, а не да предостави готов вариант на сайт, който да може да се използва с леки корекции.
Готови HTML template-и за ползване могат да се намерят от други места, като например:
– https://themeforest.net/popular_item/by_category?category=site-templates — платени, но това гарантира и по-добро качество (като има template-и и за под $10)
– https://nicepage.com/html-templates — безплатни, но качеството може да е на по-ниско ниво
Със сигурност могат да се намерят и много други сайтове, ако в Google се потърси за “html templates” (евентуално може да се включи и “free”).