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

Vizuális és web programozás II.

Hasonló előadás


Az előadások a következő témára: "Vizuális és web programozás II."— Előadás másolata:

1 Vizuális és web programozás II.
Tananyag: 1. konzultáció Html / webfejlesztés alapok Html meta elemei Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

2 HTML alapok HyperText Markup Language HiperText Jelölő Nyelv
Jegyzettömb, Böngésző Alapelemei a tag-ek (címkék, cédulák) Tag-ek írása: <tagnév> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

3 HTML alapok Általában:
<nyitótagnév> tartalom, ami megjelenik a böngészőben <zárótagnév> azaz: <tagnév> tartalom, ami megjelenik a böngészőben </tagnév> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

4 HTML alapok Például: <B> félkövérré alakított szöveg </B>
Egymásba ágyazás: <I><CENTER> dőlt, középre igazított szöveg </CENTER></I> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

5 HTML program szerkezete
<HEAD> <TITLE> cím </TITLE> </HEAD> <BODY> a program törzse </BODY> </HTML> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

6 HTML fájl megírása, tartalmának betöltése
Jegyzettömb: Mentés `.htm` kiterjesztésként Böngésző: File > Megnyitás Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

7 Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

8 Folytatás a mintafájlok alapján!
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

9 Html fejléc meta elemei
<meta name="Description" content=""> <meta name="Keywords" content=""> <meta name="Author" content=""> <meta name="language" content="HU"/> <meta http-equiv="Content-Type" content="text/html; charset=iso " /> <title></title> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

10 Leírás <meta name="Description" content="">
A weboldal rövid leírását tartalmazza a content mezőbe írt szöveg. Google és egyéb keresések esetén a description szöveg jelenik meg a találatok alatt. Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

11 Kulcsszavak <meta name="Keywords" content="">
Keresőmotorok használják a kulcsszavakat. A weboldal megfelelő kereső-optimalizálása miatt szükséges elem. A content mezőbe vesszővel elválasztva kell megadni a keresőszavakat. Egy gyermekruházatos oldal esetén: Pl.: gyerek, gyermek, kölyök, ruha, bolt, ruházat… Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

12 Szerző, nyelv, karakterkészlet, cím
<meta name="Author" content=""> Az oldal készítőjének nevét, adatait lehet megadni. <meta name="language" content="HU"/> <meta http-equiv="Content-Type" content="text/html; charset=iso " /> A magyar ékezetes betűk megjelenése miatt szükséges meta elemek. <title>Ez jelenik meg a böngésző fejlécben</title> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

13 A pelda1.html fájl Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék


Letölteni ppt "Vizuális és web programozás II."

Hasonló előadás


Google Hirdetések