Tworzenie stron internetowych www World Wide Web

Slides:



Advertisements
Podobne prezentacje
PODSTAWY TWORZENIA STRON WWW W HTML’u
Advertisements

Dokument HTML jest zwykłym
Tworzenie stron internetowych
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
Podstawowe wiadomości
Podstawowa struktura dokumentu HTML
WITAM NA SZKOLENIU Porady na dziś i jutro.
Ćwiczenia Pierwsze WINIPCFG PING Zapisywanie obrazów pobranych z sieci Internet nazwa komputera a nazwa witryny w sieci Web Samodzielne wyszukiwanie informacji.
Tworzenie stron w języku WML jest zbliżone do tworzenia stron w HTML. W obydwu przypadkach używa się do tego celu znaczników (tagów). Zadaniem znaczników.
Wstęp do baz danych - język HTML
(ang. Hypertext Markup Language) - język znaczników hipertekstowych.
Kurs HTML.
HTML Język opisu strony www.
KURS Z INFORMATYKI prowadzący: mgr Przemysław Głowacki.
Tworzenie stron internetowych www World Wide Web
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
PODSTAWY <HTML>
Łukasz Sobczak. 1)Co to jest Office 2010 Web Apps 2)SharePoint 2010 a narzędzia pakietu office 3)Integracja Office Web Apps z SharePoint )Problemy.
Czym są HTML i XHTML? Skrót HTML pochodzi od słów Hypertext Markup Language (język znakowania hipertekstu). Język HTML jest podstawą każdej strony WWW.
Podstawy HTML-a Adam Rębisz.
Edytor tekstu MS WORD.
języka hipertekstowego
ZESTAW DO NAUKI JAVASCRIPT
Tworzenie stron internetowych
Podstawy tworzenia stron WWW
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Marcin Hankiewicz.
Instrukcja obsługi systemu CMS Przygotowanie
TECHNOLOGIE INFORMATYCZNE Tydzień 7
Temat 2: Edytory HTML.
Temat 3: Podstawowa struktura dokumentu
Tytuł:Poradnik do programu PowerPoint?
Formatowanie tekstu w Microsoft Word
Formatowanie treści oraz grafika w kodzie HTML. Nagłówki.
HTML Hyper Text Markup Language komputerowe Esperanto cz. II Obiekty podstawowe na stronach.
Wprowadzenie do HTML Informatyka Cele lekcji: Wiadomości:
Projektowanie stron www
Aplikacje internetowe
HTML.
HTML Czyli Publikowanie w Internecie. Publikowanie w sieci - problemy Różne platformy sprzętowe użytkowników Różne systemy operacyjne Różne programy służące.
Moja pierwsza strona internetowa Created by Marta Guba
Nieograniczone źródło informacji
Projektowanie Aplikacji Internetowych
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
LISTY HTML. Listy s ą definiowane za pomoc ą znacznika podstawowego innego dla ka ż dego rodzaju list Specyfikacja XHTML, zawiera specjalne znaczniki.
HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Formatowanie treści oraz grafika w kodzie HTML Informatyka.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do kaskadowych arkuszy stylów Informatyka.
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Temat 4: Klasy i identyfikatory
HTML Hyper Text Markup Language komputerowe Esperanto cz. I historia, struktura dokumentu.
TWORZENIE I FORMATOWANIE TABEL
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
Temat 2: Składnia kaskadowych arkuszy stylów. Za zmianę wyglądu witryny w kaskadowych arkuszach stylów odpowiadają reguły stylów. Każda z reguł powiązana.
Beata Sanakiewicz. Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie.
Temat Prezentacji : ZNACZNIKI META TAGS wyk.H. Kozłowski.
Podstawy tworzenia stron WWW w języku HTML Koło Naukowe Elektroniki Przemysłowej - KNEP Wykonali:Mariusz Zawistowicz i Karol Witowski.
Lekcje z komputerem, 2006.
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka.
Microsoft® Office Word
HTML.  Wprowadzenie  Protokół HTTP  Język HTML  Definicja typu dokumentu  Nagłówek strony  Formatowanie treści dokumentu  Definiowanie struktury.
HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.
Język html Julia Cudak. Wykorzystanie Język html wykorzystuje się obecnie do tworzenia stron internetowych. Pozwala on opisać strukturę informacji zawartych.
T. 18. E Proces DGA - Działania (operatorka).
Hipertekst HTML WWW.
Podstawowa struktura dokumentu HTML
Tworzenie stron WWW w programie Microsoft FrontPage
Czy mój serwis internetowy jest dostępny dla wszystkich?
Zapis prezentacji:

Tworzenie stron internetowych www World Wide Web Język HTML czyli Hyper Text Markup Language Opracował: Dr inż. Zbigniew Rudnicki

<B> ten tekst będzie widać jako wytłuszczony </B> Co to jest HTML ? Język do tworzenia dokumentów, które po umieszczeniu na serwerze WWW będą dostępne dla użytkowników Internetu na całym świecie jako strony (witryny) WWW Jak zapisywane są szczegóły m.in. wyglądu strony? Przy pomocy rozkazów zwanych tagami a umieszczanych w nawiasach kątowych < >. Jeśli dotyczą fragmentu tekstu to występują w postaci pary obejmującej ten tekst, np.: <B> ten tekst będzie widać jako wytłuszczony </B> Jakie najprostsze narzędzia wystarczą nam na początek? NOTATNIK lub inny prosty edytor „czystego” tekstu dowolna przeglądarka Internetu np.: Internet Explorer

Cały dokument objęty jest tagami: <HTML> Cały dokument objęty jest tagami: <HTML> ... </HTML > i zawiera: 1) głowę dokumentu między tagami <HEAD> .. </HEAD> 2) ciało dokumentu między tagami <BODY> .. </BODY> A oto najprostszy szablon dokumentu z polskimi literami w standardzie Ms Windows <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <TITLE> Tytuł, który pojawi się w pasku u góry </TITLE> </HEAD> <BODY> treść dokumentu . . . . . . . . . . . . . . </BODY> </HTML>

Formatowanie tytułów <H1> Tytuł główny (największy) </H1> <H2> Tytuł drugiego poziomu </H2> <H3> Tytuł trzeciego poziomu </H3> <H4> Tytuł czwartego poziomu </H4> . . . . . . . . . .

<CENTER> tekst </CENTER> Akapit tekstu (odsunięty od innych akapitów): <P> tekst </P> Zmiana linii wewnątrz akapitu: tekst <BR> nowa linia tekstu Wycentrowanie tekstu: <CENTER> tekst </CENTER> Formatowanie cech czcionki tekstu <B> ten tekst będzie wytłuszczony </B> <I> ten tekst będzie pochylony </I> <U> ten tekst będzie podkreślony </U>

Lista wypunktowana: Lista numerowana: <UL> <LI> temat 1 <OL> <LI> punkt 1 <LI> punkt 2 </OL>

Odsyłacze (tzw. LINKI) do innych dokumentów Odsyłacz do dokumentu istniejącego w tym samym folderze: <A HREF=”nazwa_pliku”> Tekst odsyłacza </A> na przykład: <A HREF=”zadania.htm”> Zadania z fizyki</A>

Odsyłacze dokumentów na innych komputerach (serwerach): <A HREF=”http://nazwa_komputera/dokument”> tekst </A> Na przykład: Odsyłacz do dokumentu dydak.htm na serwerze adam: <A HREF=”http://adam.imir.agh.edu.pl/dydak.htm”> Nauczanie </A>

Wstawianie obrazków: <img src=”nazwa_pliku_z_obrazkiem"> Wstawianie obrazków: <img src=”nazwa_pliku_z_obrazkiem"> IMG jest skrótem od Image (obraz), SRC jest skrótem od Source (żródło). Na przykład: <img src=”kwiatek.gif">

Tabele Definicja tabeli zawarta jest między znacznikami: <TABLE border = n > ... </TABLE> gdzie n - szerokość linii siatki opis wiersza (ang.”row”): <TR> ... </TR> opis komórki danych w wierszu: <TD> ... </TD> Przykład tabeli mającej 1 wiersz i 2 kolumny: