Recenzja Adobe Dreamweaver CS6

Autor: Lewis Jackson

Data Utworzenia: 5 Móc 2021

Data Aktualizacji: 15 Móc 2024

Wideo: What is Adobe Dreamweaver CC (October 2017) | Adobe Creative Cloud

Zawartość

Nasz werdykt
Dla
Przeciwko
Wyzwanie dla programu Dreamweaver CS6
Interfejs użytkownika i doświadczenie w programie Dreamweaver CS6
Zasoby systemowe
Ulepszone układy w programie Dreamweaver CS6
Płynne / responsywne siatki w programie Adobe Dreamweaver CS6
Dreamweaver obsługuje zapytania o media
Przejścia CSS
Rozwój mobilny i hosting witryn
Elementy jQuery Mobile
Business Catalyst i Dreamweaver CS6
Cena £
Specyfikacje systemu
Szybkie łącza do innych naszych recenzji CS6:

Nasz werdykt

Program Dreamweaver stał się standardowym narzędziem do projektowania i programowania witryn internetowych w wielu organizacjach, a program Dreamweaver CS6 musiał reagować na zmiany w sieci oraz na sposób, w jaki się ona zmienia. HTML5 wciąż się rozwija, ale wiele z jego rodziny standardów jest już używanych. Dlatego dobrze jest zobaczyć wiele funkcji wsparcia dla bardziej zaawansowanych funkcji CSS3 w programie Dreamweaver - w tym przejścia CSS. Pomimo ulepszeń w obsłudze CSS, minimalistyczne podejście programu Dreamweaver do bibliotek JavaScript pozostaje problemem, zwłaszcza przy rosnącym znaczeniu połączonych skryptów i struktur CSS. Chociaż istnieje wiele nowych funkcji, jest to nadal znany program Dreamweaver, więc można go łatwo zaktualizować z wersji CS5 lub CS5.5, wymagając niewielkiej lub żadnej wiedzy. Jeśli pracujesz z HTML5 lub z witrynami, które muszą wyświetlać się na wielu urządzeniach, będziesz chciał uaktualnić. Innym użytkownikom może być trudniej to usprawiedliwić, ale zalecamy aktualizację tylko w celu usprawnienia obsługi CSS - ponieważ technologie takie jak transformacje CSS i płynne siatki pomogą w realizacji nowoczesnych projektów, których oczekują użytkownicy.

Dla

W miarę jak Internet przenosi się na coraz więcej urządzeń, wsparcie dla łatwego układu - i testowania - płynnych siatek i przejść CSS3 jest dobrze widoczne
Obsługa HTML5
Narzędzia do tworzenia siatek płynowych obejmujących różne urządzenia
Konfigurowalna przestrzeń robocza
Przejścia CSS3
Cieszymy się również, że Adobe akceptuje niedawne przejęcie PhoneGap, integrując usługę w chmurze PhoneGap Build w celu przyspieszenia konwersji mobilnych aplikacji HTML5 na aplikacje natywne

Przeciwko

Business Catalyst nie jest najlepszą opcją dla hostingu witryn i chcielibyśmy widzieć więcej wsparcia dla innych firm hostingowych i usług
Integracja Business Catalyst
Brak wsparcia dla frameworków CSS i JavaScript
Brak opcji rozdzielczości dla siatek płynnych
CSS i JavaScript to nie tylko JQuery, ale chcielibyśmy zobaczyć większą elastyczność w obsługiwanych strukturach JavaScript, zwłaszcza w zakresie obsługi Canvas i innych kluczowych standardów HTML5

Odkryj, co ostatnia pudełkowa wersja programu Dreamweaver przygotowała dla projektantów stron internetowych dzięki naszej recenzji. Sieć nie pozostaje nieruchoma, a nowe przeglądarki i nowe technologie oznaczają zmiany w Twoich witrynach. Wraz z eksplozją przeglądania mobilnego zmiany te są teraz większe niż kiedykolwiek wcześniej. Mimo to Dreamweaver CS6 jest nadal dobrze znaną aplikacją z tym samym połączeniem projektu i kodu oraz obsługą prawie każdej technologii tworzenia stron internetowych, o której możesz pomyśleć.

Wyzwanie dla programu Dreamweaver CS6

Powrót wojen przeglądarek przyspieszył rozwój sieci. Chrome, Firefox, Safari i Internet Explorer rywalizują o dostarczenie najszybszej i najpotężniejszej przeglądarki HTML5. Oznacza to, że Dreamweaver CS6 musi obsługiwać najnowsze funkcje HTML, JavaScript i CSS - przy jednoczesnym ograniczeniu złożoności do minimum. Tworzenie nowoczesnej strony internetowej wymaga połączenia umiejętności projektowania i programowania, a program Adobe Dreamweaver CS6 musi obsługiwać różnorodne grupy odbiorców, zarówno projektantów, jak i programistów. To trudne zadanie, ponieważ oba mają różne potrzeby i działają na bardzo różne sposoby.

Interfejs użytkownika i doświadczenie w programie Dreamweaver CS6

Otwórz Adobe Dreamweaver CS6 i od razu znajdziesz się w znanym programie Dreamweaver. Tak jak poprzednio, możesz dostosować swoją przestrzeń roboczą, chociaż Adobe oferuje teraz jedenaście wstępnie skonfigurowanych środowisk, które przyspieszają rozpoczęcie pracy - w tym jedno do korzystania z dwóch ekranów. Istnieje również wiele opcji tworzenia nowych stron i dokumentów, w tym używanie programu Dreamweaver jako środowiska programistycznego JavaScript, co pomoże programistom pracującym z nowymi technologiami internetowymi, takimi jak node.js. Inne opcje umożliwiają pracę z popularnymi technologiami po stronie serwera, takimi jak PHP i ASP.NET, a nawet pozwalają programistom Flash używać programu Dreamweaver CS6 do edytowania kodu ActionScript.

Zasoby systemowe

Jeśli na komputerze PC lub Mac jest już zainstalowany program Dreamweaver CS5 lub 5.5, przekonasz się, że program Dreamweaver CS6 działa dobrze, nie ma potrzeby korzystania z dodatkowych zasobów systemowych. Ulepszony silnik WebKit usprawnia obsługę HTML5 i JavaScript w widoku aktywnym, podczas gdy istnieje wbudowane połączenie z Adobe BrowserLab, gdy musisz testować strony w więcej niż jednej przeglądarce. Istnieje kilka interesujących drobnych zmian w interfejsie użytkownika, które ułatwiają tworzenie niestandardowego środowiska pasującego do Twojego sposobu pracy. Na przykład istnieje opcja przełączania między kolorowymi i monochromatycznymi ikonami.

Ulepszone układy w programie Dreamweaver CS6

Programiści zachowują widok kodu w pierwszej kolejności, podczas gdy projektanci otrzymują ulepszone narzędzia do układu, które współpracują z szeregiem nowoczesnych technologii internetowych. Rezultat pozostaje elastyczny, a projektantom i programistom łatwo jest współdzielić obszar roboczy. Jednak wsparcie dla repozytoriów kodu i innych funkcji pracy zespołowej jest niewielkie lub nie ma go wcale. Dreamweaver CS6 nadal jest przeznaczony dla samotnych projektantów / programistów, co wydaje się coraz bardziej nie na miejscu w dzisiejszym świecie dużych zespołów zarówno projektantów, jak i programistów, pracujących razem w tej samej witrynie.

Płynne / responsywne siatki w programie Adobe Dreamweaver CS6

Jedną z największych zmian w programie Dreamweaver CS6, która ma konsekwencje wykraczające poza Internet, jest wprowadzenie narzędzi do tworzenia układów elastycznej siatki i zarządzania nimi. Elastyczne siatki to ważna kombinacja funkcji CSS3, które umożliwiają korzystanie z zapytań o media w celu dostarczania elastycznych układów, które automatycznie dostosowują się do dostarczania treści odpowiednich do różnych klas urządzeń.

Adobe obsługuje obecnie popularne rozdzielczości smartfonów, tabletów i komputerów stacjonarnych za pomocą elastycznych siatek programu Dreamweaver, które zapewniają szablony układów stron dla każdej z trzech rozdzielczości ekranu. Istnieje również opcja wycinania i wklejania kodu oraz tworzenia własnych dodatkowych siatek dla różnych rozdzielczości ekranu - na przykład dodawanie widoków na ekrany telewizyjne lub domowe konsole multimedialne lub na strony obsługujące obracanie ekranu tabletu.

Dreamweaver obsługuje zapytania o media

Praca z elastycznymi siatkami przypomina pracę z narzędziami szablonów programu Dreamweaver CS6. Po otwarciu układu siatki wszystko, co musisz zrobić, to zdefiniować odpowiednie obszary strony za pomocą tagów DIV. Regiony są następnie wyrównywane za pomocą siatek kolumn programu Dreamweaver. Możesz wybrać, które regiony mają się wyświetlać, w zależności od rozdzielczości ekranu użytkownika. Jeśli element nie jest potrzebny w określonej rozdzielczości, można go ukryć i nie będzie wyświetlany. To zaskakująco proste rozwiązanie stosunkowo złożonego problemu - program Dreamweaver obsługuje zapytania o media, a wszystko, co musisz zrobić, to stworzyć odpowiednie układy i projekty stron. Kolejną zaletą korzystania z narzędzi elastycznej siatki programu Dreamweaver jest to, że można ich również używać do tworzenia interfejsów użytkownika HTML 5 dla aplikacji Metro w systemie Windows 8.

Dzięki układom płynnym musisz mieć możliwość podglądu swojej pracy bez publikowania jej na odpowiednich urządzeniach. Narzędzia podglądu na żywo w programie Dreamweaver CS6 oparte na WebKit obejmują teraz przełącznik rozdzielczości, umożliwiający szybką zmianę ze smartfona na przeglądarkę stołową i komputerową. Strony można również testować w standardowej przeglądarce na komputerze, po prostu zmieniając rozmiar, aby uzyskać odpowiednie widoki.

Przejścia CSS

Jeden zestaw skrótów pochodzi z panelu Przejścia CSS, co upraszcza dodawanie animowanych efektów do strony. Przejścia CSS można dodawać do dowolnego elementu CSS i można je powiązać z dowolnym zdarzeniem. Możesz użyć przejść, aby wyświetlić wyskakujące okienka, zaakcentować działania lub po prostu zwrócić uwagę na łącze lub menu. Nie potrzeba żadnego kodu, ponieważ wszystko jest obsługiwane przez CSS. Efekty przejścia można przetestować w widoku aktywnym programu Dreamweaver, używając wbudowanej przeglądarki WebKit do wyświetlania efektów CSS bez opuszczania projektu, a przejścia ułatwiają dodawanie efektów do strony.

Rozwój mobilny i hosting witryn

Internet mobilny to nie tylko przeglądarki, a Adobe Dreamweaver CS6 dodaje narzędzia do pracy z PhoneGap, narzędziem Adobe do pakowania aplikacji internetowych w aplikacje działające na głównych platformach telefonicznych. Zamiast publikować na serwerze internetowym, aplikacje mobilne mogą być dostarczane do usługi Adobe PhoneGap Build w chmurze. Możesz kontrolować, które platformy budujesz, korzystając z panelu PhoneGap Build w programie Dreamweaver, który raportuje stan kompilacji dla każdej docelowej platformy. Po ukończeniu kompilacji wszystko, co musisz zrobić, to pobrać aplikację z witryny PhoneGap w celu przetestowania i ewentualnego opublikowania w sklepie z aplikacjami. Istnieje nawet opcja użycia kodu QR do załadowania aplikacji bezpośrednio na urządzenie z witryny PhoneGap Build, a także możesz użyć go do wysłania klientów na stronę publiczną w celu zatwierdzenia ich aplikacji.

Elementy jQuery Mobile

Deweloperzy mobilni uzyskują również dostęp do zestawu elementów jQuery Mobile, dzięki czemu mogą szybko tworzyć interaktywne witryny bez konieczności poświęcania czasu na tworzenie struktury kodu. Komponenty można przeciągać i upuszczać na strony, a motywy można stosować w locie. Możesz zastosować te elementy do całej witryny lub do pojedynczego elementu. Istnieje również opcja tworzenia własnych motywów w programie Fireworks CS6 i dostarczania ich jako próbek motywów CSS i arkuszy sprite.

Business Catalyst i Dreamweaver CS6

Jeśli chcesz pokazać swoim klientom projekty witryn na żywo, firma Adobe dodała obsługę usługi hostingu witryn Business Catalyst. Możesz go używać do hostowania witryn z własnymi domenami, korzystając z wbudowanego systemu CMS i narzędzi e-commerce. Dreamweaver obsługuje moduły Business Catalyst, upuszczając odpowiednie tagi na stronach. Bezpłatna witryna próbna jest dostępna dla użytkowników programu Dreamweaver i umożliwia testowanie witryn, a także szybkie udostępnianie klientom prototypów lub ukończonych witryn. Nadal nie jesteśmy pewni, czy Business Catalyst jest narzędziem dla większości programistów, którzy prawdopodobnie mają własne serwery pomostowe lub relacje hostingowe - zwłaszcza, że używa niestandardowego kodu, który nie jest szczególnie przenośny.

Cena £

Pełne 302 GBP (bez VAT), uaktualnienie 95 GBP (bez VAT), 38,11 GBP miesięcznie w ramach rocznej subskrypcji Creative Cloud i 57,17 GBP miesięcznie w ramach miesięcznej subskrypcji Creative Cloud. Szczegółowe informacje o tym, gdzie kupić, można znaleźć w sklepie Adobe Store.

Specyfikacje systemu

Aby zapoznać się ze specyfikacjami systemu dla programu Adobe Dreamweaver CS6 i innych aplikacji w programie Adobe CS6, odwiedź naszą stronę z danymi technicznymi systemu Adobe.