Tworzenie stron www

Przebieg kursu

• Kilka słów o porządkowaniu
• Zapisywanie plików
• Drukowanie
• Internet - skarbnica materiałów
• Porozumiewanie się
• Cel pracy
• Praca domowa

Prezentacja z Modułu S1

(Zapisz na swoim komputerze i obejrzyj)

Ćwiczenie 2

1. Zadanie

   Prawa autorskie

   Artykuł o prawach autorskich

   Przykład ochrony praw autorskich

2. Zadanie

   Obejrzyj strony www. "Poserfuj" po nich.
   Wypisz:
   • Elementy powtarzające się
   • Elementy niezbędne
   • Elementy niepotrzebne
   • Elementy, które mi się podobają
   • Elementy, które mnie irytują

   Stwórz dokument tekstowy, w dowolnym edytorze, na powyższy temat.
   Dokument wyślij pocztą do trenera. joannabrzozowska@op.pl do dnia 28 listopada

3. Zadanie

   Zainstaluj na swoim komputerze programy:
   • Mozilla Firefox
   • Gimp
   • Inkscope
   • PDFCreator
   • (opcjonalnie) OpenOffice
   Wypróbuj działanie programów.
   

http://grzegorj.w.interia.pl/

http://ewamajka.republika.pl/

http://grzegorzdrzymala.republika.pl/

http://www.adrianwalkowiak.dzs.pl/

http://www.scijan.lubartow.com.pl/

http://www.joanna.palinska.cal.pl/

http://agatat.republika.pl/

http://szlagor.net/

http://nonstopmatma.republika.pl/

http://www.mp9.zgora.pl/

http://www.sp81.edu.lodz.pl/index.html

http://www.lonansen.republika.pl

http://www.sp5.pl/

http://sp_dzierzgon.webpark.pl/

Przebieg kursu

• Monitor komputera ? ciekawostki
• Kolory
• Prezentacja
• Kompozycja
• Kolorystyka
• Projektowanie
• Layout
• Podsumowanie Modułu E2
• Ankieta dla rodziców / uczniów
• Praca domowa

Prezentacja z Modułu S3

(Zapisz na swoim komputerze i obejrzyj)

Lektura na długie, zimowe wieczory - prezent na Mikołajki.

Użyteczność

Staranność

Bezbłędność

Jakość

Powtarzam się, ale to dla Waszego dobra ;))

I na deser, po obejrzeniu kilku prac - logo strony, krótki tekst o tworzeniu logo. Zapraszam.

Logo

Swoimi uwagami i zastrzeżeniami podziel się na forum

• Edytory HTML
• Struktura dokumentu
• Odsyłacze
• Formatowanie dokumentu ? CSS
• Grafika na stronie
• Tabele
• Programy pomocnicze

Prezentacja z Modułu S5

(Zapisz na swoim komputerze i obejrzyj.
Musisz zapisać również strony,
do których odsyłacze znajdziesz na prezentacji.
Ale to już potrafisz...)

Poczytaj o galeriach grafiki, wykonaj ćwiczenie, spróbuj, może uda Ci się stworzyć własną. Wybierz ulubiony sposób przeglądania zdjęć.

1. Zadanie

   Wgraj program EasyThumb z płytki. Spróbuj go zastosować na wybranym, własnym folderze grafiki (pamiętaj - skopiuj folder przed zmianami - zabezpiecz). Tym sposobem wykonane są galerie na stronie www.piranie.pl
   Galerią pochwal się na następnych zajęciach.

2. Zadanie

   Za nami jest utworzenie pierwszych stron WWW, pora sprawdzić swoje umiejętności! Proszę opracować krótką (tzn. mającą dwie - trzy kilkuzdaniowe sekcje) stronę internetową z materiałem dydaktycznym dotyczącym Świąt Bożego Narodzenia.
   Nie będziemy oczywiście sprawdzać tej strony pod kątem jej treści, ale sprawdzimy ją pod kątem zgodności użytych znaczników HTML z treścią zawartą na stronie. Spróbuj zastosować listę numerowaną lub nieuporządkowaną, wstaw cytaty.
   Wstaw grafikę jako odnośniki do zdjęć znalezionych w internecie.
   Proszę także nie kopiować "na żywca" do swojej strony np. fragmentów Wikipedii, bo to nie jest w dobrym stylu.
   To wszystko oczywiście musimy wyrazić nie tylko piękną polszczyzną, ale także właściwymi oznaczeniami HTML, okraszonymi formatowaniem nadanym przez zewnętrzny plik CSS (np. jeden z plików W3C Core Styles organizacji W3C)
   Strona ma "ważyć" bardzo mało i otwierać się "w mgnieniu oka". :)
   Rozwiązaniem zadania jest JEDEN plik, sweta.html, przesłany na mój adres email do dnia
   2 stycznia 2008. (Zadanie jest pomysłu dr. Piotra Krzyżanowskiego z MIMUW)

   Przykład

Swoimi uwagami i zastrzeżeniami podziel się na forum Nasze forum

...niech magiczna noc
Wigilijnego Wieczoru
przyniesie spokój i radość.
Niech każda chwila
Świąt Bożego Narodzenia
żyje własnym pięknem,
a Nowy Rok obdaruje
pomyślnością i szczęściem.
Najpiękniejszych
Świąt Bożego Narodzenia
niech spełnią się
wszystkie Wasze marzenia...

Kursantom, życzy

Joanna Brzozowska

Ćwiczenie 3

W programie FrontPage stwórz stronę WWW, wykorzystując dokument kodowanie.txt i 3 zdjęcia. Stronę zapisz jako index.html i prześlij na swoje konto www, używając programu Winscp. Prześlij na mój email adres swojej strony www, założonej podczas zajęć, na której obejrzę wykonane ćwiczenie 3.

kodowanie.txt

windows.jpg

iso.jpg

unicode.jpg

Dla chętnych: Menu nawigacyjne

Prezentacja z Modułu S7

(Zapisz na swoim komputerze i obejrzyj.)

Prezentacja z Modułu S9

(Zapisz na swoim komputerze i obejrzyj.)

Logowanie do serwera za pomocą WinSCP