Előadást letölteni
Az előadás letöltése folymat van. Kérjük, várjon
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
Hasonló előadás
