Wprowadzenie do Internetu zajęcia 1



Podobne dokumenty
Wprowadzenie do Internetu zajęcia 2

Temat 2: Tabela jako szablon strony

WPROWADZENIE Kurs DO WIT INTERNETU WSISIZ Wyższa Szkoła Informatyki Stosowanej i Zarządzania WIT

Lekcja 1:.Powtórka. <head> <title>kurs HTML</title> </head> <body> <p>to jest tresc...</p> </body>

Odsyłacze. Style nagłówkowe

HTML (HyperText Markup Language)

WITRYNY I APLIKACJE INTERNETOWE

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Wprowadzenie do języka HTML

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

HTML (HyperText Markup Language) hipertekstowy język znaczników

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.

Writer edytor tekstowy.

Szkolenie obejmuje także naukę języka angielskiego w stopniu umożliwiającym podstawową komunikację.

Programowanie WEB PODSTAWY HTML

TWORZENIE STRON WWW. Zasady opisu stron w języku HTML:

Ćwiczenie 2 Tekst podstawowe znaczniki.

2. Projektowanie stron WWW podstawowe informacje

Tworzenie stron internetowych w oparciu o język HTML

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Edukacja na odległość

I. 1) NAZWA I ADRES: Województwo Śląskie, ul. Ligonia 46, Katowice, woj. śląskie, tel. 32

1. Objętość artykułu to maksymalnie 10 stron maszynopisu sformatowanego według wskazań. 2. Format strony A4:

Źródła. cript/1.5/reference/ Ruby on Rails: AJAX: ssays/archives/

Podstawy języka HTML (HyperText Markup Language)

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Hyper Text Markup Language

imię kod ulica prześlij Dzięki formularzom możliwe jest pobieranie danych, a nie tylko ich wyświetlanie.

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia: bip.mazowia.eu/zamowienia-publiczne/

I. 1) NAZWA I ADRES: Województwo Śląskie, ul. Ligonia 46, Katowice, woj. śląskie, tel. 32

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

I. 1) NAZWA I ADRES: Zespół Szkół Publicznych Nr 1, ul. Marii Skłodowskiej-Curie 19,

Rzeszów: Dostawa dwóch samochodów osobowych. Numer ogłoszenia: ; data zamieszczenia: OGŁOSZENIE O ZAMÓWIENIU - dostawy

I. 1) NAZWA I ADRES: Fundacja Małych i Średnich Przedsiębiorstw, ul. Smocza 27,

I. 1) NAZWA I ADRES: Rzeszowska Agencja Rozwoju Regionalnego S.A., ul. Szopena 51,

I. Dlaczego standardy kodowania mailingów są istotne?

Uwaga: znaczniki <body> </body> nie powinny byd umieszczane na stronie zawierającej ramki, w ramach FRAMESET.

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Gniezno: DOSTAWA UŻYWANEGO AMBULANSU (KARETKI) TYPU C Numer ogłoszenia: ; data zamieszczenia: OGŁOSZENIE O ZAMÓWIENIU - dostawy

I. 1) NAZWA I ADRES: Ministerstwo Skarbu Państwa, ul. Krucza 36/Wspólna 6, Warszawa,

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

I. 1) NAZWA I ADRES: Województwo Podkarpackie, al. Łukasza Cieplińskiego 4, Rzeszów,

WYMAGANIA EDUKACYJNE Z INFORMATYKI

Poznań: Wykonanie dokumentacji projektowo-kosztorysowej. parku położonego przy osiedlu Polan w Poznaniu.

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia: piekaryslaskie.praca.gov.

Wymagania na poszczególne oceny w klasie 5

Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych.

Baza Aktów Własnych Opis produktu. Zastosowanie, Wykaz funkcjonalności, Cennik.

Opis szablonów globalnych AdOcean

STANDARDY PRACY DYPLOMOWEJ (LICENCJACKIEJ, INŻYNIERSKIEJ I MAGISTERSKIEJ)

HTML - podstawowe znaczniki

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

WYMAGANIA NA POSZCZEGÓLNE OCENY Z ZAJĘĆ KOMPUTEROWYCH klasavi

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

zamówienia: 3.1. Przedmiotem zamówienia jest zakup energii elektrycznej na potrzeby Gminy

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Elementarz HTML i CSS

Opis pliku XML Wersja 6.0

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

I. 1) NAZWA I ADRES: Szkoła Podstawowa im. Stefana Żeromskiego w Bielowicach, Bielowice 56,

I. 1) NAZWA I ADRES: Rzeszowska Agencja Rozwoju Regionalnego S.A., ul. Szopena 51,

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

Wrocław: Promocja projektu. Numer ogłoszenia: ; data zamieszczenia: OGŁOSZENIE O ZAMÓWIENIU - dostawy

Zamieszczanie ogłoszenia: obowiązkowe. Ogłoszenie dotyczy: zamówienia publicznego. SEKCJA I: ZAMAWIAJĄCY

Podstawowe formatowanie CSS

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Poznań: Zakup i dostawa regałów magazynowych Numer ogłoszenia: ; data zamieszczenia: OGŁOSZENIE O ZAMÓWIENIU - dostawy

SEKCJA III: INFORMACJE O CHARAKTERZE PRAWNYM, EKONOMICZNYM, FINANSOWYM I TECHNICZNYM

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia: bip.mazowia.eu/zamowienia-publiczne/

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

dynamicznego systemu zakupów:

I. 1) NAZWA I ADRES: Województwo Podkarpackie, al. Łukasza Cieplińskiego 4, Rzeszów,

Skróty klawiszowe Window-Eyes

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

U R Z Ą D S K A R B O W Y W T Y C H A C H

OGŁOSZENIE O ZAMÓWIENIU - dostawy

Witryna internetowa. Należy unikać w nazwach plików używania polskich znaków.

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

SEKCJA I: ZAMAWIAJĄCY SEKCJA II: PRZEDMIOT ZAMÓWIENIA. Zamieszczanie ogłoszenia: obowiązkowe. Ogłoszenie dotyczy: zamówienia publicznego.

Adres strony internetowej, na której Zamawiający udostępnia Specyfikację Istotnych Warunków Zamówienia:

Krótki przegląd własności języka CSS

Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Projekty z Technologii Informacyjnych

Transkrypt:

Wprwadzenie d Internetu zajęcia 1 XHTML cechy Dkument HTML/XHTML jest zwykłym plikiem tekstwym, w którym znajdują się plecenia XHTML i mżna g utwrzyć przy pmcy zwykłeg edytra tekstów np. ntatnika, wprwadzając ręcznie dpwiednie znaczniki. Język znaczników rzumiany przez przeglądarki internetwe Niezależny d platfrmy Hyperlinki (dnśniki) główna siła XHTML-a XHTML zastswanie Publikacja infrmacji w Internecie Udstępnianie dkumentacji W płączeniu z przetwarzaniem na serwerze (PHP) ptężne mżliwści knstruwania systemów klient-serwer Sklepy internetwe Prtale Wewnętrzne systemy bsługi firm XHTML pdstawy budwy Plecenie (znacznik) języka XHTML jest kreślnym ciągiem znaków bjętymi strymi nawiasami. Każdy dkument XHTML psiada szkielet, który jest snwą dla pszczególnych pleceń. mgr inż. Marcin Nwak 22.02.2006 Marcin_Nwak@wit.edu.pl 1/5

pdstawwa struktura dkumentu XHTML: <html xmlns="http://www.w3.rg/1999/xhtml" xml:lang="pl" lang="pl">> <head> <title>tytuł strny</title> </head> <bdy> </bdy> </html> <p>treść strny</p> znaczniki Wszystkie plecenia XHTML muszą rzpczynać się d znacznika twierająceg i kńczyć znacznikiem zamykającym. twierające np. <bdy> zamykające np. </bdy> UWAGA! W HTML zalecane jest stswanie małych znaczników - w XHTML, który jest kntynuacją języka HTML, małe znaczniki są już bwiązkwe. atrybuty znaczników np. <td clspan= 2 ></td> Przykłady najczęściej stswanych atrybutów. align = wartść (left, right, center, justify) - kreśla spsób justwania elementu względem tczenia HTML valign = wartść (tp, middle, bttm) - służy d pinweg wyrównania zawartści kmórki - d górneg brzegu, d śrdka i d dlneg brzegu backgrund = nazwa brazka kreśla grafikę, która pjawi się w tle strny bgclr = klr kreśla klr tła strny UWAGA! Atrybuty mgą psiadać tylk i wyłącznie znaczniki twierające! Główne znaczniki w sekcji HEAD tytuł strny: <title>jakiś tytuł strny</title> słwa kluczwe i pis (używane przez wyszukiwarki): mgr inż. Marcin Nwak 22.02.2006 Marcin_Nwak@wit.edu.pl 2/5

<meta name="keywrds" cntent="sklep, księgarnia"> <meta name="descriptin" cntent="księgarnia internetwa"> strna kdwa Windws (tylk Plska) <meta http-equiv="cntent-type" cntent="text/html; charset=windws-1250"> ISO (międzynardwa, wymaga knwertera) <meta http-equiv="cntent-type" cntent="text/html; charset=is-8859-2"> Sekcja BODY <bdy bgclr="red" backgrund="jakies_tl.jpg">... treść strny... </bdy> bgclr - klr tła np: red, yellw, black; inaczej: #FF0000, #66CCFF, #33CC99; przykład palety: http://www.asp.net.pl/wit/klry.html backgrund - rysunek w tle strny Frmatwanie tekstu <b>tekst pgrubiny</b> <i>tekst pchylny</i> lub <em>tekst pchylny</em> <u>tekst pdkreślny</u> Zagnieżdżanie znaczników <b><i>tekst pgrubiny i pchylny</i></b> <i><b>tekst pgrubiny i pchylny</b></i> Rzmieszczanie na strnie <span></span> <div></div> lub inaczej w znaczniku paragrafu mgr inż. Marcin Nwak 22.02.2006 Marcin_Nwak@wit.edu.pl 3/5

<p align="center">tekst wycenterwany</p> align - wyrównanie np. center, left, right Inne rzadziej używane znaczniki <sub>niżej</sub> np. H 2 0 <sup>wyżej</sup> np. m 2 <big>pwiększny</big> <small>pmniejszny</small> <del>przekreślny</del> <dfn>definicja</dfn> <cde>kd kmputerwy</cde> <samp>sample cmputer cde text</samp> <kbd>keybard text</kbd> <var>variable</var> <cite>cytat</cite> Umieszczanie grafiki na strnie <img src="zdjecie.jpg" width="100" height="50" brder="0" alt="obrazek"> brder szerkść branwania width i height szerkść i wyskść (jeśli są pdane t przeglądarka trchę szybciej czyta) align: left, rigth, center - blanie brazka tekstem Odnśniki / linki <a href="strna2.html">link 1</a> <a href="http://www.wp.pl">przejdź na strnę WP</a> <a href="ftp://kmputery.wp.pl/pub">sciągnij sterwniki</a> <a href="mailt:newman@wit.edu.pl">kntakt</a> <a href="strna5.html" target="_blank">w nwym knie</a> Bkmarki <a name="pczatek"></a> <a href="#pczatek">pwrót na górę</a> Listy lista nienumerwana <ul> <li>opcja1</li> <li>opcja2</li> </ul> mgr inż. Marcin Nwak 22.02.2006 Marcin_Nwak@wit.edu.pl 4/5

lista numerwana <l> <li>opcja1</li> <li>opcja2</li> </l> rdzaj numeracji zmieniamy atrybutem type elementu OL: 1 a A i I <l type= I > lista definicji <dl> <dt>definicja 1</dt> <dd>opis definicji 1</dd> <dt>definicja 2</dt> <dd>opis definicji 2</dd> </dl> mgr inż. Marcin Nwak 22.02.2006 Marcin_Nwak@wit.edu.pl 5/5