HTML i CSS

Projekt WWW

15.09 - layout

20.09 - zakodowany index.html 

 

Deadline projektu strony WWW klasa 2c

07.10.2012 godz. 23.59

Wymagania dotyczące strony HTML.pdf
Adobe Acrobat Document 338.2 KB
Jak dobrze budowac strony www.pdf
Adobe Acrobat Document 146.5 KB
Uzyteczna nawigacja strony www .pdf
Adobe Acrobat Document 174.2 KB
Tekst na stronach WWW.pdf
Adobe Acrobat Document 181.8 KB
Błędy na stronach WWW.pdf
Adobe Acrobat Document 364.8 KB

Wygląd strony w różnych przeglądarkach

 

http://designm.ag/resources/cross-browser-testing/

zadanie css.rar
compressed file archive 286.9 KB
Ćwiczenie z lekcji_CSS Lekcja 6.rar
compressed file archive 109.9 KB
test_html.rar
compressed file archive 342.8 KB
Ta strona sformatowana została za pomocą
Microsoft Word Document 47.0 KB
index.html
HTML Document 662 Bytes
html2.pdf
Adobe Acrobat Document 813.4 KB
SEKCJA HEAD.pdf
Adobe Acrobat Document 420.2 KB

Wpis w sekcji HEAD

 

<link rel="stylesheet" href="style.css" type="text/css">

 

 

style.css
Cascading Style Sheet File 786 Bytes
2_kolumny_divy.rar
compressed file archive 1.4 KB
Cwiczenia HTML1 EURO.zip
Compressed Archive in ZIP Format 220.1 KB
Cwiczenia HTML2 Tabela i odn.zip
Compressed Archive in ZIP Format 17.0 KB
Cwiczenia HTML5 STYL.zip
Compressed Archive in ZIP Format 119.1 KB
zaliczenie_przyklad.zip
Compressed Archive in ZIP Format 268.6 KB
zaliczenie_1.rar
compressed file archive 194.5 KB
  • <A> tekst lub obiekt tworzący hiperodwołanie </A>

Tag realizujący powiązania informacji tak zwane hiperlinki lub linki. Tag <A> (ang. anchor - kotwica) jest esencją HTML. Zaznacza wybrany fragment tekstu lub obiekt jako hiperodwołanie (hiperlink) do innego dokumentu, który ma być powiązany z danym dokumentem HTML. Tag można podzielić na dwa rodzaje: odwołanie źródłowe, które zaznacza tekst lub obiekt tworzący odwołanie oraz odwołanie docelowe, które jest miejscem do którego tworzymy hiperodwołanie. Tag posiada kilka parametrów ale najczęściej stosowane są dwa:

 

HREF i NAME.

 

Tag występuje zawsze z którymś z niżej przedstawionych parametrów:

  • HREF="URL" - parametr określa miejsce do którego się odwołujemy, dopuszcza się adresowanie względne i bezwzględne dokumentów, parametr przyjmuje następujące wartości:

  • #etykieta - wartość określa odwołanie do obiektu o nazwie "etykieta", zdefiniowanego w bieżącym dokumencie HTML, pod warunkiem, że jest on w nim zdefiniowana

  • plik - wartość określa adres lub ścieżkę dostępu do zbioru, do którego tworzymy hiperodwołanie, gdy nie podamy nazwy zbioru domyślnie zostanie załadowany zbiór index.html, jeśli taki istnieje

  • plik#etykieta - wartość określa adres lub ścieżke dostępu do zbioru, do którego chcemy się odwołać oraz ustawienie dokumentu na obiekcie o nazwie "etykieta", pod warunkiem, że jest ona zdefiniowana w tym dokumencie 


NAME="etykieta" - parametr, który pozwala oznaczyć dany obiekt w dokumencie HTML o nazwie "etykieta"
REL="relacja" - parametr określa relację pomiędzy hiperodwołaniem znajdującym się w dokumencie a miejscem jego skoku
REV="relacja" - parametr określa relację odwrotną do określonej przez parametr REL
TITLE="tytuł" - parametr opisuje obiekt wskazywany przez parametr HREF i jest podawany jedynie w celach informacyjnych
TARGET="nazwa" - parametr jest stosowany przy tworzeniu dokumentów dzielonych, tak zwanych ramek, pozwala na załadowanie danego dokumentu określonego przez parametr HREF do ramki o "nazwie" zdefiniowanej w tagu <FRAME>, parametr ten przyjmuje również predefiniowane wartości:

  • _blank - wartość ta spowoduje, że dany dokument będzie załadowany do nowego okna bez nazwy
  • _self - wartość ta spowoduje, że dany dokument będzie załadowany do właśnie aktywnego okna
  • _parent - wartość ta spowoduje, że dany dokument będzie załadowany do okna na wyższym poziomie zagnieżdżenia, stosuje się przy zagnieżdżaniu ramek
  • _top - wartość ta spowoduje, że dany dokument będzie załadowany w cały obszar roboczy przeglądarki
html_tabele.ppsx
Microsoft Power Point Presentation 125.8 KB
listy html.pps
Microsoft Power Point Presentation 2.1 MB
Ćwiczenie z punktowania list w HTML-u
Lista do odtworzenia.pdf
Adobe Acrobat Document 191.8 KB
Cwiczenie HTML 22.rar
compressed file archive 248.2 KB
CSS – ATRYBUTY, ICH POPRAWNE WARTOŚCI, O
Microsoft Word Document 72.5 KB
CSS - Okielznac style.pps
Microsoft Power Point Presentation 1'006.5 KB
HTML i CSS - świat tabel.doc
Microsoft Word Document 714.0 KB
Tabela CSS.doc
Microsoft Word Document 36.0 KB
DIV i SPAN.pps
Microsoft Power Point Presentation 1.4 MB
CSS - LEKCJA 6.rar
compressed file archive 53.5 KB
CSS - Lekcja 7.rar
compressed file archive 101.1 KB
divy.pdf
Adobe Acrobat Document 133.2 KB
Wymagania dotyczące strony HTML.doc
Microsoft Word Document 33.5 KB
html_cw.rar
compressed file archive 406.3 KB
LISTY.doc
Microsoft Word Document 44.5 KB
HTML - tabele.doc
Microsoft Word Document 51.0 KB
ZADANIA TABELE.doc
Microsoft Word Document 42.5 KB
zadanie css.rar
compressed file archive 274.3 KB

Menu rozsuwane w css

 

Dwa bardzo eleganckie rozwiązania znajdują się na angielskiej stronie:

http://www.csstemplateheaven.com/
   

  1. http://www.cssplay.co.uk/menus/dl-clickslide.html#url
  2. http://www.cssplay.co.uk/menus/dl-slide.html 

Inne rozwiązania

http://www.cssplay.co.uk/menus/concertina-slide.html

http://www.cssplay.co.uk/menus/current-slide.html

http://www.cssplay.co.uk/menus/vertical-concertina.html

http://www.cssplay.co.uk/menus/concertina-scroll.html

http://www.cssplay.co.uk/menus/vertical_slide.html

 

Powodzenia

Odtwarzacz muzyki na stronie

Odtwarzacz flash. Wymaga pliku umieszczonego w sieci (np. DROPBOX)

 

 

http://flash-mp3-player.net/>>>

 

 

 

 

Albo zagnieżdżony odtwarzacz z serwisu z plikami (np. WRZUTA)

patrz poniżej>>>

Wyszukiwarka internetowa.zip
Compressed Archive in ZIP Format 201.1 KB