obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają
|
|
|
- Adrian Kaczor
- 8 lat temu
- Przeglądów:
Transkrypt
1 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ę wyłącznie do prezentacji tych danych, które tego faktycznie wymagają
2 Tabela Ramy tabeli tworzone są za pomocą polecenia: <table> Cała zawartość tabeli musi być umieszczona między tymi dwoma znacznikami. </table> oprócz tego stosuje się znaczniki <tr> </tr> <td> </td> tu są umieszczane: definicje rzędów, definicje komórek w rzędach, konkretne dane w komórkach, tytuł tabeli, nagłówki wierszy i kolumn
3 Wiersze tabeli wprowadzamy za pomocą polecenia: <tr> </tr> Wiersz tabeli tworzy ramy dla komórek z danymi. W ramach <table> </table> można umieścić wiele kolejnych definicji wierszy <tr> </tr>, np. : <table> <tr> </tr> <tr> </tr> <tr> </tr> </table> Teraz jeszcze tabela nie będzie wyświetlana. Należy zdefiniować komórki tabeli.
4 Komórki tabeli wprowadzamy za pomocą polecenia: <td> </td> Tu można umieszczać tekst i grafikę. Konkretne komórki są umieszczane między znacznikami wybranego wiersza, np. : <table> <tr> <td></td> <td></td> <td> </td> </tr> <tr> <td></td> <td></td> <td> </td> </tr> <tr> <td></td> <td></td> <td> </td> </tr> </table> Ta tabela ma trzy wiersze i trzy kolumny
5 Obramowanie tabeli Aby tabela zawierała naokoło obramowanie, wystarczy rozszerzyć definicję o atrybut border i podać wartość tego atrybutu <table border= 1 > </table> <table border= 1 > <tr> <td>a1</td><td> a2</td><td>a3</td><td>a4</td> </tr> <tr> <td>b1</td><td> b2</td><td>b3</td><td>b4</td> </tr> <tr> <td>c1</td><td> c2</td><td> c3</td><td>c4</td> </tr> </table> a1 a2 a3 a4 b1 b2 b3 b4 c1 c2 c3 c4
6 Jeśli nie wpiszemy atrybutu border, to tak jakbyśmy wpisali border= 0 efekt tabela będzie miała niewidoczne obramowania Jeśli chcemy wyróżnić nagłówki kolumn lub/i wierszy to zamiast <td></td> używamy <th></th> zawartość komórki zostanie wtedy przedstawiona za pomocą pogrubionej czcionki i wyśrodkowanego tekstu Bardziej realistyczny przykład tabeli bez obramowania <body> <table> <tr> <th>pierwszy nagłówek</th> <th>drugi nagłówek</th> <th>trzeci nagłówek</th> </tr> <tr> <td>pierwsza komórka</td> <td>druga komórka</td> <td>trzecia komórka</td> </tr> </table> </body>
7 Wymiarowanie tabeli Można określać rozmiary tabel czyli wysokość i szerokość. Rozmiar może być zdefiniowany w pikselach (jednostki stałe) lub procentach (jednostki względne). W ramach znaczników <table></table> oraz <td></td> używamy atrybutów widthi height, np. <table border= 1 width= 200 height= 200 > <td width= 50% > W języku XHTML do określania wymiarów tabel używamy jednak CSS
8 Szerokość tabeli Definiujemy przy pomocy atrybutu width. Jest on "silniejszy" od innych atrybutów, które wpływają na szerokość tabeli na ekranie. <table border= 1 width="600"> </table> Szerokość tabeli w pikselach Szerokość tabeli można też wyrazić w procentach obszaru, w którym mieści się tabela np. szerokości strony <table border width="50%"> </table>
9 Aby odległości miedzy komórkami w pikselach były inne niż domyślne, możemy użyć atrybutu cellspacing. Powoduje to pogrubienie obramowania między nimi. <table border= 1 cellspacing="8"> </table> brak atrybutu cellspacingpowoduje zostawienie domyślnej przerwy między komórkami Odstępy w komórkach Jeśli uznamy, że odstęp między zawartością komórki a jej obramowaniem (mierzony w pikselach) jest zbyt mały, możemy użyć atrybutu cellpadding <table border cellspacing="5" cellpadding="15"> </table>
10 Tabele niesymetryczne w znaczniku <td> używamy atrybutów colspan i rowspan <body> <! pierwsza tabela --> <tableborder= 1 width= 200 height= 200 > <tr> <td>1</td> <td>2</td> </tr> <tr> <td colspan= 2 >3</td> </tr> </table> </body> <body> <! druga tabela --> <tableborder= 1 width= 200 height= 200 > <tr> <td rowspan= 2 >1</td> <td>2</td> </tr> <tr> <td>3</td> </tr> </table> </body>
11 Zagnieżdżanie tabel <! początek głównej tabeli --> <table border= 1 > <tr> <td> <! początek pierwszej zagnieżdżonej tabeli --> <table border= 1 width= 200 height= 200 > <tr> <td>1</td> <td>2</td> </tr> <tr> <td colspan= 2 >3</td> </tr> </table> <! koniec pierwszej zagnieżdżonej tabeli --> </td> <td> <! początek drugiej zagnieżdżonej tabeli --> <tableborder= 1 width= 200 height= 200 > <tr> <td rowspan= 2 >1</td> <td>2</td> </tr> <tr> <td>3</td> </tr> </table> <! koniec drugiej zagnieżdżonej tabeli --> </td> <tr> </table> <! koniec głównej tabeli -->
12 Dodatkowe elementy tabeli <thead></thead> <tbody></tbody> <tfoot></tfood> <body> <table border= 1 > <thead> <tr> <td>nagłówek tabeli</td> </tr> </thead> służą do wyodrębniania nagłówka, ciała i stopki tabeli i są bardzo przydatne przy formatowaniu za pomocą CSS <tbody> <tr> <td>ciało tabeli</td> </tr> </tbody> <tfoot> <tr> <td>stopka tabeli</td> </tr> </tfoot> </table> </body>
13 Dodatkowe elementy tabeli podpis tabeli <caption></caption> <body> <table border= 1 width= 200 height= 200 > <caption> Tabela 1.1. Każda tabela może zawierać podpis</caption> <tr> <td>1</td> <td>2</td> </tr> <tr> <td> colspan= 2 >3</td> </tr> </table> </body>
14 Tabela 1. Wzrost produkcji masła i margaryny w latach (*) Masło Margaryna *) dane w mln zł
15 Masło Margaryna
16 Masło Margaryna
17 Tworzenie tabel za pomocą edytora ked Na pasku narzędzi są trzy przyciski, wstawiają one znaczniki odpowiednio : <table> </table> <tr> </tr> <td> </td> Aby wstawić kompletną, pustą tabelę klikamy czwarty przycisk na pasku narzędzi, pojawia się nowe okno a w nim możemy ustawić: w kolumny liczbę kolumn w wiersze liczbę wierszy w odstępy rozmiar odstępów miedzy komórkami w ramka grubość ramki tabeli tytuł tabeli Klikamy Wstaw tabelę i odpowiedni kod zostaje wpisany w miejscu gdzie stał kursor
18 Tworzenie tabel za pomocą edytora ked generowanie tabeli na podstawie arkusza MS Excel eksportujemy arkusz do formatu CVS i importujemy go do edytora ked przycisk definiuj/importuj tabelę. Klikam i pojawia się okienko definiowanie i import tabeli. wybieram Dane źródłowe wybieram Wczytaj dane
19 Formularze ramy formularza <form></form> atrybuty: action określa rodzaj akcji, która ma być wykonana po naciśnięciu przycisku OK. wartość action to adres method określa metodę, która zostanie użyta do wykonania formularza wartości to post służy do zgłaszania długich zadań do serwera i get zgłasza krótkie żądania <form action= mailto: @domena.pl method= post > zawartość formularza </form> formularz wyśle na adres zawartość wszystkich pól, które w nim występują
20 Formularz zawiera różnego typu pola, które są wypełniane informacjami. Pola te są podzielone na kilka podstawowych grup: input select textarea służy do tworzenia pól, gdzie czytelnik strony może wpisać informację lub wybrać jakąś opcję służy do tworzenia rozwijalnych list z opcjami, spośród których czytelnik wybiera interesujące go pozycje jest poleceniem do tworzenia większego pola na dodatkowy komentarz czytelnika
21 pole input <input type= name= value= size= maxlength= /> Atrybuty: type określa rodzaj pola formularza name określa nazwę danego pola. Wartość tego atrybutu powinna być różna dla różnych pól w obrębie formularza. Wyjątkiem jest pole radio tu wszystkie pola wchodzące w skład jednej grupy muszą mieć identyczną nazwę. Na stronie może być kilka grup pól i każda grupa powinna mieć inną nazwę value określa początkową wartość pola (umieszcza w nim wstępnie zdefiniowane dane). Atrybutu tego można użyć do opisania pól formularz, bądź do zadeklarowania jakiejś domyślnej wartości dla danego pola size określa liczbę znaków mieszczących się w widocznej części pola tekstowego maxlenght ogranicza liczbę znaków jakie można wpisać do pola tekstowego
22 atrybut type type = text wstawia zwykle pole tekstowe type= checkbox wstawia małe okienka, które możemy dowolnie zaznaczać. Możemy zaznaczyć więcej niż jedną odpowiedź. type= radio możemy tu wybrać tylko jedna odpowiedź type= password wprowadzamy hasło ale wyświetlane będą gwiazdki type= file dołącza dowolny plik tekstowy do formularza type= submit wstawia przycisk do formularza, odpowiada za wykonanie action zdefiniowanej dla formularza type= reset wstawia przycisk, który czyści wszystkie pola formularza type= hidden wstawia zwykle pole tekstowe niewidoczne na stronie type= button określa przycisk dowolnego przeznaczenia
23 pole tekstowe input type= text Przykład: <input type="text"name="nazwisko" value="kowalski" size="30" maxlength="40 /> lub łącznie z informacją wprowadzającą: <p>podaj swoje nazwisko: <input type="text"name="nazwisko" value="kowalski" size="30" maxlength="40 /></p> efekt: Podaj swoje nazwisko: Kowalski
24 pole wyboru input type= checkbox umożliwia dokonanie wyboru kilku możliwości jednocześnie Wprowadza pole w postaci małego kwadratu. Kliknięcie w nim powoduje zaznaczenie pola, ponowne kliknięcie usuwa zaznaczenie. Jeśli zdefiniujemy kilka pól, czytelnik strony będzie mógł zaznaczyć parę z nich lub wszystkie, zależnie od treści Przykład: Czy znasz któryś z języków kongresowych? <p> <input type="checkbox" name="jezyk" value="angielski /> angielski</p> <p><input type="checkbox" name="jezyk" value="francuski" /> francuski</p> dla czytelnika strony jest widoczne
25 Efekt: Czy znasz któryś z języków kongresowych? angielski francuski niemiecki hiszpański rosyjski chiński arabski
26 pole opcji (przełącznika) input type="radio" jest polem, w którym czytelnik strony wybiera jedną z dostępnych możliwości Kliknięcie na jakiejś wartości powoduje jej zaznaczenie, ale zarazem usuwa zaznaczenie innej. Przykład: Nazwą pola namejest "plec", valueprzybiera dwie możliwe wartości. Jeśli podamy przy jednej z możliwosci checked="checked", pole to będzie domyślnie zaznaczone.
27 <p> <input type="radio" name="plec" value="kobieta" checked="checked" /> Kobieta</p> <p> <input type="radio" name="plec" value="mezczyzna" /> Mężczyzna</p> Efekt: Podaj swoją płeć Kobieta Mężczyzna
28 pole hasła input type= password Pole, w którym można wprowadzić hasło, wprowadzane znaki nie są widoczne Przykład: <p>podaj hasło: <input type="password" name="haslo" value="" size="20" maxlength="20" /></p> Efekt: Podaj hasło: pusty cudzysłów oznacza brak początkowej wartości
29 type= file pozwala dołączyć do formularza dowolny plik type= submit przycisk, który uruchamia wykonanie akcji zdefiniowanej parametrem action <input type="submit" value="wyślij do nas informacje" /> Efekt: Wyślij do nas informacje
30 type= reset przycisk, którego kliknięcie powoduje usunięcie zawartości wszystkich wypełnionych pól formularza <input type="reset" value="usuń wszystkie informacje" /> Efekt: Usuń wszystkie informacje
31 type= hidden type= button pole tekstowe niewidoczne na stronie przycisk dowolnego przeznaczenia podobne do klasycznego input, ale pozwala wprowadzić do "klikalnego" przycisku znacznie więcej elementów.
32 pole select Lista wyboru selectsłuży do tworzenia rozwijanych menu, zawierających kilka pozycji. Czytelnik strony może wybrać jedną z nich lub kilka. Składnia jest następująca: <select name="nazwa_listy" > <option> pierwsza pozycja</option> <option> druga pozycja</option> <option> trzecia pozycja</option>... </select> znacznik <option></option> definiuje jedną pozycję z listy
33 Aby dać możliwość wyboru kilku pozycji z listy, należy dodać atrybut multiple <select name="nazwa_listy" multiple= multiple size= 5 > <option> pierwsza pozycja</option> <option> druga pozycja</option> <option> trzecia pozycja</option>... </select> Inny atrybut to size określa ile pozycji z listy ma być widocznych na ekranie. Jeśli aktualna liczba pozycji na liście jest niższa niż wartość tego atrybutu, to z boku pola nie będzie widoczny pasek przewijania
34 Przykład: <p><strong>wybierz produkt:</strong></p> <select name="owoce" size="3 multiple="multiple"> <option> Truskawki</option> <option> Maliny</option> <option> Poziomki</option> <option> Wiśnie</option> <option> Śliwki</option> </select> Truskawki Maliny Poziomki
35 pole textarea Obszar tekstowy to miejsce, w którym czytelnik strony wysyłający formularz może wpisać swoje dodatkowe uwagi (o objętości do 1024 znaków). Obszar jest wprowadzany za pomocą polecenia: <textarea name="nazwa" rows="x"cols="y">napisz coś do mnie </textarea> Parametr rowswyznacza liczbę wierszy pola, a parametr cols-liczbę kolumn.
36 Przykład: <p><strong>wpisz swoje uwagi:</strong></p> <p> <textarea name="uwagi" rows="8" cols="50" > tutaj jest miejsce na twoje uwagi </textarea></p> Wpisz swoje uwagi: Efekt: tutaj jest miejsce na twoje uwagi
37 Wypełnij poniższe pola Podaj swoją płeć Kobieta Mężczyzna Uwagi od czytelników W y ś l i j s w o j e u w a g i U s uń w s zys tkie info rm ac je
38 Przesyłanie treści formularza w formularzu zamieściliśmy następujące informacje: Imię: Janusz Płeć: Mężczyzna Wiek: Ponad 18 lat Treść: Zrobiliśmy niezłą stronę na podany adres przyszło: imie=janusz&plec=m%ea%bfczyzna&wiek=ponad+18+lat&tresc=zrobili&9c+nie z%b3%bp+stron%ea+ Zaleca się stosowanie specjalnych skryptów, np. FormMail, które odpowiednio przetworzą wynik działania formularza i otrzymana poczta będzie czytelna.
39 propozycja: napiszcie proszę formularz na swój temat używając wszystkich dostępnych pól i wyślijcie go używając specjalnego skryptu FormMail dostępnego na stronie Aby formularz wykorzystujący ten skrypt zadziałał należy zamieścić w nim następujące linie: <form action= method= post /> <input type= hidden name= to value= adres@ .pl /> tu trzeba wpisać adres , na który formularz zostanie wysłany <input type= hidden name= subject value= Temat wiadomości /> tu w polu value pojawia się temat wysyłanego formularza
40
41 Podobnie można łączyć komórki w kolumnach, stosując: dla nagłówków atrybut th colspan="y" a dla danych td colspan="z" Masło Margaryna
42 Nagłówek kolumny i wiersza <table border cellpadding="10" width="500"> <caption>wzrost produkcji masła i margaryny w latach (w mln USD)</caption> <tr> <td></td><th>1991</th> <th>1992</th> <th>1993</th> <th>1994</th> <th>1995</th> </tr> <tr style="text-align: center; "><th>masło</th> <td>1150</td><td>1240</td><td>1380</td><td>1420 </td><td>1550</td></tr> <tr style="text-align: center; "><th>margaryna</th> <td>800</td><td>900</td><td>980</td><td>1150</td ><td>1320</td></tr> </table>
43 Łączenie komórek Aby komórka w danym wierszu rozciągała się na x wierszy, należy użyć w jej definicji atrybutu <td rowspan="x"> <tr style="text-align: center"> <th>masło</th><td rowspan="2">1950</td> <td rowspan="2">2120</td> <td>1380</td><td>1420</td><td>1550</td> </tr> Masło Margaryna
44 Pierwszy wiersz składa się z samych nagłówków kolumn (kolejne lata). Kody nagłówków wierszy (Masło i Margaryna) wstawiamy zaraz za definicją wiersza, a przed pierwszą definicją komórki z danymi. A oto wynik: Wzrost produkcji masła i margaryny w latach (w mln USD) Masło Margaryna
45 <tr><td> </td> <th colspan="2"> </th> <th colspan="3"> </th> </tr> <tr style="text-align: center"><th>masło</th> <td colspan="2">2390</td><td colspan="3">4350</td></tr> <tr style="textalign:enter"><th>margaryna</th> <td>800</td><td>900</td><td>980</td><td>1150</td> <td>1320</td></tr>
46 Treść przycisku Przycisk w jednej linii z tekstem Kliknij tutaj Wyślij do mnie ten formularz
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
FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.
1 FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 3 Formularze Agenda Podstawy formularzy HTML Podstawowe kontrolki formularzy HTML Nowe kontrolki z HTML
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
Formularze HTML. dr Radosław Matusik. radmat
www.math.uni.lodz.pl/ radmat Ramy formularza: Grupowanie pól formularza
Formularze w programie Word
Formularze w programie Word Formularz to dokument o określonej strukturze, zawierający puste pola do wypełnienia, czyli pola formularza, w których wprowadza się informacje. Uzyskane informacje można następnie
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
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
Ćwiczenie 7 - Formularze
Ćwiczenie 7 - Formularze W ćwiczeniu 7 zajmować się będziemy formularzami, czyli sposobem komunikacji czytelnika strony WWW z jej autorem. Dzięki formularzom moŝna, uzyskiwać informację zwrotną dotyczącą
FORMULARZE. G. Przęczek
FORMULARZE G. Przęczek Tworzenie formularzy w HTML Podstawowe ramy formularza wyznacza znacznik który ma szereg atrybutów, które określają jego działanie. Pierwszym atrybutem jest action,
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)
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
Formularze w PHP dla początkujących
Instrukcja numer 07 Formularze w PHP dla początkujących Zaawansowane techniki tworzenie stron WWW Bazy danych w PHP dla początkujących Formularze stworzone w HTML mogą służyć jako metoda pobierania informacji
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Wykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
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
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
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
Formularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word
Formularz MS Word Formularz to dokument o określonej strukturze, zawierający puste pola do wypełnienia, czyli pola formularza, w których wprowadza się informacje. Uzyskane informacje moŝna następnie zebrać
Dokument hipertekstowy
Dokument hipertekstowy Laboratorium 3 Struktura semantyczna i formularze mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Design stackoverflow.com Design coursesweb.net Design accessibleculture.org
Aplikacje internetowe
Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.
Tworzenie Stron Internetowych. odcinek 4
Tworzenie Stron Internetowych odcinek 4 tabele Tabela służy do uporządkowanego przedstawienia zbioru danych. Oprócz tego klasycznego zastosowania, może być wykorzystana do układania elementów na stronie.
Komponent Formularz. Rys. 1. Strona programu Joomla - http://joomla.pl. Rys. 2. Instalacja komponentu
Komponent Formularz Instalacja Aby wykorzystać gotowy komponent do tworzenia formularzy w systemie CMS (Joomla), naleŝy uprzednio zaimplementować go, postępując według poniŝszego schematu: 1. Wejść na
Edytor tekstu MS Word 2003 - podstawy
Edytor tekstu MS Word 2003 - podstawy Cz. 4. Rysunki i tabele w dokumencie Obiekt WordArt Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład hasło reklamowe, możemy wykorzystać
Umieszczanie kodu. kod skryptu
PHP Definicja PHP jest językiem skryptowym służącym do rozszerzania możliwości stron internetowych. Jego składnia jest bardzo podobna do popularnych języków programowania C/C++, lecz jest bardzo uproszczona
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
1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
HTML ciąg dalszy. Listy, formularze
HTML ciąg dalszy Listy, formularze Listy Służą do prezentacji treści w postaci wypunktowania: numerowanego nienumerowanego definicji Możliwe jest zagnieżdżanie list zarówno tego samego, jak i różnych typów
Arkusz kalkulacyjny EXCEL
ARKUSZ KALKULACYJNY EXCEL 1 Arkusz kalkulacyjny EXCEL Aby obrysować tabelę krawędziami należy: 1. Zaznaczyć komórki, które chcemy obrysować. 2. Kursor myszy ustawić na menu FORMAT i raz kliknąć lewym klawiszem
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)
EXCEL TABELE PRZESTAWNE
EXCEL TABELE PRZESTAWNE ZADANIE 1. (3 punkty). Ze strony http://www.staff.amu.edu.pl/~izab/ pobierz plik o nazwie Tabela1.xlsx. Używając tabel przestawnych wykonaj następujące polecenia: a) Utwórz pierwszą
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ść
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30
MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.
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
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
Tworzenie szablonów użytkownika
Poradnik Inżyniera Nr 40 Aktualizacja: 12/2018 Tworzenie szablonów użytkownika Program: Plik powiązany: Stratygrafia 3D - karty otworów Demo_manual_40.gsg Głównym celem niniejszego Przewodnika Inżyniera
Przygotuj za pomocą tabulatorów element formularza. Utwórz pole tekstowe i sformatuj tak, aby dół napisu w polu był dokładnie nad kropkami.
FORMULARZE POLA TEKSTOWE Pole tekstowe Pole tekstowe kilka wierszy Karta Developer Formanty Formant i pole tekstowe Ćwiczenia Jak wypełnić danymi utworzony w edytorze tekstów formularz? Jak wpisać informacje
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
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
Rozwiązanie ćwiczenia 8a
Rozwiązanie ćwiczenia 8a Aby utworzyć spis ilustracji: 1. Ustaw kursor za tekstem na ostatniej stronie dokumentu Polska_broszura.doc i kliknij przycisk Podział strony na karcie Wstawianie w grupie Strony
Dostosowanie szerokości kolumn
Dostosowanie szerokości kolumn Po wpisaniu tekstu do komórki może zdarzyć się, że nie mieści się on w szerokości komórki. Aby dostosować szerokość kolumny do tekstu należy najechać kursorem na linię oddzielającą
MS Excell 2007 Kurs podstawowy Filtrowanie raportu tabeli przestawnej
MS Excell 2007 Kurs podstawowy Filtrowanie raportu tabeli przestawnej prowadzi: dr inż. Tomasz Bartuś Kraków: 2008 04 04 Przygotowywanie danych źródłowych Poniżej przedstawiono zalecenia umożliwiające
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
1.Formatowanie tekstu z użyciem stylów
1.Formatowanie tekstu z użyciem stylów Co to jest styl? Styl jest ciągiem znaków formatujących, które mogą być stosowane do tekstu w dokumencie w celu szybkiej zmiany jego wyglądu. Stosując styl, stosuje
Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz
Wykład 2 TINT XHTML tabele i ramki Zofia Kruczkiewicz 1. Tabele 1.1. Przykład tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border ="" obramowanie tabeli,
Sposób tworzenia tabeli przestawnej pokażę na przykładzie listy krajów z podstawowymi informacjami o nich.
Tabele przestawne Tabela przestawna to narzędzie służące do tworzenia dynamicznych podsumowań list utworzonych w Excelu lub pobranych z zewnętrznych baz danych. Raporty tabeli przestawnej pozwalają na
Konfiguracja szablonu i wystawienie pierwszej aukcji allegro
Konfiguracja szablonu i wystawienie pierwszej aukcji allegro Metod na wystawienie aukcji na allegro jest co najmniej 2. W pierwszej przechodzimy do zakładki MOJA SPRZEDAŻ, w USTAWIENIACH SPRZEDAŻY odnajdujemy
Zadanie 3. Praca z tabelami
Zadanie 3. Praca z tabelami Niektóre informacje wygodnie jest przedstawiać w tabeli. Pokażemy, w jaki sposób można w dokumentach tworzyć i formatować tabele. Wszystkie funkcje związane z tabelami dostępne
Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki.
Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki. Edytor tekstu MS Word 2010 PL: kształty. Do każdego dokumentu można wstawić tzw. kształty. Aby
TWORZENIE FORMULARZY WORD 2007
TWORZENIE FORMULARZY WORD 2007 Witam serdecznie. Poniżej przedstawię w jaki sposób tworzyć formularze w programie WORD 2007. Poprzednie wersje programu WORD 2007 również udostępniały opcję tworzenia formularzy,
1. Wstawianie macierzy
1. Wstawianie macierzy Aby otworzyć edytor równań: Wstaw Obiekt Formuła Aby utworzyć macierz najpierw wybieramy Nawiasy i kilkamy w potrzebny nawias (zmieniający rozmiar). Następnie w oknie formuły zamiast
Arkusz kalkulacyjny MS Excel 2010 PL.
Arkusz kalkulacyjny MS Excel 2010 PL. Microsoft Excel to aplikacja, która jest powszechnie używana w firmach i instytucjach, a także przez użytkowników domowych. Jej główne zastosowanie to dokonywanie
Wprowadzenie do Internetu Zajęcia 5
Zajęcia 5 Formularze w PHP Przekazywanie danych ze strony do skryptu PHP Dane ze strony WWW do skryptu PHP można przekazać za pomocą formularzy. W tym celu należy stworzyć formularz (znacznik ),
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
BAZY DANYCH Formularze i raporty
BAZY DANYCH Formularze i raporty Za pomocą tabel można wprowadzać nowe dane, przeglądać i modyfikować dane już istniejące. Jednak dla typowego użytkownika systemu baz danych, przygotowuje się specjalne
Arkusz kalkulacyjny MS EXCEL ĆWICZENIA 4
Arkusz kalkulacyjny MS EXCEL ĆWICZENIA 4 Uwaga! Każde ćwiczenie rozpoczynamy od stworzenia w katalogu Moje dokumenty swojego własnego katalogu roboczego, w którym będziecie Państwo zapisywać swoje pliki.
Czcionki bezszeryfowe
Czcionki szeryfowe Czcionki szeryfowe wyposażone są w dodatkowe elementy ułatwiające czytanie. Elementy te, umieszczone w dolnej i górnej części liter tworzą poziome, optyczne linie ułatwiające prowadzenie
Kadry Optivum, Płace Optivum
Kadry Optivum, Płace Optivum Jak seryjnie przygotować wykazy absencji pracowników? W celu przygotowania pism zawierających wykazy nieobecności pracowników skorzystamy z mechanizmu Nowe wydruki seryjne.
Zadanie 1. Stosowanie stylów
Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a
Budowa dokumentu HTML 5
Podstawy HTML 5 i CSS Budowa dokumentu HTML 5 Na dokument HTML składają się deklaracje: typu dokumentu DTD, nagłówka oraz treści strony. Deklaracja dokumentu DTD określa w jaki sposób przeglądarka reaguje
Tworzenie Stron Internetowych. odcinek 4
Tworzenie Stron Internetowych odcinek 4 tabele Tabela służy do uporządkowanego przedstawienia zbioru danych. Oprócz tego klasycznego zastosowania, może byd wykorzystana do układania elementów na stronie.
LABORATORIUM 6: ARKUSZ MS EXCEL JAKO BAZA DANYCH
UNIWERSYTET ZIELONOGÓRSKI INSTYTUT INFORMATYKI I ELEKTROTECHNIKI ZAKŁAD INŻYNIERII KOMPUTEROWEJ Przygotował: dr inż. Janusz Jabłoński LABORATORIUM 6: ARKUSZ MS EXCEL JAKO BAZA DANYCH Jeżeli nie jest potrzebna
imię kod ulica prześlij Dzięki formularzom możliwe jest pobieranie danych, a nie tylko ich wyświetlanie.
Frmularze w HTML Struktura frmularza: ... imię nazwisk miejscwść kd ulica prześlij Dzięki frmularzm mżliwe jest pbieranie danych,
Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Rozdział VI. Tabele i ich możliwości
Rozdział VI Tabele i ich możliwości 3.6. Tabele i ich możliwości W wielu dokumentach zachodzi konieczność przedstawienia danych w formie tabelarycznej. Dlatego też program OO Writer jest wyposażony w
INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ
INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ W celu wprowadzenia, modyfikacji lub usunięcia informacji w Biuletynie Informacji Publicznej należy wpisać w przeglądarce adres strony: http:/bip.moriw.pl/admin.php
Dodawanie grafiki i obiektów
Dodawanie grafiki i obiektów Word nie jest edytorem obiektów graficznych, ale oferuje kilka opcji, dzięki którym można dokonywać niewielkich zmian w rysunku. W Wordzie możesz zmieniać rozmiar obiektu graficznego,
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
Przygotuj za pomocą tabulatorów element formularza. Utwórz pole tekstowe i sformatuj tak, aby dół napisu w polu był dokładnie nad kropkami.
FORMULARZE POLA TEKSTOWE Pole tekstowe Pole tekstowe kilka wierszy Karta Developer Formanty Formant i pole tekstowe Ćwiczenia Jak wypełnić danymi utworzony w edytorze tekstów formularz? Jak wpisać informacje
Oprogramowanie Użytkowe ćwiczenia Semestr I mgr inż. Daniel Riabcew SWSPiZ
Sekcje W czasie formatowania dokumentu może zaistnieć potrzeba podziału dokumentu na sekcje, czyli mniejsze części, z których każda może być inaczej sformatowana. Jest to konieczne w przypadku, gdy w jakiejś
Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007
Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007 opracowanie: mgr Monika Pskit 1. Rozpoczęcie pracy z programem Microsoft PowerPoint 2007. 2. Umieszczanie tekstów i obrazów na slajdach.
Po wstawieniu tabeli (i zawsze wtedy, gdy w tabeli jest kursor) pojawia się na wstążce nowa grupa zakładek o nazwie Narzędzia tabel.
Tabelę można szybko wstawić do dokumentu, korzystając z przycisku Tabela w zakładce Wstawianie na wstążce. Komputer umożliwia zakreślenie myszką, ile wierszy i kolumn ma mieć tabela. Można też skorzystać
Arkusz strona zawierająca informacje. Dokumenty Excela są jakby skoroszytami podzielonymi na pojedyncze arkusze.
ARKUSZ KALKULACYJNY Arkusz strona zawierająca informacje Dokumenty Excela są jakby skoroszytami podzielonymi na pojedyncze arkusze. Obszar roboczy fragment ekranu, na którym dokonywane są obliczenia Wiersze
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
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
Bazy danych raporty. 1. Przekopiuj na dysk F:\ bazę M5BIB.mdb z dysku wskazanego przez prowadzącego.
Bazy danych raporty 1. Przekopiuj na dysk F:\ bazę M5BIB.mdb z dysku wskazanego przez prowadzącego. 2. Otwórz bazę (F:\M5BIB). 3. Utwórz raport wyświetlający wszystkie pola z tabeli KSIAZKI. Pozostaw ustawienia
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
Bazy Danych i Usługi Sieciowe
Bazy Danych i Usługi Sieciowe Język PHP Paweł Witkowski Wydział Matematyki, Informatyki i Mechaniki Jesień 2011 P. Witkowski (Wydział Matematyki, Informatyki i Mechaniki) BDiUS w. VIII Jesień 2011 1 /
Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.
Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania
Wprowadzenie do MS Excel
Wprowadzenie do MS Excel Czym jest Excel? Excel jest programem umożliwiającym tworzenie tabel, a także obliczanie i analizowanie danych. Należy do typu programów nazywanych arkuszami kalkulacyjnymi. W
Przewodnik... Tworzenie ankiet
Przewodnik... Tworzenie ankiet W tym przewodniku dowiesz się jak Dowiesz się, w jaki sposób zadawać pytania tak często, jak potrzebujesz i uzyskiwać informacje pomocne w ulepszeniu Twoich produktów i kampanii
1. Aby na stronie ZS umieścić artykuł np. news, wymagania edukacyjne, konspekt trzeba założyć sobie konto, w tym celu naciskamy
1. Aby na stronie ZS umieścić artykuł np. news, wymagania edukacyjne, konspekt trzeba założyć sobie konto, w tym celu naciskamy Następnie wypełniamy pola oznaczone * (hasło musi mieć co najmniej 6 znaków
Prezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 1. Tworzenie slajdów MS PowerPoint 2010 to najnowsza wersja popularnego programu do tworzenia prezentacji multimedialnych. Wygląd programu w
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza HTML z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed wysłaniem
Jeżeli pole Krawędź będzie zaznaczone uzyskamy obramowanie w całej wstawianej tabeli
Tabela Aby wstawić tabelę do dokumentu należy wybrać z górnego menu Tabela-->Wstaw-->Tabela W kategorii Rozmiar określamy z ilu kolumn i ilu wierszy ma się składać nasza tabela. Do dokumentu tabelę możemy
Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki
Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia
I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...
Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.
Zasady tworzenia podstron
Zasady tworzenia podstron Jeśli tworzysz rozbudowaną witrynę internetową z wieloma podstronami, za chwilę dowiesz się, jak dodawać nowe podstrony w kreatorze Click Web, czym kierować się przy projektowaniu
NAGŁÓWKI, STOPKI, PODZIAŁY WIERSZA I STRONY, WCIĘCIA
NAGŁÓWKI, STOPKI, PODZIAŁY WIERSZA I STRONY, WCIĘCIA Ćwiczenie 1: Ściągnij plik z tekstem ze strony www. Zaznacz tekst i ustaw go w stylu Bez odstępów. Sformatuj tekst: wyjustowany czcionka Times New Roman
MS Access formularze
MS Access formularze Formularze to obiekty służące do wprowadzania i edycji danych znajdujących się w tabelach. O ile wprowadzanie danych bezpośrednio do tabel odbywa się zawsze w takiej samej formie (arkusz
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
Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki
Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności...
TIN Techniki Internetowe zima 2015-2016
TIN Techniki Internetowe zima 2015-2016 Grzegorz Blinowski Instytut Informatyki Politechniki Warszawskiej Plan wykładów 2 Intersieć, ISO/OSI, protokoły sieciowe, IP 3 Protokoły transportowe: UDP, TCP 4
Adobe InDesign lab. 2 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Dokument wielostronicowy Książka Eksport do PDF... 7.
Spis treści: 1 Dokument wielostronicowy... 2 1.1 Książka... 2 1.2 Eksport do PDF... 7 strona 1 z 7 1 Dokument wielostronicowy Poniższa instrukcja zawiera przykład procedury projektowania dokumentów wielostronicowych
BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT
BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT 1. Wprowadzenie Arkusze kalkulacyjne Google umożliwiają łatwe tworzenie, udostępnianie
Podstawy informatyki
Podstawy informatyki semestr I, studia stacjonarne I stopnia Elektronika rok akademicki 2012/2013 Pracownia nr 5 Edytor tekstu Microsoft Word 2007 mgr inż. Adam Idźkowski Pracownia nr 5 2 Edytor tekstu
Jak posługiwać się edytorem treści
Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia 08 25.04.2016 r.) 1) Zdarzenia w JavaScript Zdarzenia są sygnałami generowanymi w chwili wykonywania ściśle określonych