Каскадни стилове за оформяне на уеб страници

ПРОЕКТ по CSS - Каскадни стилове за оформяне на уеб страници инж.Лидия Живкова СОУ ”Христо Ботев” - Русе

Напомняне: • ПОЛУЧАВАТЕ ТОЧКИ ЗА: • Работа, свършена от вас • Работа, свършена навреме т.е. изпратена в срок 1 седмица • Оригинална работа • Имайте впредвид: • “По уеб страниците посрещат” – дизайньт е много важен за първото впечатление !

ОЦЕНЯВАНЕ: • Заглавия – 5 т. • Текстови блокове – 5 т. • Графични изображения, обградени от текст – 5 т. • Галерия с картинки по темата – 5 т. • Списъци – 5 т. • Таблица – 5 т. • Хипервръзки – 5 т.

ЗАГЛАВИЕ • Темата на уеб страницата да е центрирана, най-горе • За темата Heading1 подходящ различен от фона открояващ се цвят • Да има поне 3 подзаглавия Heading3 с друг открояващ се цвят • Да се използват несерифни шрифтове за всички текстове !

ТЕКСТОВИ БЛОКОВЕ • Да се оформят поне 3 текстови блока / абзаца с подходящ, смислен, четлив текст по темата • Всеки абзац да се отнася за съответното от 3-те подзаглавия • Да се отстранят всички правописни, пунктуационни и стилистични грешки! • Да се приложи стил:курсив за избран от вас текстов блок.

ГРАФИЧНИ ИЗОБРАЖЕНИЯ • Да се намерят и вмъкнат поне 3 подходящи за съответния абзац картинки. Да се оразмерят подходящо. • Първата картинка да се обтича от абзаца от лявата й страна, втората -от дясната, третата - от двете страни. • По желание да се използва картинка за фон на цялата уеб страница.

Фон на страницата body{ background-image: url(stars.gif); }

ГАЛЕРИЯ С КАРТИНКИ • Да се намерят подходящи поне 6 на брой картинки. • Да се направят съответните графични линкове, които при активиране да показват нов прозорец с пълния размер на картинката. • 1 уеб стр. Галерия и още 6 уеб стр-и общо 7!

СПИСЪЦИ • Да се оформи поне 1 неподреден списък с водещ символ – избрана от вас и подходяща малка картинка – gif формат • Да се оформи поне 1 подреден списък с водещ символ – малки латински букви. • Да се оформи 1 вложен списък с цветен фон и текст, при който да използвате свойството: Отстъп навътре.

ТАБЛИЦИ • Да се разположи централно 1 таблица с подходящо по темата съдържание. • Да се използва свойството, задаващо разстоянието м/у рамките за вътрешните клетки. • Да се зададе еднакъв цветен фон, подравняване, цвят на текста в клетките.

Хипервръзки • Към външна уеб страница , например от която сте взели информация • Към електронна поща • Поне 2 вътрешни линка за бързо позициониране в началото и в края на страницата • Оформете чрез CSS свойствата различни цветове /от тези по подразбиране за браузъра/ за линковете. • За галерията с малки картинки-6 линка към съответни 6 файла напр. Image1.html…Image6.html • Да се създаде поне 1 текстов линк, който да се промени при позициониране на показалеца на мишката в/у него.

ТЕМИ: • Слънчевата енергия - http://altenergy.nat.bg/solar_energy.html • Вятърната енергия - http://altenergy.nat.bg/wind_energy.html • Хидроенергия - 32, 33, 34 /84 • http://altenergy.nat.bg/water_energy.html • Геотермална енергия -http://altenergy.nat.bg/geotermal_energy.html • Биомаса - http://altenergy.nat.bg/biomass_energy.html • Водородна енергия - http://altenergy.nat.bg/c_energy.html

ТЕМИ: • Устойчиво развитие – стр.20, 21 • Изменението на климата – 22, 23 /80/ • Влиянието от изменението на климата – 24, 25, 26 /81,82/ • Енергията ни е на привършване – 30, 31 • Глътка чист въздух? – 36, 37, 38 • Намалявай, използвай, рециклирай... – 44, 45, 46, 47 /83/ • Български проекти на алтернативни източници на енергия -http://altenergy.nat.bg/bg.html

6Plus Помощниматериали ! HTTP://BULTIMA.NET/BAMBO HTTP://6PLUS4U.EU HTTP://UROCI.NET

УСПЕХ ! http://pmgmontana.com/projects/css-bg/ http://www.w3.org/TR/REC-CSS1/ http://pmgmontana.com/projects/css-bg/ http://www.w3schools.com/html/html_css.asp

ВЪПРОСИ ОТГОВОРИ http://help.designbyraro.com/css.php?category=1&property=4

Каскадни стилове за оформяне на уеб страници

Каскадни стилове за оформяне на уеб страници

Presentation Transcript