Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont.

Slides:



Advertisements
Hasonló előadás
Felhasználói felületek és üzleti logika Bollobás Dávid ASP.NET
Advertisements

Egy kisvállakozás dinamikus weboldalának fejlesztése: tervezés, problémák, megoldások Szilágyi Gábor.
Social Networking alkalmazás fejlesztése ASP.NET 3.5-tel Árvai Zoltán Consultant, Trainer Számalk Oktatóközpont.
Az előd – IIS 6 2 Forrás: Secunia, Forrás: Netcraft, August 2007 Web Server Survey Elterjedtség.
CSS médiatípusok - példák
Honlap készítés Érdekességek.
Stílus, mesteroldal, témák
Fejlett programozási technikák II.
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}
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.
WEBOLDALFEJLESZTÉS
WebStarter ECDL W e b k e z d ő ECDL Webkezdő mintafeladat.
Közös kinézet Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán.
A HTML alapjai Havlik Barnabás Készítette:
Microsoft szoftverek a szakképzésben
Új modulok a szakképzésben SharePoint Designer, Expression Web Gubicza József.
SharePoint Designer és Expression Web
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék Vizuális és web programozás II. Tananyag: 2. konzultáció CSSJavaScript.
Webszerkesztés Stíluslapok (CSS).
Microsoft Access Űrlapok tervezése.
CSS.
Ergonómiai elvek prezentáció készítésekor
Optimalizálás Ez az előadó neve beosztása vállalata.
Felhasználók azonosítása és jogosultságai, személyre szabás Borsi Katalin és Fóti Marcell NetAcademia Oktatóközpont.
Mesterlapok és menük használata
Vezérlők használata és írása Ez az előadó neve beosztása vállalata.
XHTML – a tanultak összefoglalása
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK.
A <DIV> tag és formázás CSS-sel
CSS A CSS bemutatása.
HTML nyelv.
Weboldal tervezés programozó szemmel. Alapok Minden webcím www. –tal kezdődikMinden webcím www. –tal kezdődik Webböngésző = Internet ExplorerWebböngésző.
Hyper Text Markup Language
Prezentációkészítés összefoglaló
Hyper Text Markup Language
Honlap készítés 2. óra.
Honlap készítés 4. óra.
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.
Prezentáció és grafika
Visual Basic 2008 Express Edition
Az Internet alkalmazásának lehetőségei Áttekintés.
Web-grafika II (SVG) 1. gyakorlat
Web-grafika II (SVG) 8. gyakorlat Kereszty Gábor.
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék 10. Előadás Css Tananyag:Web-programozás.
HTML 2. Űrlapok
Összetevő- és telepítési diagram
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Html nyelv (HyperText Markup Language)
Violet nails Készítette: Csőke Vivien. Bevezetés Téma: Violet nails - műkörömkészítő weblapjának elkészítése A weboldal elérhető az alábbi címen: violetnails.atw.hu.
Spanyolország gyöngyszeme: GRANADA Egy hobby portál kivitelezése.
Weblapkészítés alapjai
Webprogramozó tanfolyam
Szövegszerkesztés.   Minimum 5 oldalas dokumentum.  Szabadon választott (papírt tűrő) témában.  1. oldal fedőlap.  2. oldal tartalomjegyzék - automatikusan.
Java web programozás 2..
User Profiles Endrődi Tamás (MCT, MCP, MCITP) GDF Informatikai Intézet vezetője SZÁMALK Oktatóközpont.
Multimédia-fejlesztés. 2. számú beküldendő feladat Készítsen el egy multimédia alkalmazást! Neobook for windows szoftverrel Neobook for windows szoftverrel.
A <DIV> tag és formázás CSS-sel
Alkalmazott Informatikai Tanszék
3. Táblázatok és diagramok
CSS Cascading Style Sheet HTML.
Cascading Style Sheet.
Prezentációk 2. Bemutatók készítése.
3. osztályban.
Előadás másolata:

Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont

Egységes kinézet tervezése Arculatterv kialakítása Kiinduló arculatterv elkészítése Weblap építőelemeinek meghatározása Az építőelemek tulajdonságainak meghatározása – Betűk, méretek, színek, szegélyek, képek stílusa, stb.

Stíluslapok (CSS) használata Megjelenítés tulajdonságainak meghatározása piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés style=”color: red; text-weight: bold;” piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés Style attribútumStyle tag p { text-weight: bold; }.piros { color: red; } piros félkövér betűk következő bekezdés

Stíluslapok (CSS) használata II.

Demó CSS készítése

Szerveroldali vezérlők stílusa Theme és Skin CSS osztályok használata: a CssClass tulajdonság Az App_Themes könyvtár Skin fájl létrehozása A stíluslapok és a témák kombinálása

Témák használata Téma meghatározása a Page direktívában – Theme tulajdonság Téma tiltása vezérlőnként – EnableTheming tulajdonság Vezérlőhöz rendelhető stílusok közötti váltás – SkinID tulajdonság

Téma megadása kódból Page.Theme property beállítása – Az utolsó beállítási lehetőség a OnPreInit-ben

Téma megadása központilag Az összes oldalra egyszerre történő beállítás a Web.config-ban:

StyleSheetTheme –Mi a különbség a Theme-hoz képest? A Page direktívában a StyleSheetTheme tulajdonság Dinamikusan az oldal StyleSheetTheme tulajdonságának felülírásával (override) állítható be Web.config-ban: a pages elem styleSheetTheme attribútumával Designer támogatja A skinben megadott tulajdonságokat az oldal vezérlőiben felülbírálhatjuk.

Demó Téma készítése Téma alkalmazása

Linkek CSS: Mesterlapok: