Post Tagged with: "xhtml"

ASP alapok

ASP vagyis Active Server Pages Ebben az egy mondatban minden benne van, amit az asp-ről tudni kell. Aki egy kiterjedtebb, és gyakrabban használt nyelv felől közelít az asp felé (pl. php), az néhány értelmetlen zsákutcán bizonyára csodálkozni fog, de általánosságban elmondhatjuk, csak a gondolkodásmód más, a lényeg ugyanaz, vagyis szerver oldali programozás. Fontos megjegyezni, az […]

Külső linkek XHTML fájlokban

Az XHTML-ből a W3 Consortium eltávolította a target tulajdonságot, így a linkek nem mutathatnak új, üres ablakra (_blank). Ebben a leírásban egy módszert mutatok be ennek pótlására.

Honlapgrafika készítése Photoshop és Dreamweaver segítségével

Honlapgrafika készítése Photoshop és Dreamweaver segítségével

A fórumokon gyakran belefutni abba a kérdésbe, hogy hogy lehet Adobe photoshop segítségével honlapot (illetve annak grafikáját) elkészíteni, hogy lesz ebből az egészből (mármint ha már van egy kész grafika) egy böngészhető, tartalommal feltölthető site? Mivel legjobb tudomásom szerint ilyen jellegű képes/szöveges leírás még nincs magyar nyelven, így hát nekiállok és igyekszem elmagyarázni. :) A […]

Átlátszó iframe

Az “iframe”-eket a lapodon teljesen eltüntetheted ha a kód végére beilleszted a transparency=”true” értéket, valahogy így: kód 1 <iframe src="blah.html" name="main" width="100%" height="100%" frameborder="0" allowtransparency="true"></iframe><iframe src="blah.html" name="main" width="100%" height="100%" frameborder="0" allowtransparency="true"></iframe>

favicon

Minden honlaptulajnak lehetősége van egyéni ikont társítani lapjához, mely később a látogatók böngészőjében illetve “kedvenceiben” megjelenik. Hogy egy konkrét példát mondjak: http://www.hwsw.hu vagy a http://www.tutorial.hu :)Az ilyen tipusú képeket (ikonokat) hívjuk favicon-nak

15 – Stíluslapok használata a Dreamweaverben

A Dreamweaverben a Window/css Styles menüpont vagy a SHIFT F11 billentyűkombináció segítségével jeleníthetjük meg a stíluslapok kezelésére szolgáló CSS Styles palettát. Használata sok tekintetben hasonlít a már megismert HTML Styles paletta használatára: Új stílust a paletta jobb alsó sarkán található új stílus ikonnal (a második ikonnal), vagy a helyi menü New pontjával hozhatunk létre. Ezután […]

14 – SPAN tag

Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk kiválasztóként a stílusok definiálásakor, és ismeri a STYLE CLASS és ID attribútumokat is. Pl. Ha a stílusmegadásban szerepel az, hogy : 1 .zoldbetus {color: #00ff00} .zoldbetus {color: #00ff00}

13 – STYLE attribútum

A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve pl. a <SCRIPT>-et. Pl.

12 – Stíluslapok importálása

A stíluslapok importálására is lehetőség van a css-benaz @import kulcsszó segítségével. Ezt az önálló stíluslapfájlokban és a STYLE tag-en belül használhatjuk (a beágyazott stílusoknál). Pl.:

11 – Stíluslapok elhelyezése

A külső stíluslapfájlok HTML dokumentumainkhoz csatolásának legnagyobb előnye, hogy számos oldal kinézetét megváltoztathatjuk egyetlen fájl, a stíluslap módosításával. Külső stíluslapfájlokra (.css) a LINK tag-gel lehet hivatkozni a HTML dokumentumokban, pl.:

10 – Listák, felsorolások tulajdonságai

Display: ezzel a tulajdonsággal az adott elem előtti és utáni sortörések megjelenését szabályozhatjuk. Lehetséges értékei: block (sortörést helyez el az elem előtt és után), inline (nem helyez el sortörést az elem előtt ill. után), list-item (sortörést helyez el az elem előtt és után, illetve a felsorolásjeleket is kiteszi), none (egyiket sem, de a beágyazott elemeket […]

09 – Margó- és szegélytulajdonságok

Top Margin: a felső margó beállítását szolgálja, amely megadható hosszúságértékével, vagy százalékos formában, illetve az auto (automatikus) értékkel. A nulla érték letiltja a margót, és negatív értékeket is lehet használni. A százalékos érték mindig a külső elemre vonatkozik. Pl. 1 BODY { margin-top: 0 }BODY { margin-top: 0 } Right Margin: a jobboldali margó beállítását […]