Projekt BD - domonstracja

To jest strona testowa
przygotowana dla demonstracji
projektu strony internetowej
wykorzystującej różne technologie
HTML, CSS, PHP, MySQL

Ważne! Termin oddania projektu - 3 czerwca 2016 roku. To jest strona poglądowa zawierające tylko i wyłącznie przykładowe rozwiązania. Aktualny opis wymagań na poszczególne oceny: link...

Wykorzystanie CSS do zmiany szaty graficznej strony

Duży poradnik o tym jak korzystać z kaskadowych arkuszy styli, napisany przystępnym językiem i opatrzony wieloma przykładami znajdziesz na stronie kurshtml.edu.pl.

Prosty przykład wykorzystania dwóch arkuszy styli

Przeglądnij poglądową stronę zaprojektowaną tak aby zademonstrować sposób "podłączania" do strony www jednego z dwu alternatywnych arkuszy styli. Dzięki temu uzyskuje się prosty i szybki sposób pozwalający całkowicie zmienić szatę graficzną witryny. Na prezentowanej stronie zmianę kolorystyki uzyskuje się albo wybierając odpowiedni link (Kolor 1, Kolor 2) lub zaznaczając odpowiednie pole formularza. Zapoznaj się z zawartością pliku index.php a także z zawartością dwóch arkuszy styli css - 1.css i 2.css zamieszczonymi poniżej.

PRZYKŁADOWY PROJEKT - zawartość pliku 1.css


body {
	font-family: Arial;
	font-size: 16px;
}
.tab {
	background-color: #0000FF;
}
.tab_tr {
	background-color: #CC6600;
}
.tekst1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #FFCC00;
	text-align: center;
}
.menu {
	font-weight: bold;
	color: #000099;
}

PRZYKŁADOWY PROJEKT - zawartość pliku 2.css


body {
	font-family: Arial;
	font-size: 20px;
}
.tab {
	background-color: #339900;
}
.tab_tr {
	background-color: #FF0000;
	font-size: 20px;
}
.tekst1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #FFCC00;
	text-align: center;
}
.menu {
	font-weight: bold;
	color: #FFFF00;
}