Towarzystwo Nauczycieli Bibliotekarzy Szkół Polskich o. TORUŃ
logo TNBSP


TNBSP o. TORUŃ książki
 siedziba oddziału  AKTUALNOŚCI  HISTORIA  CZŁONKOWIE i RADA  KONFERENCJA
W TORUNIU
 WARSZTATY  PUBLIKACJE  STANDARDY  WYSTAWY i ZAJĘCIA  KONKURS LITERACKI  SILVA RERUM  GALERIA  LINKI  KONTAKT

Autorka witryny:
Magdalena Stempska

Konsultacja materiałów: Małgorzata Borcz,
Elżbieta Wiśniewska




WARSZTATY - PODSTAWY TWORZENIA STRON INTERNETOWYCH


<<< powrót do listy warsztatów

Warsztaty odbyły się w sali komputerowej Zespołu Szkół Nr 3 w Toruniu.

Scenariusz zajęć

Czas trwania zajęć: 270' (6x45')
Prowadząca zajęcia:Magdalena Stempska
Uczestnicy zajęć: nauczyciele bibliotekarze z toruńskiego Oddziału TNBSP
Temat zajęć:Podstawy tworzenia stron WWW
Cel ogólny zajęć:zapoznanie się ze standardem kodowania publikacji internetowych.
Cele operacyjne:
1.uczestnik wie
- co to jest dokument HTML
2.uczestnik umie
- utworzyć prostą stronę WWW za pomocą Notatnika systemowego
Metody: podająca, ćwiczenia
Środki dydaktyczne: stanowiska komputerowe


Przebieg zajęć:

  • Edycja źródła strony internetowej na wybranym przykładzie.
  • Definicja dokumentu HTML.
  • Omówienie struktury strony na przykładzie:
<HTML>
<HEAD>
     informacje nagłówkowe
</HEAD>
<BODY>
     zawartość strony
</BODY>
</HTML>
  • Przykład najprostszego dokumentu:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
<TITLE>
     Warsztaty HTML
</TITLE>
</HEAD>
<BODY>
     Cześć! To moja pierwsza strona.
</BODY>
</HTML>
  • Rodzaje znaczników formatujących tekst:
pojemniki - para znaczników np.:
<P>-</P>(znacznik akapitu)
<H1>-</H1>(znacznik nagłówków)
<I>-</I>(znacznik kursywy)
<B>-</B>(pogrubienie tekstu)
<CENTER>-</CENTER>(wyśrodkowanie)
<UL>-</UL>(wypunktowanie)
<OL>-</OL>(numerowanie)
zwykłe np.:
<BR>(przełamanie tekstu)
<HR>(pozioma linia rozdzielająca)
  • Utworzenie prostej tabeli np.:
<TABLE BORDER="1">
<TR><TD>...</TD><TD>...</TD></TR>
<TR><TD>...</TD><TD>...</TD></TR>
</TABLE>
  • Parametr BGCOLOR (kolor tła).
  • Wstawianie grafiki na stronę.
    <IMG SRC="nazwa_pliku">
  • Parametry WIDTH (szerokość), HEIGHT (wysokość).
  • Odsyłacze do innych stron WWW.
    <A HREF="adres.strony.internetowej">Jakaś nazwa tej strony</A>
  • Odsyłacze do adresów pocztowych.
    <A HREF="mailto:autor@jego.adres">Imię i nazwisko</A>

<<< powrót do listy warsztatów




Partner serwisu:

BASmebel - meble na wymiar w Toruniu