Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 3 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl.

Slides:



Advertisements
Podobne prezentacje
Wprowadzenie do tworzenia stron internetowych
Advertisements

PODSTAWY TWORZENIA STRON WWW W HTML’u
Tworzenie stron internetowych
Tworzenie stron internetowych
Tworzenie stron internetowych
Tworzenie stron internetowych
Metody pozycjonowania elementów na stronie www
HTML.
Podstawowe wiadomości
Kolory, grafika, multimedia
Konstrukcja i formatowanie tabel
Style CSS.
Wykłady z HTML'a Język HTML został stworzony w Szwajcarii przez programistów pracujących w laboratoriach.
Style definiujące tabele
Kurs WWW – wykład 3 Paweł Rajba
Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz
Narzędzia internetowe Paweł Rajba
Podstawy i rozszerzenia języka HTML
Tworzenie stron internetowych www World Wide Web
Projektowanie stron WWW (Wykład 5) PSEUDOKLASY HTML 5 - WPROWADZENIE
języka hipertekstowego
Tworzenie stron www 5 Joanna Brzozowska
Tworzenie stron internetowych
Kurs języka HTML Mariusz Tomczyk.
Wstawianie stylów CSS.
Elementy graficzne <HR> linia pozioma
Tworzenie stron internetowych www World Wide Web
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ Arkusze stylów – CSS Część 5 Prowadzący: Dariusz Jaruga
Cascading Style Sheets
Temat 10: Tabele. Tabele stanowią obecnie jeden ze sposobów prezentowania danych. Początkowo były wykorzystywane do tworzenia układów stron, które teraz.
Temat 5: Pozycjonowanie elementów
HTML Hyper Text Markup Language
Wprowadzenie do CSS Okiełznać style.
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 1 Prowadzący: Dariusz Jaruga
Część I. Grupowanie elementów  Elementy i są używane do grupowania i strukturyzowania dokumentu. Będziesz je często wykorzystywał wraz z atrybutami class.
Temat 13: Ramki.
Podstawy HTML RAMKi. Ramki Za ich pomocą możesz swobodnie podzielić okno przeglądarki na kilka części i w nich niezależnie przeglądać dokumenty. Ramki.
Aplikacje internetowe
Selektory. Selektor elementu Selektor {własciwość:wartość}
Elementy multimedialne na stronie
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Tabele. TABELE Konstrukcja tabeli: Określa ramy tabeli określamy wiersz tabeli określamy komórkę tabeli.
Aplikacje internetowe
Temat 3: Właściwości CSS
Aplikacje internetowe
Aplikacje internetowe Tabele. Wprowadzenie Wprowadzenie tabel przez firmę Netscape na początku 1995 roku niemal od razu zrewolucjonizowało sposób projektowania.
Projektowanie Aplikacji Internetowych
HTML.
HTML Hyper Text Markup Language komputerowe Esperanto cz. III polecenia konstrukcyjne strony.
Aplikacje internetowe
Budowa okna arkusza kalkulacyjnego
Temat 4: Klasy i identyfikatory
XHTML Tworzenie stylów CSS Damian Urbańczyk. Zewnętrzny plik CSS Aby ułatwić sobie pracę ze stylami, najlepiej utworzyć osobny plik, w którym będą przechowywane.
Formatowanie danych w arkuszu kalkulacyjnym
C S S 1 Cascading Style Sheets HTML pozwala zarządzać strukturą dokumentu, STYLE mają nam służyć do jego upiększania Kaskadowe Arkusze Stylów.
TWORZENIE I FORMATOWANIE TABEL
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
XHTML Tabele Damian Urbańczyk. Podstawy budowy tabel Strony WWW mogą zawierać w sobie tabele, czasem te tabele mogą tworzyć strukturę strony, odpowiadającą.
Technologie internetowe
Kaskadowe arkusze stylów CSS. Reguła CSS – definiuje sposób formatowania elementów na stronie WWW Części składowe reguły CSS selektor{ właściwość: wartość;
XHTML + CSS Style definiujące tekst Damian Urbańczyk.
Wykład 2 Mechatronika PWSW Informatyka. Strony WWW (World Wide Web) Mosaic – pierwsza przeglądarka 1993 Internet Explorer Opera Firefox(Mozilla) Safari.
Pismo techniczne.
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
HTML.  Wprowadzenie  Protokół HTTP  Język HTML  Definicja typu dokumentu  Nagłówek strony  Formatowanie treści dokumentu  Definiowanie struktury.
Istotą kolumn jest przedzielenie strony na kilka części położonych obok siebie. Ilość kolumn jest generowana przez użytkownika, odpowiednio dla jego potrzeb.
Arkusz stylów CSS Cascading Style Sheet.
Damian Urbańczyk xHTML Tworzenie stylów CSS.
Style definiujące tekst
Zapis prezentacji:

Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 3 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl

TABELE - tagi definiujące tabelę <table border=0|1> <caption> </caption> <tr> </tr> <th> </th> <th> </th> <th> </th> <th> </th> <th> </th> <th> </th> <tr> </tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <tr> </tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </table>

TABELA – budowa w HTML Przykład: <table> <tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> </tr> <td> 4 </td> <td> 5 </td> <td> 6 </td> <td> 7 </td> <td> 8 </td> <td> 9 </td> </table>

TABELA – tag <TABLE> BORDER="n" – grubość ramek tabeli CELLPADDING="n" - odległość między brzegiem a zawartością komórki CELLSPACING="n" - odległość między komórkami tabeli HEIGHT="wysokość" - wysokość tabeli ( w procentach wielkości okna lub w pikselach) WIDTH="szerokość" - szerokość tabeli ( w procentach wielkości okna lub w pikselach) UWAGA !!! Atrybuty niedostępne w HTML5 Przykłady: <table border=‘5’> <table width=’50%’> <table border="6" cellpadding=„20" > <table border="6" cellpadding="10" cellspacing="30">

TABELA – tag <CAPTION> <caption> to jest opis do tabeli </caption> Przykład: <table border="1"> <caption>Tytuł do tabeli</caption> <tr> <th>K1</th> <th>K2</th> <th>K3</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table>

TABELA – tag <TD> COLSPAN="n" - łączenie n kolumn tabeli w jedną ROWSPAN=n - łączenie n wierszy tabeli w jeden wiersz Przykład: <table border="1"> <tr> <td>Kolumna 1</td> <td colspan="2">Tekst w połączonych komórkach</td> </tr> <tr> <td>Kolumna 1</td> <td>Kolumna 2</td> <td>Kolumna 3</td> </tr> </table> Przykład: <table border="1"> <tr> <td>Kolumna 1</td> <td>Kolumna 2</td> </tr> <tr> <td rowspan="2">Tekst w połaczonych komórkach</td> <td>Wiersz 1</td> </tr> <tr> <td>Wiersz 2</td> </tr> </table>

TABELA – tag <THEAD> <TBODY><TFOOT> Podział funkcjonalny tabeli na nagłówek, częśc główną i stopkę. Wygląd poszczególnych części należy ustawić w arkuszu styli CSS Przykład: <table border="1">   <thead>     <tr> […] </tr>   </thead>   <tbody>     <tr>[…]</tr>     <tr>[…]</tr>   </tbody>   <tfoot>     <tr> […] </tr>   </tfoot> </table>

TABELA – tag <COLGROUP> <COL> Grupowanie kolumn tabeli celem nadania ujednoliconych atrybutów. Wygląd poszczególnych części należy ustawić w arkuszu styli CSS Przykład: <table border="1"> <colgroup> <col style="background-color:red"> <col span="2" style="background-color:yellow"> <col style="background-color:green"> </colgroup> <tr> <td>K1</td> <td>K2</td> <td>K3</td> <td>K4</td> </tr> […] </table>

TABELA – style - przegląd top -color -style -width border- left right bottom style - none,hidden,dotted,dashed,solid,groove,linia,ridge,inset,outset,double,inherit width - px|mm|cm|in|pt|pc|em|ex lub w procentach np. 10% color - rgb(255,128,0) lub #RRGGBB lub słownie np. red