Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

1Készítette: Ambrusné Somogyi Kornélia Html nyelv (HyperText Markup Language) HTML - Hipertext jelölő nyelv. Vele a lap megjelenését tudjuk "programozni".

Hasonló előadás


Az előadások a következő témára: "1Készítette: Ambrusné Somogyi Kornélia Html nyelv (HyperText Markup Language) HTML - Hipertext jelölő nyelv. Vele a lap megjelenését tudjuk "programozni"."— Előadás másolata:

1 1Készítette: Ambrusné Somogyi Kornélia Html nyelv (HyperText Markup Language) HTML - Hipertext jelölő nyelv. Vele a lap megjelenését tudjuk "programozni". A http - a Hypertext Transfer Protocol által közvetített adatok leírására szolgáló nyelv. A böngészők a nyelvet "lefordítva " a megformázott, multimédiás elemekkel megtűzdelve tárják elénk. A View/Source menüpontban minden weblapot megnézhetünk html formátumban.

2 2Készítette: Ambrusné Somogyi Kornélia A HTML-ben írt dokumentum csak ASCII- karakterekből áll és két dolgot tartalmaz: a dokumentum szövegét, HTML-elemeket ún. tag -eket, amelyek a megjelenítési formát kódolják. szöveg, amelyre vonatkozik …

3 3Készítette: Ambrusné Somogyi Kornélia HTML dokumentum készítésének lehetőségei Bármely karakteres szövegszerkesztővel - Jegyzettömb WORD -ben készített szöveg HTML formátumban történő kimentésével – nem célszerű WEB-lap szerkesztők segítségével: –Netscape Composer –Frontpage Editor, Frontpage Express –Putra Writer

4 4Készítette: Ambrusné Somogyi Kornélia HTML dokumentum felépítése Maga a dokumentum: jelek között helyezkedik el. Dokumentum fejléce: között Cím megadása: a cím jelenik meg a böngésző fejlécében. Dokumentum törzse:

5 5Készítette: Ambrusné Somogyi Kornélia HTML lap szerkezete Fej Törzs

6 6Készítette: Ambrusné Somogyi Kornélia Mi kerül a fejbe? –Kinek a lapja. –Keresőszavak, amelyek alapján megtalálhatják a lapunkat. (Ékezet használata nem ajánlott.) Mi kerüljön a törzsbe? –A lap amit készítünk. –Szövegek. –Képek. –Hivatkozások.(Link-ek)

7 7Készítette: Ambrusné Somogyi Kornélia Formázási lehetőségek Bekezdések megadása: a záró megadása nem kötelező Címsorok megadása: címek szintszáma ig, 1 a legmagasabb szint. Új sor kezdése:

8 8Készítette: Ambrusné Somogyi Kornélia Szöveg formázása Az alapértelmezett fontok színét, méretét, stílusát a következőképpen állíthatjuk: – vagy az RGB színskála alapján 6 jegyű hexadecimális számmal: – ha nem az alapértelmezett betűtípust akarom használni - ez ún. változó szélességű betűtípus – az alapértelmezettnél 1-gyel nagyobb font. – érvényességi kör lezárása

9 9Készítette: Ambrusné Somogyi Kornélia Formázások Fontok beállítása – félkövér – dőlt – aláhúzott – gépírás jellegű, egyenlő szélességű betűk – villogó – előzőleg megírt, előre tördelt szöveg beillesztése gépírás stílusban

10 10Készítette: Ambrusné Somogyi Kornélia Szöveg elhelyezése Igazítás – balra – középre – jobbra – igazítás hatáskörének bezárása

11 11Készítette: Ambrusné Somogyi Kornélia Definíciós lista készítése Definiálás – – definíció fejléce – definíció törzsrésze

12 12Készítette: Ambrusné Somogyi Kornélia Számozott lista Lista határolók: Lista típusa: Kezdőérték megadása: Egyes sorok, listaelemek jelölése:

13 13Készítette: Ambrusné Somogyi Kornélia Felsorolás, számozatlan lista Lista határolók: Lista típusa: Listaelemek jelölése:

14 14Készítette: Ambrusné Somogyi Kornélia Linkek, hivatkozások Kapcsolat jelzése: Fájl, vagy címke csatolása: – Címke elhelyezése az adott szövegen belül: – pl.

15 15Készítette: Ambrusné Somogyi Kornélia Levelezési cím megadása A hivatkozás kulcsszava mailto Ambrusné Somogyi Kornélia címe

16 16Készítette: Ambrusné Somogyi Kornélia Képek beillesztése Leggyakoribb képformátumok: –GIF 256 színt tud kezelni, elsősorban ábrákhoz használt. –JP(E)G Fényképekhez használatos, 24 biten tárolja a színeket. Méret és elhelyezés: –ne legyen túl sok és túl nagy, –a törzsben kell elhelyezni, nem része a dokumentumnak, itt csak hivatkozunk rá, a böngésző feladata a beillesztés.

17 17Készítette: Ambrusné Somogyi Kornélia Kép beillesztése Beépített kép jelzése: Kép forrásának megadása: SRC=FÁJL | URL_link Méretezés, igazítás: –ALIGN=LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABS MIDDLE | BOTTOM … –WIDTH=PIXEL | %képszélesség –HEIGHT=PIXEL | % képmagasság –BORDER=PIXELkeretszélesség

18 18Készítette: Ambrusné Somogyi Kornélia Táblázat létrehozása Táblázat jelölése: –BORDER=PIXELkeretszélesség –WIDTH=PIXEL | %táblázat szélessége sorváltás a táblázatban oszlopváltás a táblázatban oszlopváltás a táblázatban kiemelt szöveggel

19 19Készítette: Ambrusné Somogyi Kornélia Igazítás táblázaton belül ALIGN=LEFT | RIGHT | CENTER –cellán belüli igazítás vízszintes irányban –mindegyik esetben VALIGN=TOP | MIDDLE | BOTTOM | BASEFILE –cellán belüli igazítás függőleges irányban –mindegyik esetben WIDTH= PIXEL | % –cellaszélesség megadása –TD és TH tag - eknél

20 20Készítette: Ambrusné Somogyi Kornélia Háttér és szöveg színbeállításai A tag - en belül: –BACKGROUND=FÁJL | URL_link háttérkép beállítása –BGCOLOR=XXXXXXháttérszín beállítása –TEXT=XXXXXXszöveg színének beállítása –LINK=XXXXXXmeg nem nézett link színe –VLINK=XXXXXXmegnézett link színe –ALINK=XXXXXXépp most kiválasztott link színe

21 21Készítette: Ambrusné Somogyi Kornélia Kereteket tartalmazó honlap készítése Egyetlen böngészőablakban több HTML dokumentum is megjeleníthető a utasításpár, valamint a hozzá szorosan kapcsolódó utasítás együttes használatával. Ezeknek az utasításoknak a fejlécben kell szerepelni, meg kell előzniük a utasítást.

22 22Készítette: Ambrusné Somogyi Kornélia Keretek

23 23Készítette: Ambrusné Somogyi Kornélia Egy utasítással csak egyirányú felosztást készíthetünk, mindkét irányban osztott böngészőablak létrehozásához a elemeket egymásba kell ágyazni. A fenti módon definiált területekre a utasítás tölti be a megadott objektumot, amely lehet egy teljes HTML fájl, annak egy része, ill.egy kép.

24 24Készítette: Ambrusné Somogyi Kornélia Saját honlap készítése – kmf levelező szerverén Könyvtár létrehozása a saját könyvtáron belül public_html néven – jogosultsága 755. index.html vagy index.htm fájl tartalmazza a saját honlapot – jogosultsága 644. A honlap meghívása a böngészőből:

25 25Készítette: Ambrusné Somogyi Kornélia Ajánlott webhelyek Ultraweb A weblap, ahova bejelentkezünk: vagy Lépések: –Regisztráció – cím megadásával –Weblap elkészítése –Feltöltés Elérés:

26 26Készítette: Ambrusné Somogyi Kornélia Feltöltés – ftp segítségével FTP host: ftp.uw.hu Felhasználó név: ambrusne Jelszó: megegyezik az adminisztrációs felület jelszavával Port: 21 Ajánlott FTP kliens: Total Commander A regisztrációhoz automatikusan tartozik egy postafiók, amely POP3 protokollról vagy WEB-es felületről a WEB MAIL menüpont alól érhető el.

27 27Készítette: Ambrusné Somogyi Kornélia Freeweb A weblap, ahova bejelentkezünk: vagy Lépések: –Regisztráció – cím megadásával –Weblap elkészítése –Feltöltés Elérés:

28 28Készítette: Ambrusné Somogyi Kornélia Feltöltés – ftp segítségével FTP host: ftp.freeweb.hu Felhasználó név: ambrusne Jelszó: megegyezik a regisztrációnál megadott jelszóval Port: 21 Ajánlott FTP kliens:Total Commander A regisztrációhoz automatikusan tartozik egy postafiók, amely POP3 protokollról vagy WEB-es felületről bejelentkezés után a WebMail menüpont alól érhető el.

29 29Készítette: Ambrusné Somogyi Kornélia WEB-lap szerkesztők

30 30Készítette: Ambrusné Somogyi Kornélia Netscape Composer A Netscape Communicator része Tömör állományokat hoz létre – nem ír hozzá felesleges tag-eket.

31 31Készítette: Ambrusné Somogyi Kornélia Frontpage Express Ingyenes, a Microsoft Internet Explorer programcsomag tartalmazza. Két nézete van: –WYSIWIG –HTML A Microsoft Frontpage Editor több szolgáltatását tartalmazza egy kisebb programcsomagban.

32 32Készítette: Ambrusné Somogyi Kornélia Microsoft FrontPage Az Internet Explorerrel, illetve a Microsoft Office programcsomaggal együtt telepíthető. Az Office XP része. Segítségével a HTML nyelv ismerete nélkül hozhatunk létre weblapokat, illetve webhelyeket.

33 33Készítette: Ambrusné Somogyi Kornélia A megjelenő képernyő

34 34Készítette: Ambrusné Somogyi Kornélia Nézetek webhelykészítéskor Weblap nézetei –Normál –HTML –Minta Kereteket tartalmazó lap esetén –Keretek nélkül –Kereteket tartalmazó lap HTML-nézete

35 35Készítette: Ambrusné Somogyi Kornélia Putra Writer Ingyenes, magyar nyelvű HTML dokumentum és JavaScript szerkesztő program. Internetről letölthető.

36 36Készítette: Ambrusné Somogyi Kornélia Indító képernyő


Letölteni ppt "1Készítette: Ambrusné Somogyi Kornélia Html nyelv (HyperText Markup Language) HTML - Hipertext jelölő nyelv. Vele a lap megjelenését tudjuk "programozni"."
Google Hirdetések