Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz
|
|
|
- Grażyna Kot
- 7 lat temu
- Przeglądów:
Transkrypt
1 Wykład 2 TINT XHTML tabele i ramki Zofia Kruczkiewicz
2 1. Tabele 1.1. Przykład tabeli zawierającej kalendarz na miesiąc marzec <table>...</table> definiuje tabelę Atrybuty: border ="" obramowanie tabeli, przy podanej wartości np. border ="5" ramka jest trójwymiarowa <caption>...</caption> opcjonalny podpis tabeli <th >...</th> znacznik komórki zawierającej nagłówek tabeli... znacznik wierszy, które mogą zawierać nagłówki lub dane <td>...</td> znacznik komórki zawierającej dane tabeli
3 <!-- Pierwsza tabela--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsza tabela</title> </head> <body> <table border=""> <caption><b>miesiąc:</b>marzec </caption> <th>tydzień</th><th>poniedziałek</th><th>wtorek</th><th>środa</th> <th>czwartek</th><th>piątek</th><th>sobota</th><th>niedziela</th> <th>9</th><td></td><td></td><td></td><td></td><td></td><td>1</td> <td><b>2</b></td>
4 <th>10</th><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td> <td>8</td><td><b>9</b></td> <th>11</th><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td> <td>15</td><td><b>16</b></td> <th>12</th><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td> <td>22</td><td><b>23</b></td> <th>13</th> <td>24</td> <td>25</td><td>26</td><td>27</td><td>28</td> <td>29</td> <td><b>30</b></td> <th>14</th><td>31</td><td></td><td></td><td></td><td></td> <td></td><td></td> </table> </body> </html>
5 1.2. Otaczanie tabeli tekstem, wyrównanie tabel Atrybut align zastosowany do znacznika <table> pozwala wyrównać tabelę względem marginesów lewego i prawego (left, right) i otaczać ją tekstem.
6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsza tabela </title> </head> <body> <table align="left" border=""> <caption><b>miesiąc:</b>marzec </caption> <th>tydzień</th> <th>poniedziałek</th> <th>wtorek</th> <th>środa</th> <th>czwartek</th> <th>piątek</th> <th>sobota</th> <th>niedziela</th> <th>9</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td>1</td> <td><b>2</b></td> <th>10</th> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td><td>8</td><td><b>9</b></td>
7 <th>11</th> <td>10</td> <td>11</td> <td>12</td><td>13</td> <td>14</td><td>15</td><td><b>16</b></td> <th>12</th> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td><b>23</b></td> <th>13</th> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td><b>30</b></td> <th>14</th><td>31</td><td></td><td></td><td></td><td></td><td></td><td></td> </table> <h1 align="center"> Otaczanie tabeli tekstem </h1> <p> Domyślnie tabela wyrównywana jest do lewej strony, a tekst umieszczany jest nad nią i pod nią. Atrybut align umożliwia wyrównanie tabel względem dowolnego marginesu i otaczanie ich tekstem np. align="left" powoduje wyrównanie tabeli względem lewego marginesu, a towarzyszący jej tekst jest umieszczany między prawą krawędzią strony a tabeli (L.Lemay:HTML4). </p> </body> </html>
8 1.3. Wyrównanie zawartości komórki Zastosowanie atrybutu align o wartościach: left, right, center oraz valign o wartościach: top, middle, bottom do znaczników <td>, lub <th> pozwala dowolnie wyrównać zawartość komórek. Ustawienia te dominują nad domyślnymi. Przykład tabeli z wyrównaną zawartością komórek z danymi, wklejanie obrazu z pliku typu gif za pomocą znacznika <img> z atrybutem src i alt
9 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Trzecia tabela</title> </head> <body> <table align="left" border="4"> <caption><b>miesiąc: </b>marzec </caption> <th>tydzień</th> <th>poniedziałek</th> <th>wtorek</th> <th>środa</th> <th>czwartek</th> <th>piątek</th> <th>sobota</th> <th>niedziela</th> <th>9</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td>1</td> <td><b>2</b></td> <th>10</th> <td align="center" valign="middle"> <img src="kwiatek.gif" alt="urodziny"/>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td><td>8</td><td><b>9</b></td>
10 <tr align="center"> <th align="left">11</th> <td>10</td> <td>11</td> <td>12</td> <td>13</td><td>14</td> <td>15</td> <td><b>16</b></td> <th>12</th> <td>17</td><td>18</td> <td>19</td> <td>20</td> <td>21</td><td>22</td><td><b>23</b></td> <th>13</th> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td><b>30</b></td> <th>14</th><td>31</td><td></td><td></td><td></td><td></td><td></td><td></td> </table> <h1 align="center"> Otaczanie tabeli tekstem </h1> <p> Domyślnie tabela wyrównywana jest do lewej strony, a tekst umieszczany jest nad nią i pod nią. Atrybut align umożliwia wyrównanie tabel względem dowolnego marginesu i otaczanie ich tekstem np. align="left" powoduje wyrównanie tabeli względem lewego marginesu, a towarzyszący jej tekst jest umieszczany między prawą krawędzią strony a tabeli (L.Lemay:HTML4). </p> </body> </html>
11 1.4. Dodawanie połączeń do stron WWW w tabelach Zastosowanie znacznika <a> z atrybutem href, którego wartością jest adres URL nowej strony WWW - pozwala wstawić połączenie do tej strony. W przykładzie do wskazania połączenia wykorzystano obraz wklejony do dokumentu za pomocą znacznika <img> z atrybutem src.
12 <!--...do tego miejsca jak w p.1.3 rys.6--> <th>10</th> <td align="center" valign="middle"> <a href="a.html"><img src="kwiatek.gif" alt="urodziny"/></a> 3 </td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td><b>9</b></td> <!--.od tego miejsca jak w p. 1.3 rys.6-->
13 1.5. Tabele rozpinanie komórek nad kilkoma wierszami i kolumnami
14 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Tabela z komórkami rozpiętymi</title> </head> <body> <!--tabela zajmuje 90% szerokości strony--> <table align="center" border="4" width="90%"> <!--podpis tabeli umieszczony pod tabelą --> <caption align="bottom"><b>opis kursu: Programowanie obiektowe</b> </caption> <!--druga komórka w wierszu jest rozpięta na 5 kolumnach--> <th>kod kursu INE9824</th><th colspan="5">programowanie obiektowe</th> <!--druga komórka w wierszu jest rozpięta na 5 kolumnach--> <th>autor przedmiotu</th> <td colspan="5">dr inż. Zofia Kruczkiewicz</td>
15 <!--pierwsza komórka w wierszu jest rozpięta na 2 wierszach--> <th rowspan="2">wymiar godzin<br/> semestralnie</th> <th>wykład</th> <th>ćwiczenia</th> <th>laboratorium</th> <th>projekt</th> <!--6 komórka zajmuje 12% szerokości tabeli--> <th width="12%">seminarium</th> <!--zostało tylko 5 kolumn, gdyż w poprzednim wierszu pierwsza komórka jest rozpięta dwóch wierszach --> <td>20</td> <td>0</td> <td>20</td> <td>0</td> <td>0</td> <!--pierwsza komórka w wierszu jest rozpięta na 2 wierszach--> <th rowspan="2">wymagania wstępne</th> <!--druga komórka w wierszu jest rozpięta na 4 kolumnach--> <td colspan="4">algorytmy i struktury danych</td> <td>ine9817</td> <!--pierwsza komórka w wierszu jest rozpięta na 4 kolumnach--> <td colspan="4">podstawy informatyki</td> <td>-</td>
16 <!--druga komórka w wierszu jest rozpięta na 5 kolumnach--> <th>opis kursu</th> <td colspan="5"> Przedmiot obejmuje obiektowe podejście do tworzenia oprogramowania. </td> <!--pierwsza komórka w wierszu jest rozpięta na 6 kolumnach czyli na całym wierszu--> <th colspan="6">zawartość tematyczna wykładu</th> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <th colspan="5">temat</th> <th>liczba godzin</th> /tr> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">cechy podejścia obiektowego w tworzeniu oprogramowania</td><td>1</td>
17 <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">pojęcie klasy i obiektu, deklarowania składowych, hermetyzacja, klasy i funkcje zaprzyjaźnione</td> <td>2</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">rola konstruktorów i destruktorów, klasy zagnieżdżone</td> <td>2</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">efektywne elementy programowania: przeciążanie operator? i metod, statyczne składowe klas</td> <td>3</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">tworzenie programów przez rozwój: rola dziedziczenia jednobazowego i wielobazowego, składowe chronione, pokrywanie metod</td> <td>4</td>
18 <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">polimorfizm, abstrakcja klas i funkcji</td><td>2</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">obiekty dynamiczne: kolekcje i rekurencyjne struktury danych</td><td>2</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">tworzenie uniwersalnych elementów programów wielokrotnego użycia za pomocą szablonów klas i funkcji </td> <td>2</td> <!--pierwsza komórka w wierszu jest rozpięta na 5 kolumnach, druga komórka zajmuje jedną kolumnę--> <td colspan="5">strumienie wejścia/wyjścia</td><td>2</td> </table> </body> </html>
19 2. Ramki 2.1. Zastosowanie 3 ramek do budowy strony WWW - podział poziomy
20 Zastosowanie 3 ramek do budowy strony WWW (w trzeciej ramce wywołano nową stronę WWW)
21 Przykład pliku r1.html definiującego ramki z rys. 2.1 i brak znaczników ciała dokumentu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsze ramki</title> </head> <frameset rows="*,*,*"> <frame src="b1.html"></frame> <frame src="b2.html"></frame> <frame src="b3.html"></frame> </frameset> </html>
22 2.2. Zastosowanie 3 ramek do budowy strony WWW - podział pionowy
23 Przykład pliku r1.html definiującego ramki z rys. 2.2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsze ramki</title> </head> <frameset cols="*,*,*"> <frame src="b1.html"></frame> <frame src="b2.html"></frame> <frame src="b3.html"></frame> </frameset> </html>
24 2.3. Przykład pliku r3.html definiującego ramki zagnieżdżone
25 Przykład pliku r1.html definiującego ramki z rys. 2.3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsze ramki</title> </head> <frameset rows="200,*"> <frameset cols="200,*"> <frame src="b1.html"></frame> <frame src="b2.html"></frame> </frameset> <frame src="b3.html"></frame> </frameset> </html>
26 2.4. Ramki zmiana obramowań (atrybut frameborder= 0 lub = 1 ), tworzenie połączeń miedzy ramkami i dokumentami. Zastosowanie atrybutów: (name) id i target
27 Wywołanie w ustalonej ramce ( Druga ) nowej strony
28 Zdefiniowanie nazwy ramki o atrybutach name= Druga id="druga w pliku r3_1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsze ramki</title> </head> <frameset rows="200,*"> <frameset cols="200,*"> <frame src="b1.html"></frame> <frame frameborder="0" src="b2.html" name="druga" id="druga" > </frame> </frameset> <frame src="b3_1.html"></frame> </frameset> </html>
29 Realizacja połączeń za pomocą atrybutów name= Druga id="druga" wybranej ramki oraz atrybutu target= Druga w znaczniku <a> do wyświetlania pobranych stron w pliku b3_1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Czwarta tabela</title> </head> <body> <table align="left" border="4"> <caption><b>miesiąc: </b>marzec </caption> <th>tydzień</th> <th>poniedziałek</th> <th>wtorek</th> <th>środa</th> <th>czwartek</th> <th>piątek</th> <th>sobota</th> <th>niedziela</th>
30 <th>9</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td>1</td> <td><b>2</b></td> <th>10</th> <td align="center" valign="middle"> <a href="a.html" target="druga"> <img src="kwiatek.gif" alt="urodziny"/></a> 3</td> <td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td><b>9</b></t d> <tr align="center"> <th align="left">11</th> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td><td>15</td> <td><b>16</b></td>
31 <th>12</th><td>17</td><td>18</td><td>19</td> <td>20</td> <td>21</td> <td>22</td> <td><b>23</b></td> <th>13</th><td>24</td><td>25</td><td>26</td> <td>27</td> <td>28</td> <td>29</td> <td><b>30</b></td> <th>14</th> <td>31</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </table> <h1 align="center"> Otaczanie tabeli tekstem </h1> <p> Domyślnie tabela wyrównywana jest do lewej strony, a tekst umieszczany jest nad nią i pod nią. Atrybut align umożliwia wyrównanie tabel względem dowolnego marginesu i otaczanie ich tekstem np. align="left" powoduje wyrównanie tabeli względem lewego marginesu, a towarzyszący jej tekst jest umieszczany między prawą krawędzią strony a tabeli (L.Lemay:HTML4). </p> </body> </html>
32 2.5. Zastosowanie znacznika <base> Wyświetlanie w ramce o atrybutach name="druga" id="druga" strony (np. a.html) wywołanej z pliku b2_.html, w którym wystąpił w sekcji nagłówka (<head> </head>) znacznik <base target ="Druga"> i znacznik <a> wskazujący stronę (np. a.html) do wyświetlenia. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Pierwsze ramki</title> </head> <frameset rows="200,*"> <frameset cols="200,*"> <frame src="b1.html"></frame> <frame frameborder="1" src="b2.html" name="druga" id="druga" > </frame> </frameset> <frame src="b2_.html"></frame> </frameset> </html>
33 Fragment kodu pliku b2_.html - korzystanie z okien domyślnych (znacznik <base>) -wszystkie połączenia z tego pliku korzystają z okna o wartości atrybutu target <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Czwarta tabela</title> <base target="druga"></base> </head> <body> <table align="left" border="4"> <caption><b>miesiąc: </b>marzec </caption>
34 <th>tydzień</th><th>poniedziałek</th><th>wtorek</th><th>środa</th> <th>czwartek</th><th>piątek</th><th>sobota</th><th>niedziela</th> <th>9</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td>1</td> <td><b>2</b></td> <th>10</th> <td align="center" valign="middle"> <a href="a.html"><img src="kwiatek.gif" alt="urodziny"/></a>3</td> <td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td><b>9</b></td> <tr align="center"> <th align="left">11</th> <td>10</td> <td>11</td> <td>12</td> <td>13</td><td>14</td> <td>15</td> <td><b>16</b></td> <th>12</th> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td><b>23</b></td>
35 <th>13</th> <td>24</td><td>25</td> <td>26</td> <td>27</td> <td>28</td><td>29</td> <td><b>30</b></td> <th>14</th> <td>31</td> <td></td> <td></td> <td></td> <td></td><td></td> <td></td> </table> <h1 align="center"> Otaczanie tabeli tekstem </h1> <p> Domyślnie tabela wyrównywana jest do lewej strony, a tekst umieszczany jest nad nią i pod nią. Atrybut align umożliwia wyrównanie tabel względem dowolnego marginesu i otaczanie ich tekstem np. align="left" powoduje wyrównanie tabeli względem lewego marginesu, a towarzyszący jej tekst jest umieszczany między prawą krawędzią strony a tabeli (L.Lemay:HTML4). </p> </body> </html>
36 3. Ramki lokalne
37 3.1. Ramki lokalne są wstawiane do dokumentu (w zasięgu znaczników ciała dokumentu <body>). Służy do tego celu znacznik <iframe>. Parametry ramki lokalnej są określane atrybutami tego znacznika: width, height, src itd. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Ramki lokalne</title> </head> <body> <p>przykład ramki lokalnej zwanej ramki pływającej:</p> <iframe src="a.html" width="500" height="300" frameborder="1"> Brak obsługi ramek pływajacych. </iframe> </body> </html>
38 4. Połączenie tablic i ramek pływających
39 4.1. Zmiana zawartości komórek tabeli - zastosowanie atrybutu target w znacznikach <base> oraz <a> oraz atrybutów name/id w znaczniku <iframe> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Czwarta tabela</title> <base target="p"></base> </head> <body> <table align="left" border="4"> <caption><b>tabela: </b>z odwołaniami </caption> <th>informacja 1</th><th>informacja 2</th><th>informacja 3</th>
40 <td align="center"><a href="a1.html">wybór 1</a></td> <td align="center"><a href="a2.html">wybór 2</a></td> <td align="center"><a href="a3.html" target="q">wybór 3</a> </td> <td colspan="2"> <iframe src="a4.html" width="200" height="50" frameborder="1" name="p" id="p" scrolling="no"> </iframe> </td> <td> <iframe src="a5.html" width="100" height="50" frameborder="1" name="q" id="q" scrolling="no"> </iframe> </td> </table> </body> </html>
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW Rys.1. Przykład prostej tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
HTML cd. Ramki, tabelki
HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania
Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Deklarowanie tytułu związanej z tabelą
Tabele 1 Deklarowanie tytułu związanej z tabelą Przychody w latach 2007-2010 Położenie pozbawione stylu Treść nagłówka Formatowanie położenia w stylach
Tworzenie stron internetowych RAMKI
Tworzenie stron internetowych RAMKI RAMKI Ramka to zdefiniowana część okna przeglądarki, której to części przypisano właściwości takie jak całemu oknu. ramka może być przewijana niezależnie od pozostałej
TWORZENIE STRON WWW. Zasady opisu stron w języku HTML:
TWORZENIE STRON WWW Strony WWW definiowane są za pomocą języków opisu stron. Najpopularniejszym językiem tego typu jest język HTML (Hyper Text Markup Language). Zasady opisu stron w języku HTML: - opis
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
Tworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
Wprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
Wykład 4_1 TINT. Obiekty graficzne. Zofia Kruczkiewicz
Wykład 4_1 TINT Obiekty graficzne Zofia Kruczkiewicz 1. Grafika i połączenia GIF (.gif) JPEG (.jpg,.jpeg), XBM (.xbm), TIFF (.tiff,.tif), BMP (.bmp),
Systemy internetowe HTML
Systemy internetowe HTML West Pomeranian University of Technology, Szczecin; Faculty of Computer Science Kwestie organizacyjne Obecność na wykładach nieobowiązkowa Obecność na laboratoriach obowiązkowa
HTML podstawowe polecenia Szkielet dokumentu: Tabela z komórkami nagłówkowymi (wyróżnionymi)
Tabela z komórkami nagłówkowymi (wyróżnionymi) Nagłówek poziomy ... ... Nagłówek pionowy ... ... Tytuł tabeli tytuł tabeli... gdzie
Technologie Informacyjne
Technologie Informacyjne Wykªad 6 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 18 HTML HyperText Markup Language J zyk oparty na znacznikach Opisuje
Tworzenie stron internetowych w oparciu o język HTML
Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.
Wykład 5_2 Arkusze stylów dziedziczenie. Technologie internetowe Zofia Kruczkiewicz
Wykład 5_2 Arkusze stylów dziedziczenie Technologie internetowe Zofia Kruczkiewicz 1. Dziedziczenie stylów Zagnieżdżone elementy dziedziczą styl od elementów zagnieżdżających. Dziedziczenie stylu wynika
Języki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
XHTML Budowa strony WWW
XHTML Budowa strony WWW Wydział Fizyki Politechnika Warszawska 2019 dr inż. Marzena Sala-Tefelska Założenie strony www na serwerze student 1. Tworzymy główny plik o nazwie index.html (plik tekstowy). UWAGA!:
Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
Podstawy (X)HTML i CSS
Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z
Budowa aplikacji wielowarstwowych. Zastosowanie szablonów
Budowa aplikacji wielowarstwowych. Zastosowanie szablonów Laboratorium 2 Technologie internetowe Zofia Kruczkiewicz 1 Wykaz pytań dotyczących materiału wykorzystanego w lab2, które należy opracować (wykład
Wykład 1: HTML (XHTML) Michał Drabik
Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający
Tworzenie stron internetowych w kodzie HTML Cz 7
Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
![[ HTML ] Tabele. 1. Tabela, wiersze i kolumny](/thumbs/70/62541125.jpg "[ HTML ] Tabele. 1. Tabela, wiersze i kolumny")
[ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.
Facelets ViewHandler
JSF i Facelets Wprowadzenie JSP (JavaServer Pages) są natywną i najczęściej używaną technologią do tworzenia warstwy prezentacyjnej dla JSF (JavaServer Faces) Istnieją alternatywne technologie opisu wyglądu
Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.
JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na
Wstęp 5 Rozdział 1. Informacje podstawowe 9
Wstęp 5 Rozdział 1. Informacje podstawowe 9 Co to jest internet? 9 Co to jest WWW? 10 Jak komunikują się komputery w internecie? 11 Surfowanie i przeglądarka 12 Jeszcze kilka słów o adresach URL 13 Co
TECHNOLOGIE SIECI WEB
TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 1 Temat: Język (X)HTML - Layout
Język HTML i podstawy CSS
Notatki do wykładu Język HTML i podstawy CSS dr Jacek Tarasiuk WFiIS, AGH wersja 2006 Spis treści Język HTML...1 Rodzaje dokumentów HTML...1 Budowa dokumentu HTML...1 Zestawienie znaczników...2 Szkielet
Hyper Text Markup Language
Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na
Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.
Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1
Podstawy JavaScript ćwiczenia Kontekst: przygotował: mgr Szymon Szewczyk PODSTAWY
S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy
Strony WWW - podstawy języka HTML
Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę
Ćwiczenie 6 Ramki. Spakowane pliki do zadań do pobrania ze strony w pliku pliki_cw6.zip
Ćwiczenie 6 Ramki W ćwiczeniu 6 zajmujemy się ramkami. Jest to technika budowania witryny w oparciu o specjalne okienka, do których wczytywane są strony. Sposób ten jest jednak uznany w HTML 4.0 i XHTML
Witryna internetowa. Należy unikać w nazwach plików używania polskich znaków.
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
I. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
Kurs HTML 4.01 TI 312[01]
![Kurs HTML 4.01 TI 312[01]](/thumbs/24/2176096.jpg "Kurs HTML 4.01 TI 312[01]")
TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów
Specyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Technologie Internetowe
Arkadiusz Liber Emil Dziubecki Technologie Internetowe Laboratorium Ćwiczenie 3. Projektowanie i implementacja dokumentów hipertekstowych zawierających ramki i tabele Legnica 2005 1 1. Wymagania wstępne
obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają
Tabela obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) tabel używa się wyłącznie do prezentacji tych danych, które tego tabel używa się
Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.
Tabele Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów. Ramy tabeli Ramy tabeli tworzone są za pomocą polecenia: Cała zawartość
Kurs HTML. Wykład 4. Tworzenie tabel na stronie WWW. Umieszczanie grafiki w komórkach tabel.
Wykład 4 Tworzenie tabel na stronie WWW. Umieszczanie grafiki w komórkach tabel. Tabele Tabele zostały oficjalnie wprowadzone w HTML-u 3.2. Od tej pory wywarły ogromny wpływ na sposób projektowania i tworzenia
Atrybuty znaczników HTML
Atrybuty znaczników HTML Atrybut Zastosowanie Opis Abbr Td, Th Skrót dla komórki nagłówkowej tabeli Accept Form, input Lista typów MIME dla wysyłanego pliku Accept-charset Form Lista obsługiwanych znaków
Zawartość specyfikacji:
Zawartość specyfikacji: Wielkość, waga i kodowanie Umieszczanie obrazków w kreacji Elementy niedopuszczalne Nazewnictwo plików Stopka mailingu Nie spełniam wymagań pracodawcy Waga, wielkość i kodowanie
Edukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM
Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML
Podstawowe znaczniki języka HTML.
Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe
Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych.
Kierunek: Przedmiot: Forma zajęć: Temat: Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych. KORZYSTANIE Z USŁUG SIECIOWYCH Przesyłanie plików
Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego
mgr Tomasz Grbski Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego Temat lekcji: Podstawy jzyka HTML. Czas trwania: 45 minut Cel ogólny: poznanie budowy i najwaniejszych polece
WITRYNY I APLIKACJE INTERNETOWE
WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk
HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.
HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami
Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.
Podstawy HTML 1. HTML - to język formatowania dokumentów elektronicznych, który pozwala uformować tekst oraz połączyć go z grafiką. Dokument HTML ma postać pliku tekstowego, gdzie tekst przeplatany jest
używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów
opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania
I. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Wykład 6 Skrypty typu JavaScript. Technologie internetowe Zofia Kruczkiewicz
Wykład 6 Skrypty typu JavaScript Technologie internetowe Zofia Kruczkiewicz 1 Umieszczanie kodu JavaScript w plikach XHTML http://www.w3schools.com/js/default.asp 1.1. W przypadku XHTML 1.x nie występuje
Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych
odnośniki Część 3 Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych dokumentów niezależnie od ich umiejscowienia
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu
Przedmiot: Grafika komputerowa i projektowanie stron WWW
KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup
Jacek Wiślicki Systemy Multimedialne, wykład 0
Spis treści 1. Co to jest HTML?..2 2. Struktura strony i znaczniki..2 3. Podstawowe elementy. 3 3.1. Nagłówki..3 3.2. Akapity..3 3.3. Komentarze.3 3.3. Listy 3 3.3.1. Listy numerowane. 3 3.3.2. Listy wypunktowane
Wybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
INFORMACJE DO ZAPAMIĘTANIA
INFORMACJE DO ZAPAMIĘTANIA Do opisywania wyglądu witryn internetowych wykorzystywane są kaskadowe arkusze stylów CSS. W języku JavaScript można tworzyć skrypty działające po stronie przeglądarki, aby nasza
Programowanie internetowe
Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML
Laboratorium 1: Szablon strony w HTML5
Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony
Złożone komponenty JSF wg
Złożone komponenty JSF wg https://docs.oracle.com/javaee/7/jeett.pdf http://www.coreservlets.com Technologie internetowe 8 Technologie internetowe 8, Zofia 1 Opis znaczników obsługiwanych przez Facelets
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Tutorial. HTML Rozdział: Ramki
Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron
9. TABELE KURS HTML.
9. TABELE Tabele są czymś niezwykle waŝnym dla strony HTML. ChociaŜ początkujący omijają je szerokim łukiem, lepiej się je nauczyć. Ta lekcja będzie większym połączeniem oby dwóch języków kursu niŝ jakiekolwiek
Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>
Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej
RAMKI. Czym są ramki w dokumencie HTML?
Czym są ramki w dokumencie HTML? Wszystkie ważniejsze przeglądarki potrafią interpretowad ramki, które stały się już oficjalnym standardem języka HTML. Ramki ułatwiają nawigowanie w wielostronicowych dokumentach
plansoft.org Zmiany w Plansoft.org
Zmiany w Plansoft.org Mapy Google... 1 Tworzenie mapy... 2 Wprowadzanie szerokości i długości geograficznej... 2 Tworzenie mapy... 2 Dostosowanie wyglądu mapy... 3 Ograniczanie liczby zasobów do wyświetlenia
Dodatek Technologie internetowe 1. UTF-8 wg 2. Adresy URL
Dodatek Technologie internetowe http://pl.wikipedia.org/wiki/utf-8 1. UTF-8 wg 2. Adresy URL 1 Dodatek Technologie internetowe http://pl.wikipedia.org/wiki/utf-8 1. UTF-8 2 Zalety i wady Zalety 1. KaŜdy
Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language)
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH PODSTAWY JĘZYKA HTML (HyperText Markup Language) 1. STRUKTURA DOKUMENTU HTML Dokument HTML jest zwykłym nie skonwertowanym tekstem, z tak zwanymi znacznikami
Podstawowe wykorzystanie Hibernate
Podstawowe wykorzystanie Hibernate Cel Wykonanie prostej aplikacji webowej przedstawiającą wykorzystanie biblioteki. Aplikacja sprawdza w zależności od wybranej metody dodaje, nową pozycje do bazy, zmienia
rk HTML 4 a 5 różnice
rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się
Budowa strony ramkowej
Tematy: Budowa strony ramkowej Wyjaśnienie znaczników Znacznik frameset Znacznik frame Ramki w kolumnach i wierszach Odsyłacze Znacznik noframes Definicja typu dokumentu O rozdziale (aktualizacja 15.01.2013):
Elementarz HTML i CSS
Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna
PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
Elementy podstawowe. Dodatek: Elementy języków HTML i XHTML. Dodał Administrator piątek, 23 lipiec :15. Element. Przykład. Opis. <?xml?
Elementy podstawowe Element Przykład Określa, że plik HTML jest złożony zgodnie z regułami języka XML (a więc jest plikiem XHTML). Jednocześnie wstępnie ok
2 Podstawy tworzenia stron internetowych
2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument
Temat 2: Tabela jako szablon strony
Temat 2: Tabela jak szabln strny Tabela Struktura tabeli: Prada: Ilść kmórek w każdym wierszu musi być taka sama! Przykład 7: struktura tabeli kmórka1 kmórka2
HTML DOM, XHTML cel, charakterystyka
HTML DOM, XHTML cel, charakterystyka Mariusz Kacała Łukasz Przywarty Grzegorz Trawiński HTML DOM XHTML Ramowy plan prezentacji Wstęp HTML DOM - Założenia - Model i struktura - Właściwości - Metody i zastosowania
Poszczególne elementy serwisu można umieścić dla porządku w odpowiednio przemyślanym drzewie katalogów, i tak: -
Tematy: Model modułowego serwisu WWW Szablon strony Dołączanie elementów statycznych Treść generowana dynamicznie Podsumowanie PHP to język skryptowy, którego kod jest osadzany wewnątrz stron WWW. W początkowych
Podstawy HTML. Tworzenie stron internetowych. Tomasz Piłka. Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro
Tworzenie stron internetowych Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro Św. Izydor z Sewilli Podstawy HTML Tomasz Piłka HTML historycznie HTML (Hypertext Markup Language)
<!DOCTYPE HTML PUBLIC " //W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd">
Podział obszaru roboczego na regiony
Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 23 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Pierwsze kroki w języku
Podstawy. w HTML u HTML??? tworzenia stron internetowych. dla wszystkich. nie wiem co to jest, ale na pewno nie jest trudne.
Podstawy tworzenia stron internetowych w HTML u dla wszystkich HTML??? nie wiem co to jest, ale na pewno nie jest trudne. Opracował: Krzysztof Dzierbicki KADEK - 2003 - 1 - - 2 - Wiek XXI charakteryzuje
Rysunek otaczany przez tekst
Tekst i obrazy 1 Rysunek otaczany przez tekst Wprowadzanie obiektu graficznego Rozmiar ramki: width= 200 deklaruje się tylko
Laboratorium 6 Tworzenie bloga w Zend Framework
Laboratorium 6 Tworzenie bloga w Zend Framework Przygotowanie bazy danych 1. Wykonaj skrypt blog.sql, który założy w bazie danych dwie tabele oraz wpisze do nich przykładowe dane. Tabela blog_uzytkownicy
1. HTML dla zielonych
www.kurshtml.edu.pl 1. HTML dla zielonych Jeśli uważasz, że pisanie stron w języku HTML jest dla Ciebie "czarną magią", a sama strona jest jakimś tajemniczym i bardzo skomplikowanym dokumentem, to się
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną