Honlap készítés 4. óra.

Slides:



Advertisements
Hasonló előadás
BPS Web 2.0 Felhasználói kézikönyv. A szerkesztő főoldala A bejelentkezett felhasználóA szerkesztő főmenürendszere Stílusformázások Nyelv- és nézetváltás.
Advertisements

Weblap szerkesztés HTML oldal felépítése Nyitó tag Záró tag Nyitó tag Záró tag oldalfej tözs.
Aktív cellaoszlopmutató sormutató munkalap munkafüzet szerkesztőléc.
Bekezdésformázás Név: Szarvas Nóra 8/a Felkészítő tanár: Salamon Róza
FRAME-k (keretek). FRAME-k A frame-ek (keretek) segítségével a képernyőt felosztva egyszerre jeleníthetünk meg több webes dokumentumot a képernyőn. Fejlec.html.
Honlap készítés Érdekességek.
Mire jók a tabulátorok? Lehetőséget nyújtanak
Strip Kattints ide!
Internetes böngészőprogram használata, beállításai
HTML parancsok használata
Címsor menüsor ikonsor munkaterület (ikonsor) állapotsor.
Leírónyelvek: HTML és XHTML
Készítette: Rummel Szabolcs
Dokumentum.
Hernyák Zoltán XML és HTML.
HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
HTML (Hypertext Mark-Up Language). Jellemzői Szöveges alapú internetes oldalak nyelve A formázási műveleteket is szövegesen írja le Szöveget, képeket,
HTML dokumentum felépítése
Salamon Róza felkészítő tanár
HTML oldal felépítése Készítette: Pataki Arnold
A táblázatok formázása Készítette: Gombkötő Alexandra Felkészítő tanár: Györe Mihály József Attila Gimnázium, 6900 Makó Csanád vezér tér 6.
Bekezdésformázás Fűrész Attila Salamon Róza (felkészítő tanár) 8.A
Zsombori Balázs Neumann János Számítástechnikai SZKI
,,Én így tanítanám az informatikát”
Webszerkesztés A HTML alapjai.
Az egérmutató formái: Sor vagy oszlop kijelölése Cellák kijelölése
1 Microsoft Excel 4. óra Előadó: Jánosik Tamás. 2 Formai beállítások Oszlopszélességek beállítása  Egyszerűen: az adott oszlop oszlopcímének jobb szélénél.
Az Excel táblázatkezelő
XHTML – a tanultak összefoglalása
Weblapok és készítésük
A <DIV> tag és formázás CSS-sel
CSS A CSS bemutatása.
Honlapszerkesztés, weblapszerkesztés
Feladatlap stílusokra
Hyper Text Markup Language
Hyper Text Markup Language
6. óra. Összefoglalás (egy feladaton keresztül) Betűtípus, betűszín, betűméret Háttérszín, alapértelmezett betűszín Címsorok Igazítás Kép, link, táblázat.
Honlap készítés 2. óra.
4. óra. Emlékeztető Igazítások Háttérszín, szövegszín Háttérkép Meta adatok.
Honlap készítés 3. óra.
3. óra. Emlékeztető Oldal címe Sortörés, vízszintes vonal, címsor Betűtípus, betűméret, betűszín.
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Turócziné Kiscsatári Nóra
Html nyelv (HyperText Markup Language)
Táblázatok.
Weblapkészítés alapjai
Táblázatkezelés.
Dokumentum formázása.
Gazdasági informatikus - Szövegszerkesztés 1 Bekezdések formázása 3.
SZÖVEGSZERKESZTÉS IV. ~ BEKEZDÉSFORMÁZÁS ~
ZH feladat Hozzon létre a Dokumentumok-on belül egy saját mappát, oda helyezze majd el a feladat megoldását!
A Mozilla magyar nyelvű szerkesztőjének használata
A <DIV> tag és formázás CSS-sel
3. Táblázatok és diagramok
Szövegszerkesztés összefoglalás.
Script nyelvek előadás
Házi feladat megoldása
TabuláTOROK HASZNÁLATA
MS Office Word 2010 Szövegszerkesztés.
Html parancsok.
Táblázatok A táblázat megadása a tag használatával lehetséges. A és tageken belül: a és tagek között adhatjuk meg a.
Adatfeldolgozási ismeretek 15. ML osztály részére 2017.
Velünk élő középkor Forrás:
téma közlemény SmartArt-ábra piros hátterű képekkel (Haladó)
MS Office Word 2010 Szövegszerkesztés.
Mihály Mihály Ünnepelj velünk! Ünnepelj velünk! 18 éves lesz!
Előadás másolata:

Honlap készítés 4. óra

Emlékeztető Háttérszín, szövegszín Színek megadása (névvel, kóddal) Háttérkép beállítása

Igazítások Bekezdések, hosszabb szövegek igazítása <p align=left> balra igazított </p> <p align=center> középre igazított </p> <p align=right> jobbra igazított </p>

Képek beszúrása <IMG SRC=„kep.jpg„ width=100 height=100 border=5 title=„Kép”> Paraméterei Width, Height: szélesség, magasság Border: a kép körül lévő szegély vastagsága Title: akkor jelenik meg, ha a kép fölé visszük az egeret

Linkek, hivatkozások Pl.: <a href=„http://www.apaczai.elte.hu”> <a href=„melyik oldalra"> mire kattintsak </a> Pl.: <a href=„http://www.apaczai.elte.hu”> Ugrás az Apáczai honlapjára! </a>

Linkek hivatkozások Zenék letöltése <a href=„zene.mp3”> Töltsd le a kedvenc számom! </a>

Linkek, hivatkozások E-mail cím <a href="mailto:raeszke@gmail.com"> Küldj nekem e-mailt! </a>

Linkek hivatkozások Kép legyen a hivatkozás <a href=„http://www.apaczai.elte.hu”> <IMG SRC=„kep.jpg"> </a>

To be continued…