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

Html bevezetés Készítette: Turócziné Kiscsatári Nóra.

Hasonló előadás


Az előadások a következő témára: "Html bevezetés Készítette: Turócziné Kiscsatári Nóra."— Előadás másolata:

1 Html bevezetés Készítette: Turócziné Kiscsatári Nóra

2 A HTML HTML HyperText Markup Language Hipertext jelölő nyelv A HTML lapok egyszerű szöveges fájlok.htm vagy.html kiterjesztéssel (szerkeszthetők jegyzettömbben is) A nyelv TAG-ekből épül fel. ERRE VONATKOZIK Ez dőlt lesz! A szöveget tagok segítségével formázhatjuk Minden HMTL lapnak tartalmaznia kell a tagokat

3 A HTML fájl szerkezete Head rész Karakterkészlet (kínai, cirill, stb..) Kereső információk Speciális utasítások Body rész Ez a rész fog megjelenni a böngészőben

4 Alapvető tagok a HEAD részben A dokumentum címe, ami megjelenik a böngésző címsorában Beágyazott stílusok Stíluslap, javascript fájl hozzáfűzése

5 Alapvető tagok a HEAD részben Magyar karakterkészlet beállítása Kulcsszavak kereséshez Az oldal rövid leírása

6 Alapvető tagok a BODY részben szöveg félkövér szöveg dőlt szöveg aláhúzott újsor szöveg bekezdés

7 Alapvető tagok - példa Egy egyszerű html: Hello world! Ez vastag vagy nem ?

8 Alapvető tagok - példa Böngészőben: Hello world ! Nem került új sorba!

9 Címformátumok cím 1 cím 2 … cím 6 Alapvető tagok a BODY részben

10 Igazítások Balra zárt szöveg Középre zárt szöveg Jobbra zárt szöveg Sorkizárt szöveg

11 Alapvető tagok a BODY részben Felsorolások Számozattlan (unordered) Első elem Második elem Harmadik elem Számozott (ordered) Első elem Második elem Harmadik elem

12 Betűk Betű méretek: szöveg Betű típusok: szöveg

13 Hivatkozások HTML dokumentumok közötti „ugrások” végrehajtására 2 típusa: Abszolút esetén mindig a teljes elérési utat használjuk. PL.: Relatív esetén csak az aktuális könyvtárhoz képest adjuk meg, hogy hol helyezkedik el. PL.: letoltes/oprend.htm

14 Hivatkozások Mire használhatjuk? Ugrás egy másik oldalra Vissza a főoldalra Másik oldal megnyitása új ablakban GMail új ablakban Könyvjelzők Vissza az elejére Levél küldése levelező program segítségével küldj levelet

15 Képek kezelése Egyszerű kép Gyorstipp mutatása a képre állva: Hiperhivatkozás egy képen

16 NVU - Bevezetés

17 NVU – Ablak felépítése

18 NVU - Nézetek Normál nézet – vizuális szerkesztéshez

19 NVU - Nézetek Minden HTML-elem – elemek kezeléséhez

20 NVU - Nézetek Forrás – forráskód szerkesztéséhez

21 NVU - Nézetek Előnézet – amit a böngésző mutatna

22 NVU – Megtekintés böngészőben

23 NVU – Oldal színe és háttere Formátum > Oldal színe és háttere

24 NVU - Szövegkezelés Betűszín Kisebb, nagyobb betűméret Félkövér Dőlt Számozott, számozatlan lista Aláhúzott Balra-, jobbra-, középre és sorkizárt Behúzás növelése, csökkentése Bekezdés- formátum Betűtípus

25 NVU - Képek

26 NVU – Képek kezelése Beszúrás > Kép

27 NVU – Képek kezelése

28 NVU - Hivatkozások

29 NVU – Hivatkozások kezelése

30 NVU – könyvjelző létrehozása

31 NVU – könyvjelző

32 NVU – hivatkozás

33 NVU - Táblázat

34 NVU – táblázat beszúrása Táblázat > Beszúrás > Táblázat

35 NVU – táblázat szerkesztése Helyi menüből

36 NVU – táblázat tulajdonságai

37 NVU – Webhely

38 NVU – Több lapból álló webhely Előnyei: Közzététel (feltöltés webszerverre, ftp-n keresztül) Fogd és vidd (Drag and Drop) módszerrel egyszerűen illeszthetők be képek, hivatkozások más lapokra Könyvtárak és fájlok egyszerű kezelése

39 NVU – Több lapból álló webhely

40

41

42 A végeredmény


Letölteni ppt "Html bevezetés Készítette: Turócziné Kiscsatári Nóra."

Hasonló előadás


Google Hirdetések