Adobe Dreamweaver CS6 áttekintés

Szerző: Lewis Jackson
A Teremtés Dátuma: 5 Lehet 2021
Frissítés Dátuma: 11 Június 2024
Anonim
Adobe Dreamweaver CS6 áttekintés - Kreatív
Adobe Dreamweaver CS6 áttekintés - Kreatív

Tartalom

Ítéletünk

A Dreamweaver számos szervezet szabványos web-tervezési és fejlesztési eszközévé vált, és a Dreamweaver CS6-nak reagálnia kellett a web változásaira, valamint annak változására. A HTML5 még mindig fejlődik, de számos szabványcsaládja már használatban van. Ezért jó, ha rengeteg támogatást lát a CSS3 fejlettebb szolgáltatásaihoz a Dreamweaverben - beleértve a CSS Transitions-ot is. A CSS támogatásának javulása ellenére a Dreamweaver minimalista megközelítése a JavaScript könyvtárakkal kapcsolatban továbbra is problémát jelent, különösen a kombinált szkriptek és CSS keretek növekvő jelentőségével. Bár rengeteg új funkció létezik, ez még mindig a megszokott Dreamweaver, így könnyű frissíteni CS5 vagy CS5.5 verzióról, kevés vagy egyáltalán nem tanulási görbével. Ha HTML5-tel vagy olyan webhelyekkel dolgozik, amelyeket több eszközre kell szállítania, akkor frissíteni akar. Lehet, hogy más felhasználóknak nehezebb igazolni, de javasoljuk a frissítést, csak a CSS támogatásának fejlesztése érdekében - mivel a CSS Transforms és a Fluid Grids technológiák segítenek a felhasználók által elvárt modern formatervezésben.


Mert

  • Ha az internet egyre több eszközre költözik, jó látni a folyadékrácsok és a CSS3 átmenetek egyszerű elrendezésének és tesztelésének támogatását
  • HTML5 támogatás
  • Eszközök több eszközön keresztüli folyadékrácsok kiépítéséhez
  • Testreszabható munkaterület
  • CSS3 átmenetek
  • Örömmel vesszük, hogy az Adobe elfogadta a legújabb PhoneGap-akvizíciót, integrálva a PhoneGap Build felhőszolgáltatást a mobil HTML5-alkalmazások natív alkalmazásokká történő átalakításának felgyorsítása érdekében.

Ellen

  • Az üzleti katalizátor nem a legjobb megoldás a webhelyek tárolására, és szeretnénk, ha több támogatást látnánk más tárhelyszolgáltatók és szolgáltatások számára
  • Üzleti katalizátor integráció
  • A CSS és a JavaScript keretrendszerek támogatásának hiánya
  • A folyadékrácsok felbontási lehetőségeinek hiánya
  • A CSS és a JavaScript is többet tartalmaz, mint a JQuery, és szerettük volna, ha nagyobb rugalmasságot látunk a támogatott JavaScript keretrendszerekben, különösen a Canvas és más kulcsfontosságú HTML5 szabványok támogatása körül.

Fedezze fel felülvizsgálatunkkal, mit tartogat a Dreamweaver utolsó dobozos változata a webdesignerek számára. Az internet nem marad csendben, az új böngészők és az új technológiák változást jelentenek a webhelyein. A mobil böngészés robbanásával ezek a változások nagyobbak, mint valaha. Ennek ellenére a Dreamweaver CS6 továbbra is a megszokott alkalmazás, ugyanazzal a tervezési és kódkeverékkel, és támogatja szinte bármilyen webes szerzői technológiát, amelyre csak gondolhat.


A kihívás a Dreamweaver CS6 számára

A böngészőháborúk visszatérése felgyorsította az internet fejlődését. A Chrome, a Firefox, a Safari és az Internet Explorer versenyeznek a leggyorsabb és legerősebb HTML5 böngésző szállításáért. Ez azt jelenti, hogy a Dreamweaver CS6-nak támogatnia kell a legújabb HTML, JavaScript és CSS funkciókat - a bonyolultság minimális szinten tartása mellett. A modern weboldal elkészítéséhez a tervezés és a programozási ismeretek keveréke szükséges, az Adobe Dreamweaver CS6-nak pedig a tervezők és a fejlesztők sokszínű közönségét kell támogatnia. Ez nehéz feladat, mivel mindkettőnek különböző igényei vannak, és mindkettő nagyon különböző módon működik.

Felhasználói felület és tapasztalat a Dreamweaver CS6-ban

Nyissa meg az Adobe Dreamweaver CS6-ot, és máris beléphet az ismerős Dreamweaver-élménybe. A korábbiakhoz hasonlóan testreszabhatja a munkaterületet, bár az Adobe mostantól tizenegy előre konfigurált környezettel rendelkezik a beindulás felgyorsítása érdekében - köztük egy kettős képernyős használatra. Rengeteg lehetőség kínálkozik új oldalak és dokumentumok létrehozására, beleértve a Dreamweaver használatát JavaScript fejlesztői környezetként, ami segít az új webes technológiákkal, például a node.js-sel dolgozó fejlesztőknek. Más opciók lehetővé teszik az általános szerveroldali technológiákkal, például a PHP-vel és az ASP.NET-mel való együttműködést, sőt a Flash-fejlesztők számára a Dreamweaver CS6-ot is használhatják az ActionScript-kód szerkesztésére.


Rendszererőforrások

Ha PC-jén vagy Mac-jén már fut a Dreamweaver CS5 vagy az 5.5, akkor a Dreamweaver CS6 rendben fut, akkor nincs szükség további rendszererőforrásokra. A továbbfejlesztett WebKit motor javítja a HTML5 és a JavaScript támogatását az Élő nézetben, míg az Adobe BrowserLab-jához beépített kapcsolat van, amikor több böngészőben is tesztelni kell az oldalakat. Van néhány érdekes kis felhasználói felület, amely megkönnyíti a munkamódszerének megfelelő egyéni élmény kialakítását. Például lehet váltani a színes és a fekete-fehér ikonok között.

Továbbfejlesztett elrendezések a Dreamweaver CS6-ban

A fejlesztők megtartják kódelső nézetüket, míg a tervezők továbbfejlesztett elrendezési eszközöket kapnak, amelyek számos modern webes technológiával működnek. Az eredmény továbbra is rugalmas, és a tervezők és a fejlesztők könnyen megoszthatják a munkaterületet. A kódtárak és egyéb csapatmunka-funkciók azonban még mindig alig vagy egyáltalán nem támogatottak. A Dreamweaver CS6 továbbra is a magányos tervező / fejlesztő számára készült, ami egyre inkább helytelennek érzi magát a mai tervezők és fejlesztők nagy csapatainak világában, akik mind ugyanazon az oldalon működnek együtt.

Folyékony / érzékeny rácsok az Adobe Dreamweaver CS6-ban

Az egyik legnagyobb változás a Dreamweaver CS6-ban, és amelynek következményei túlmutatnak az interneten, az eszközök bevezetése a folyadékháló elrendezésének felépítésére és kezelésére. A folyadékrácsok a CSS3 olyan funkcióinak fontos kombinációja, amelyek lehetővé teszik a média lekérdezések használatát olyan rugalmas elrendezések előállításához, amelyek automatikusan alkalmazkodnak a különböző eszközosztályokhoz megfelelő tartalom kézbesítéséhez.

Az Adobe jelenleg támogatja a közös okostelefon-, táblagép- és asztali felbontásokat a Dreamweaver folyadékrácsával, amelyek sablonokat adnak az elrendezési oldalakhoz a három képernyőfelbontás mindegyikéhez. Lehetőség van kód kivágására és beillesztésére, valamint saját további rácsok létrehozására a különböző képernyőfelbontásokhoz - esetleg nézetek hozzáadása a tévéképernyőkhöz vagy otthoni média konzolokhoz, vagy azokhoz az oldalakhoz, amelyek kezelik a táblagép képernyőjének elforgatását.

A Dreamweaver kezeli a média kérdéseit

A folyadékrácsokkal végzett munka hasonlóan működik a Dreamweaver CS6 sabloneszközeivel. Miután megnyitotta a rácsos elrendezést, mindössze annyit kell tennie, hogy a DIV-címkék segítségével meghatározza a megfelelő oldalrégiókat. Ezután a régiók a Dreamweaver oszloprácsainak segítségével igazodnak hozzájuk, és a felhasználó képernyőjének felbontásától függően kiválaszthatja, hogy mely régiók jelenjenek meg. Ha egy elemre nincs szükség egy adott felbontáson, akkor elrejthető és nem jelenik meg. Meglepően egyszerű megoldás egy viszonylag összetett problémára - a Dreamweaver kezeli a média lekérdezéseket, és csak annyit kell tennie, hogy elkészíti a megfelelő oldalelrendezéseket és terveket. A Dreamweaver folyadékháló eszközeinek további előnye, hogy HTML 5 felhasználói felületek létrehozására is használhatók a Windows 8 Metro alkalmazásokhoz.

A folyékony elrendezésekkel képesnek kell lennie arra, hogy előnézeti munkáját anélkül, hogy közzétenné a megfelelő eszközökön. A Dreamweaver CS6 WebKit-alapú Élő nézet eszközei most tartalmaznak egy felbontásváltót, hogy gyorsan váltsanak okostelefonról, asztali és asztali böngészőre. Az oldalak tesztelhetők egy szokásos asztali böngészőben is, csak átméretezéssel kell elkészíteni a megfelelő nézeteket.

CSS átmenetek

A parancsikonok egy sora a CSS Transitions panelről származik, amely egyszerűsíti az animált effektusok hozzáadását egy oldalhoz. A CSS átmenetek tetszőleges CSS elemhez hozzáadhatók, és bármilyen eseményhez köthetők. Az átmeneteket használhatja előugró ablakok megjelenítésére, vagy a műveletek hangsúlyozására, vagy csak egy hivatkozásra vagy egy menüre való felhívására. Nincs szükség kódra, mivel az egészet a CSS kezeli. Az átmeneti effektusokat a Dreamweaver Élő nézetében tesztelheti, a beépített WebKit böngésző segítségével megjelenítheti a CSS-effektusokat anélkül, hogy elhagyná a tervét, az Átmenetek pedig megkönnyítik az effektusok hozzáadását egy oldalhoz.

Mobil fejlesztés és webhelyek tárolása

A mobil web nem csak a böngészőkről szól, és az Adobe Dreamweaver CS6 hozzáadja a PhoneGap-hoz való együttműködéshez szükséges eszközöket, az Adobe eszközét, amely a webes alkalmazásokat csomagolja a főbb telefonplatformokon futó alkalmazásokba. A webkiszolgálón való közzététel helyett a mobilalkalmazások szállíthatók az Adobe PhoneGap Build felhőszolgáltatásába. A DreamWeaverben található PhoneGap Build panel segítségével szabályozhatja, mely platformokat épít, és amelyek minden egyes megcélzott platform összeállításának állapotáról számolnak be. A befejezés után csak annyit kell tennie, hogy letölti alkalmazását a PhoneGap webhelyről tesztelés céljából, és végül közzétesz egy alkalmazásboltban. Még egy lehetőség is van arra, hogy QR-kód segítségével töltsön be egy alkalmazást egy eszközre egyenesen a PhoneGap Build webhelyről, és használhatja az ügyfeleket egy nyilvános oldalra az alkalmazás jóváhagyásához.

jQuery Mobile elemek

A mobil fejlesztők hozzáférést kapnak a jQuery Mobile elemek készletéhez is, így gyorsan interaktív webhelyeket készíthetnek, anélkül, hogy időt kellene töltenie egy kódkeret létrehozásával. Az alkatrészeket az oldalakra lehet húzni, és a témákat menet közben is lehet alkalmazni. Ezeket az elemeket alkalmazhatja egy teljes webhelyre vagy egy egyedi elemre. Lehetőség van arra is, hogy saját témákat hozzon létre a Fireworks CS6-ban, és azokat a CSS és a sprite lapok témájaként jelenítse meg.

Üzleti katalizátor és Dreamweaver CS6

Ha élő webhelyterveket kell bemutatnia ügyfeleinek, az Adobe hozzáadta a Business Catalyst webhelytárolási szolgáltatásának támogatását. Használhatja saját domainnel rendelkező webhelyek fogadására a beépített CMS és az e-kereskedelmi eszközök használatával. A Dreamweaver támogatja az Business Catalyst moduljait, bedobva a megfelelő címkéket az oldalaira. A Dreamweaver felhasználói számára elérhető egy ingyenes próbaverzió, amely lehetővé teszi, hogy tesztelje a webhelyeket, valamint gyorsan megossza a prototípusokat vagy az elkészült webhelyeket az ügyfelekkel. Még mindig nem vagyunk biztosak az üzleti katalizátorban, mint a legtöbb fejlesztő eszközében, akik valószínűleg saját átmeneti szerverekkel vagy tárhely-kapcsolatokkal rendelkeznek - főleg, hogy olyan egyedi kódot használ, amely nem különösebben hordozható.

Ár

Teljes 302 font (áfa nélkül), frissítés 95 font (áfa nélkül), 38,11 font / hó az éves Creative Cloud-előfizetés részeként és 57,17 font / hó a havi Creative Cloud-előfizetés részeként. A vásárlás részleteiről keresse fel az Adobe Store-ot.

Rendszer specifikációk

Az Adobe Dreamweaver CS6 és az Adobe CS6 egyéb alkalmazásainak rendszerspecifikációit az Adobe rendszer specifikációi oldalon találja.

Gyors linkek a többi CS6 véleményünkhöz:

  • Photoshop CS6
  • After Effects CS6
  • Flash Pro CS6
  • Illustrator CS6
  • InDesign CS6
  • Premiere Pro CS6
Az ítélet 9

10-ből

Adobe Dreamweaver CS6

A Dreamweaver számos szervezet szabványos web-tervezési és fejlesztési eszközévé vált, és a Dreamweaver CS6-nak reagálnia kellett a web változásaira, valamint annak változására. A HTML5 még mindig fejlődik, de számos szabványcsaládja már használatban van. Ezért jó, ha rengeteg támogatást lát a CSS3 fejlettebb szolgáltatásaihoz a Dreamweaverben - beleértve a CSS Transitions-ot is. A CSS támogatásának javulása ellenére a Dreamweaver minimalista megközelítése a JavaScript könyvtárakkal kapcsolatban továbbra is problémát jelent, különösen a kombinált szkriptek és CSS keretek növekvő jelentőségével. Bár rengeteg új funkció létezik, ez még mindig a megszokott Dreamweaver, így könnyű frissíteni CS5 vagy CS5.5 verzióról, kevés vagy egyáltalán nem tanulási görbével. Ha HTML5-tel vagy olyan webhelyekkel dolgozik, amelyeket több eszközre kell szállítania, akkor frissíteni akar. Lehet, hogy más felhasználóknak nehezebb igazolni, de javasoljuk a frissítést, csak a CSS támogatásának fejlesztése érdekében - mivel a CSS Transforms és a Fluid Grids technológiák segítenek a felhasználók által elvárt modern formatervezésben.

Cikkek Az Ön Számára
5 biztos jel, hogy tervező vagy
Olvas

5 biztos jel, hogy tervező vagy

Néha el öprő érzé lehet kreatívként működni. Gyakran úgy érezheti, hogy mindenkinek megy (é néha jobban megy, mint te), talán külö...
Jon Lax a Medium, a Krush és a Hyperlapse építéséről
Olvas

Jon Lax a Medium, a Krush és a Hyperlapse építéséről

A Teehan + Lax a 2014-e nettó díjkio ztá öt kivála ztott jelöltje közé tartozik az Év Ügynök ége díjra. Be zéltünk Jon Lax za...
A legmenőbb Batman áru a tervezők számára!
Olvas

A legmenőbb Batman áru a tervezők számára!

Legyen zó tematiku cipőkről, aranyo é bújó dizájnjátékokról vagy retro modellekről, mi elhozzuk nektek ezt a nagyon kívánato Batman-rel kapc olato ...