Honlap készítés 2. ó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

HTML nyelv Hiper-Text Markup Language 1. óra.
HTML nyelv.
Microsoft Office XP Word
Színformátumok és színmodellek
Az OpenOffice Writer Választott téma Választott téma:Az OpenOffice Writer Név Név:Sipka Gergő Felkészítő tanár Felkészítő tanár:Balla Norbert Csaba Iskola.
PowerPoint 6. Évfolyam Formázások. Mentés A feladatot mentsük el a saját mappánkba „ppt_6_1_SajátNév” néven (ahol a SajátNév a saját nevünk helyesen leírva,
2. óra. Emlékeztető Hello Világ! Ez Makk Marci honlapja!
Honlap készítés Érdekességek.
HTML nyelv.
STÍLUSOK Tulajdonságok és értékek. Színek megadási módjai H1 {color: #CCF150} H1 {color: rgb(204,241,80)} H1 {color: rgb(80%,95%,30%)} H1 {color: red}
HTML parancsok használata
Leírónyelvek: HTML és XHTML
© BZ, 2006Stíluslapok használata1 Váltsunk stílust! Stíluslapok a webszerkesztésben.
Készítette: Rummel Szabolcs
Hernyák Zoltán XML és HTML.
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
Előadó Abonyi-Tóth Andor Műszaki tanár 1117 Budapest, XI. kerület, Pázmány Péter sétány 1/C, Tel: (1) /8466 abonyita.inf.elte.hu 2012/2013-as.
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
HTML oldal felépítése Készítette: Pataki Arnold
Táblázatok beillesztése, formázása dokumentumokban
Webszerkesztés Stíluslapok (CSS).
A bemutató címe akár kétsoros is lehet, vagy még hosszabb. Szerzők, intézmények felsorolása tetszőleges sorrendben, okosan, szépen. A betűméret automatikusan.
T.K. 33 – 34. Az alapértelmezett előtér- és háttérszín, valamint a körvonalak színének beállításához a Paletta színeit használhatjuk. 1 Az RGB színrendszerben.
Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont.
1 Kedves Kolléga, kérlek, hogy PowerPoint előadásaidhoz ezt a file-t használd fel alapként! a bemutatóban már van néhány, általunk összeállított dia, melyeket.
Weblapok és készítésük
A <DIV> tag és formázás CSS-sel
DOKUMENTUMOK KÉSZÍTÉSE WORD 2007 SZÖVEGSZERKESZTŐVEL II. rész.
CSS A CSS bemutatása.
HTML nyelv.
A program felépítése.
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.
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
Honlap készítés 4. óra.
4. óra. Emlékeztető Igazítások Háttérszín, szövegszín Háttérkép Meta adatok.
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
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.
Színkezelés RGB-színrendszer Készítette : Zelnik Paloma
Színkezelés RGB-színrendszer Zarka Eszter márc. 27.
Web-grafika II (SVG) 1. gyakorlat
A szövegszerkesztés elmélete
PowerPoint 7. Évfolyam Formázások. Mentés A feladatot mentsük el a saját mappánkba „7_2_ppt_SajátNév” néven (ahol a SajátNév a saját nevünk helyesen leírva,
SZÖVEGSZERKESZTÉSI ALAPISMERETEK Formázások összefoglalás
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Html nyelv (HyperText Markup Language)
Karakterek formázása.
Weblap-szerkesztés. Információs hálózati szolgáltatások Internet fontosabb szolgáltatásai (szóbeli) Elektronikus levelezési rendszer használata (szóbeli)
Prezentációk készítése
SZÖVEGSZERKESZTÉS III. ~ KARAKTERFORMÁZÁS ~
Táblázatkezelés.
Karakterek, bekezdések formázása
Alkalmazott Informatikai Tanszék
Nyomógombok szerkesztése
CSS Cascading Style Sheet HTML.
Számítógépes ismeretek
MS Office Word 2010 Szövegszerkesztés.
Szövegszerkesztés Összefoglalás.
Adatfeldolgozási ismeretek 15. ML osztály részére 2017.
téma közlemény SmartArt-ábra piros hátterű képekkel (Haladó)
MS Office Word 2010 Szövegszerkesztés.
POWERPOINT Bemutató készítése.
Előadás másolata:

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

Emlékeztető <HTML> <BODY> Hello Világ! Ez Makk Marci honlapja! </BODY> </HTML>

Emlékeztető Sortörés Vízszintes vonal Félkövér, dőlt, aláhúzott Címsorok

Oldalcím Egy újabb fontos TAG <HEAD> <TITLE> Ide kerül az oldal címe </TITLE> </HEAD> És ez most hol van???

Formázás Betűméret Betűtípus Betűszín <font size=4> 4-es betűméret </font> Betűtípus <font face=„Arial” > Arial betűtípus </font> Betűszín <font color=blue> Kék betűk </font>

Színek megadása Névvel Kóddal Pl.: font color=red Minden névhez tartozik egy kód Pl.: font color= #7af428

Színek kikeverése Alapszínek Erősségük állítása: 0-255-ig R: red G: green B: blue Erősségük állítása: 0-255-ig 16-os számrendszerbeli kóddal: 00-FF-ig Pl.: Fehér: #FFFFFF Fekete:#000000 Piros:#FF0000

Összetett formázás Ezeket a formázásokat egyszerre is lehet alkalmazni Pl.: <b><font size=6 color=red face=„Verdana”> Félkövér 6-os méretű piros Verdana típusú </font></b> Amelyik belül van, azt kell először lezárni Mint a matekban a zárójelek: [(4+3)*2]+7

Háttérkép beállítása <BODY background= „hatter.jpg”> A képet az index.html mellé (ugyanabba a mappába) kell menteni

Színek és háttérképek Színkódok: Háttérképek lelőhelyei: http://tanjelolt.apaczai.elte.hu/radesz/ Háttérképek lelőhelyei: http://www.grsites.com/textures/ http://www.backgroundcity.com/ http://www.boogiejack.com/free_graphics.html

To be continued…