Projektowanie stron WWW

Zobacz slidy

Treść prezentacji

Slide 1

Ogólny zarys tworzenia stron WWW HTML

Slide 2

Co zawiera prezentacja? 1. Wybór programu 2. Ramy strony 3. Znaczniki html i head 4. Znacznik body 5. Znaczniki zakończenia 6. Podstawowe znaczniki 7. SQL i inne 8. Flash i Java Script 9. Pomocne strony WWW Prezentacja pokazuje ogólny zarys tworzenia stron. Po jej obejrzeniu i w oparciu o nią jestem przekonany, że napisanie prostej strony nie będzie problemem. 1 2 3 4 5 6 7 8 9

Slide 3

Program i znaki polskie (ISO-8859-2) Aby zacząć przygodę z HTML należy mieć coś, w czym zaczniecie pisać strony. Można to robić nawet w notatniku, ale ja osobiście polecam program EdHTML. Jest on w pełni darmowy, a pracuje mi się z nim bardzo dobrze. W tym programie akurat nie ma znaków polskich, ale zastępuje je się specjalnymi symbolami. W niektórych edytorach HTML konieczne jest wybranie kodowania ISO-8859-2 za pomocą odpowiedniej opcji w menu programu. 1 2 3 4 5 6 7 8 9

Slide 4

Ramy kodu strony Kod HTML wstawia się w odpowiednie ramy. html head head body body html Dalej zostały one dokładnie wyjaśnione i opisane 1 2 3 4 5 6 7 8 9

Slide 5

html i head html html To jest jakby główny silnik strony. Umieszczamy w nim pozostałe ramy. head head W tej ramie umieszczamy główne funkcje strony (np. tytuł strony, słowa kluczowe, autora itp.) 1 2 3 4 5 6 7 8 9

Slide 6

body W tym znaczniku umieszczamy całą zawartość strony (tą którą widzi inny użytkownik sieci). Tutaj umieszczamy właśnie tekst strony, efekty i wszystko co ma widzieć oglądający stronę. 1 2 3 4 5 6 7 8 9

Slide 7

Znaczniki - zakończenia Niektóre znaczniki mają swoje zakończenie. Przykładem jest znacznik i (o nim w dalszej części), musi on być zakończony poprzez i. Gdybyśmy nie zakończyli znacznika, to cały dokument do końca byłby pochylony. Dzieje się to także z innymi znacznikami. Ale są też takie, które mają zakończenie już w sobie. Przykładem jest znacznik: meta nameKeywords contentSłowa kluczowe Zakończeniem w tym wypadku jest na końcu znacznika. 1 2 3 4 5 6 7 8 9

Slide 8

Podstawowe znaczniki Część head (headhead) titleXXXtitle - Tytuł strony meta nameDescription contentXXX - Zamiast XXX wpisz krótki opis strony meta nameKeywords contentXXX - Zamiast XXX wpisz tagi strony (wyrazy kluczowe) Treść (bodybody) b tekst b - pogrubienie u tekst u - podkreślenie i tekst i - kursywa br - nowa linia (Jeśli piszemy jakiś dokument i chcemy zrobić nową linię, to wciśnięcie przycisku ENTER nic nie da. Będziemy zmuszeni zastosować ten znacznik. Działa on na zasadzie przenoszenia do następnego wiersza. ) gr - linia poprzeczna p tekst p - akapit font sizenTekstfont - rozmiar czcionki. Zamiast n należy wpisać cyfrę odpowiadającą wielkości font colorkolorTekstfont - kolor tekstu. Zamiast kolor wpisz kolor w języku angielskim. font facerodzajTekstfont - rodzaj czcionki. 1 2 3 4 5 6 7 8 9

Slide 9

SQL i inne Strony WWW można dodatkowo połączyć z bazami danych SQL. Daje to możliwość tworzenia kont przez innych użytkowników sieci. Korzystanie z SQL zapewnia większe bezpieczeństwo przechowywania haseł. Jest tylko jedna komplikacja łączenie HTML i SQL jest przeznaczone dla znacznie bardziej zaawansowanych programistów. Można dodawać także hiperłącza, a te można kolorować i dowolnie modyfikować. Język HTML stawia nam pewne ograniczenia, których nie da się przekroczyć. Ja osobiście, jeszcze do nich nie doszedłem. 1 2 3 4 5 6 7 8 9

Slide 10

Flash i Java Script HTML możemy dodatkowo wyposażyć w takie języki jak Flash i Java Script. Służą one głównie estetyce strony. Za pomocą Flasha można zrobić ładne przejścia, galerie ruchome, a nawet prymitywne gry. Java Script jest używany w większości do tworzenia bardziej zaawansowanych gier online. Oczywiście programowanie w tych językach nie jest łatwe. 1 2 3 4 5 6 7 8 9

Slide 11

Pomocne strony WWW Strony, które mogą się przydać: www.kurshtml.boo.pl webmaster.helion.pl pl.html.net 1 2 3 4 5 6 7 8 9

Slide 12

Koniec Prezentacje wykonali: Sebastian Chinowski Mateusz Owczarczyk 1 2 3 4 5 6 7 8 9