Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Projektowanie stron www Prezentacja multimedialna, zapraszamy!

Podobne prezentacje


Prezentacja na temat: "Projektowanie stron www Prezentacja multimedialna, zapraszamy!"— Zapis prezentacji:

1 Projektowanie stron www Prezentacja multimedialna, zapraszamy!

2 HTML (z ang. HyperText Markup Language) czyli hipertekstowy język znaczników, służy do tworzenia stron internetowych. W wielkim skrócie HTML to język programowania, który służy do opisu stron (wielkość, czcionka, pogrubienie, kursywa, podkreślenie itd.) Oczywiście to tylko kilka z wielu możliwości jakie oferuje nam HTML… CO TO JEST HTML?

3 W 1980 fizyk Tim Berners-Lee, pracujący dla ośrodka naukowo- badawczego CERN, stworzył prototyp hipertekstowego systemu informacyjnego – ENQUIRE. System wykorzystywano do organizowania i udostępniania dokumentów związanych z badaniami naukowymi. Rewolucyjność pomysłu polegała na tym, że użytkownik, posługując się odnośnikami, mógł z jednej lokalizacji przeglądać dokumenty fizycznie znajdujące się w innych miejscach na świecie. W 1989 Berners-Lee i inżynier oprogramowania CERN Robert Cailliau przedstawili równolegle dwie propozycje hipertekstowych systemów informacyjnych opartych na sieci Internet. Oba projekty cechowała podobna funkcjonalność. Rok później opracowali wspólną propozycję zaakceptowaną przez CERN – projekt WorldWideWeb. HISTORIA

4 Aby utworzyć naszą stronę nie potrzebujemy żadnych zaawansowanych programów, wystarczy notatnik. Tworzymy nowy plik programem notatnik a następnie do nazwy pliku dopisujemy rozszerzenie.html (np. nazwa.html). TWORZENIE STRONY

5 Szkielet naszej strony jest bardzo podobny do szkieletu człowieka – bez niego nasza strona nie jest wstanie funkcjonować. Szkielet strony HTML to: Moja strona Gdzie: oznacza początek strony HTML natomiast oznacza jej koniec. Między znacznikami znajduje się nagłówek strony a ciało (wnętrze strony) w sekcji. SZKIELET STRONY

6 Treść - akapit Treść - pogrubienie Treść - pochylenie Treść - podkreślenie * Treść - wielkość czcionki *gdzie jako "n" należy wpisać wartość od 1 (czcionka najmniejsza) do 7 (czcionka największa). * Treść *gdzie jako "kolor wpisujemy nazwę koloru z języka angielskiego. PODSTAWOWE ZNACZNIKI

7 Aby wstawić obrazek na naszą stronę musimy posłużyć się znacznikiem: Zamiast tekstu: "Tu podaj względną ścieżkę dostępu do obrazka", należy podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). Wstawianie obrazka

8 Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). Umieszczenie wszystkiego w jednym pliku (index.html), absolutnie nie jest wskazane (chyba że Twoja strona jest naprawdę krótka)! Składnia odsyłacza jest następująca: opis odsyłacza Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków. ODSYŁACZE

9 Struktura najprostszej tabeli wygląda następująco: … … … … Gdzie:... jest znacznikiem tabeli.... jest znacznikiem wiersza... jest znacznikiem pojedynczej komórki. W miejsce kropek należy wpisać treść poszczególnych komórek tabeli. Tabele

10 1.Podstawowa Treść 2. Określonego typu: Treść gdzie jako "typ" należy wpisać: "scroll" - tekst przesuwa się od prawej do lewej (domyślnie). "alternate" - tekst przesuwa się od prawej do lewej, a następnie "odbija się" i powraca. "slide" - tekst przesunie się od prawej do lewej tylko raz, a później się zatrzyma i pozostanie nieruchomy. ANIMACJE MARQUEE

11 Kreując stronę WWW niejednokrotnie spotkamy się z błędami z naszej strony. Ważne jest to aby zapamiętać te błędy, poprawić je i starać się ich nie popełniać. Każdy zaczynał kiedyś od zera i każdy ma prawo się pomylić, pamiętajcie o tym! WAŻNE INFORMACJE

12 Prezentację przygotowali: -Krzysztof Kleszcz -Bartosz Piekarski -Dominik Pytlak KONIEC

13 Pomoce podczas projektu Czyli strony z których korzystaliśmy, to:


Pobierz ppt "Projektowanie stron www Prezentacja multimedialna, zapraszamy!"

Podobne prezentacje


Reklamy Google