Dreamweaver CS6 For LuckyTemplates csalólap

Ha kezdő a webdesignban, vagy évek óta készít HTML-oldalakat, az Adobe Dreamweaver CS6 ideális eszköz webhelye elkészítéséhez. A CS6-os verzióban új üdvözlőképernyőt talál, valamint támogatja a Cascading Style Sheets (CSS3) és a HTML5 legújabb verzióit. A Dreamweaver népszerű program a professzionális webtervezők, valamint azok körében, akik hobbijaik, klubok, családok és kisvállalkozások számára szeretnének webhelyeket építeni.

Az Adobe Dreamweaver CS6 üdvözlőképernyője

A Dreamweaver könnyen használható grafikus felülete és hatékony szolgáltatáslistája népszerű választássá teszi a professzionális webtervezők és a hobbibarátok körében. A Dreamweaver CS6 minden új verziójával új funkciókat kínál, de továbbra is megtalálja az ismerős üdvözlőképernyőt, amely segít az indulásban.

Dreamweaver CS6 For LuckyTemplates csalólap

Dreamweaver CS6: Szövegárnyékok hozzáadása a CSS3 segítségével

A Dreamweaver CS6-ban a webtechnológia legújabb CSS3-szabályaival szövegárnyékok hozzáadásával javíthatja a tervezést, és mélyebbé teheti oldalait. Szövegárnyékok hozzáadása megkönnyíti a szavak olvashatóságát, különösen akkor, ha a terv összetett hátterű, vagy ha a háttér és a szöveg színei nem kontrasztosak.

Dreamweaver CS6 For LuckyTemplates csalólap

Köszönetnyilvánítás: Paul Gual, istockphoto.com

A Dreamweaver CS6 támogatja a CSS3 szövegárnyékokat, ha a CSS-stílusok panel Tulajdonságok paneljét használja. Létrehozhat osztály- vagy azonosítóstílusokat szövegárnyékokkal, és szövegárnyékot adhat hozzá a meglévő HTML-elemekhez egy címkestílus, például a képen használt címsor 1 stílusának meghatározásával.

A szöveges árnyékot létrehozó CSS3 kód az

h1 {text-shadow: 2px 2px 3px #000;}

A kódban szereplő számok azt jelzik, hogy a szöveg árnyékának 2 képponttal jobbra és 2 képponttal a szöveg alá kell nyúlnia, 3 képpontos elmosódással. Ezenkívül az árnyék fekete színnel jön létre, amelyet a #000 rövidített hexadecimális színkód határoz meg.

Szövegárnyék-szabályok létrehozásakor legfeljebb négy értéket adhat meg:

  • Vízszintes és függőleges: Az első két számérték kötelező, és meghatározza a vízszintes és függőleges eltolást – azt a távolságot, amelyet a vetett árnyék a szöveg alatt (vízszintes) és a szövegtől jobbra (függőlegesen) húz.

  • Elmosódási sugár: A harmadik érték az árnyékban lévő elmosódás mértékét határozza meg. Ha nem adja meg az elmosódási sugarat, az alapértelmezett érték 0, így az árnyék egyszínűként jelenik meg.

  • Szín: A negyedik érték az árnyék színét adja meg, és hexadecimális színkóddal vagy RGBa színkóddal határozható meg.

Szövegárnyékot a CSS-stílusok panel alján található Tulajdonság panel segítségével adhat hozzá, a képen látható módon. Ehhez kövesse az alábbi lépéseket:

Kattintson a Tulajdonság hozzáadása hivatkozásra a CSS-stílusok tulajdonsága panel bal oldalán.

Adja meg a CSS3 stílusszabály nevét, szöveg-árnyékot, vagy válassza ki a stílusszabályt a legördülő listából.

Miután a név megjelenik a bal oldalon, egy kis nyíl jelenik meg a jobb oldalon.

Kattintson a szövegárnyéktól jobbra található nyíl kiválasztásához.

Megjelenik egy doboz.

Adja meg az X és Y eltolást, az elmosódási sugarat és a színt.

Weboldalak és források webes tervezők számára

A tapasztalt webtervezők – függetlenül attól, hogy Adobe Dreamweavert vagy más webtervező szoftvert használnak – gyakran hivatkoznak online forrásokra, hogy lépést tarthassanak készségükkel, és speciális funkciókkal bővítsék webhelyeiket. Ez a lista megkönnyíti olyan webhelyek és online források megtalálását, amelyek segíthetnek a webtervezési projektekben.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.