Преглед на уеб дизайн на Adobe Dreamweaver CC 2022-2023

Покрихме десетки най-добрите софтуерни платформи за създаване на уебсайтове тук, от възвишеното до нелепото. Също така проучихме приложение, предназначено да ви помогне да напишете цяла страница или сайт единствено в код. Без излишни украшения, просто суров HTML. Ясно е, че какъвто и да е вашият опит, ще има приложение или услуга, които да отговарят на вашите нужди.

Но има приложение, което е предназначено за професионалисти и е почти уникално в бранша, надживяло или изкупило конкуренцията си през годините: могъщият Adobe Dreamweaver. Така че нека да разгледаме най-новата версия, CC 2022-2023.

Нека не пренебрегваме слона в стаята и да се справяме с него главата (имайте предвид бивниците): всички продукти на Adobe се предлагат само на базата на абонамент. Това означава, че плащате всеки месец и винаги ще имате на разположение най-новата и най-добрата версия. Спрете да плащате и приложението го няма и проектите ви няма да са достъпни за вас (освен ако не извлечете от тях необработените формати).

  • Искате ли да опитате Adobe Dreamweaver? Вижте уебсайта тук

Можете да се абонирате за Dreamweaver самостоятелно за $ 20,99 (£ 19,97) на месец на годишен план или $ 31,49 (£ 30,34) на месец за месец.

Въпреки това, $ 52,99 (£ 49,94) на месец на годишен план (или $ 79,49 (£ 75,85) месец по месец) ви дава достъп до цялото портфолио на Adobe, което означава, че можете да проектирате във Photoshop и Illustrator, да преместите тези файлове в Dreamweaver, да редактирате филм в Premiere и го поставете във вашата уеб страница. Всичко е проектирано да работи заедно и всички интерфейси имат сходство помежду си, което ви помага да преминете от едно приложение към друго с малко затруднения - стига да разбирате тънкостите на всяко, разбира се.

Студентите и учителите могат да получат целия пакет само за 19,99 щ.д. (16,24 паунда) на месец на годишен план, което е просто безумна стойност (или чудесен начин да ви закачат).

Нека да започнем - не се плашете твърде много - поне не толкова скоро …

Приготвяме се да започнем

Както бихте очаквали, Dreamweaver поддържа всички уеб стандарти от основния HTML, до CSS, Javascript и всички съвременни функционалности, включително Bootstrap. Той е фокусиран върху създаването на отзивчиви уебсайтове, които се адаптират към устройството, на което посетителят го разглежда (било то компютър, таблет или телефон), но разбира се нищо не ви пречи да създавате неотзивчиви и да инструктирате вашия сайт да пренасочва към конкретни страници в зависимост на устройството, на което се гледа.

Dreamweaver ви предлага шепа шаблони, които да ви помогнат да завъртите топката

Ако сте нов в Dreamweaver, приложението ви предлага няколко шаблона, за да започнете. Те са много полезни, за да ви помогнат да ударите земята, така да се каже, и често могат да бъдат по-полезни от вторачването в празна страница.

Няма обаче толкова много шаблони, от които да избирате, и не се заблуждавайте, че Dreamweaver ще свърши цялата работа вместо вас: третирайте заместителите като вдъхновение да отидете и да персонализирате тези страници сами.

Проверете визуализация на живо на вашия сайт и плъзнете и пуснете елементи директно там, където ги искате

Изграждане на уеб сайт

Интерфейсът е разделен на различни секции, които могат да бъдат персонализирани до известна степен. Страничната лента отляво ви дава достъп до често срещани команди, като например отваряне на документи, управление на файлове и опции Live View.

Разделите вдясно са мястото, където управлявате файловете на вашия сайт и CC библиотеките. Има списък с елементи, които можете да плъзнете и пуснете на страницата си, както и раздел за проектиране на каскадни таблици със стилове.

И основната част от интерфейса е посветена или на вашия код, или на визуализация на страницата, която изграждате.

Проверете как ще изглежда вашият сайт, като симулирате различни екрани и резолюции

Можете лесно да превключвате между гледане на пълен визуализация на вашата страница (заедно с опции за симулиране на това как би изглеждала страницата на различни по големина екрани), само взиране в кода или комбинация от двете.

Прозорецът със свойства ви помага да правите бързи промени в маркираните елементи

За да промените части от вашата страница (като изображение или текст), извеждането на плаващия прозорец Properties ще ви позволи да направите промените, от които се нуждаете. Има дори лесен начин да плъзнете икона на целта върху друго изображение в раздела Файл, за да превключвате изображения бързо и лесно.

Въпреки такива функции, ако нямате познания за кодиране, ще се изгубите доста бързо. Да, можете да плъзгате и пускате елементи от раздела „Вмъкване“ в визуализацията на страницата, но това ще ви отведе само дотук и ще откриете, че ще трябва да се задълбочите в кода бързо и често, за да направите промените имате нужда.

Dreamweaver все пак се опитва да го улесни: маркирайте текста в раздела за предварителен преглед и същият текст е подчертан в кода, като намалява времето, което бихте отделили за търсене на същия раздел. Обратното също е вярно: маркирайте някакъв код и раздела, който се отнася до акцентите в областта за визуализация.

Това вероятно е една от причините, поради които смятаме, че изгледът Split е най-добрият вариант, тъй като ви позволява да плъзгате и пускате елементи, а след това да потапяте в кода, за да направите необходимите промени за секунди.

Подсказката на кода е чудесен начин за автоматично попълване, докато пишете

Друго подобрение, което оценихме, бяха подсказките на кода: точно както когато пишете на телефон и интерфейсът ви предлага избор от думи, които смята, че в момента пишете, за да можете да изберете правилната по-бързо, отколкото да я напишете изцяло, започнете да пишете код в Dreamweaver и ще ви бъдат предложени съвети, докато го правите. Той не само ви помага да пишете по-бързо, но също така може да ви помогне да въвеждате кода точно и да избягвате грешките. Смятаме, че това може да бъде от голяма полза както за професионалисти, така и за начинаещи.

Най-новите допълнения с CC2020

Тъй като Dreamweaver непрекъснато се актуализира и можете да изтеглите най-новата версия по всяко време, докато абонаментът ви е все още валиден, новите функции се добавят и подобряват постепенно. Забавно е, че двама или нашите любими - а именно редактиране на изглед на живо и подсказване на код - са някои от последните подобрения.

Другият голям е нова конфигурация на шрифта за японски Dreamweaver, но липсата на каквито и да било познания по този език, това за съжаление не е нещо, което успяхме да проверим.

поддържа

„Помощ“ ви изпраща до онлайн базата знания на Adobe Dreamweaver, която включва уроци и подробно ръководство за потребителя. Разделът на форума може да ви помогне да намерите други, които са имали подобни проблеми, с които може да се борите, и - надяваме се - да ви покажат как да ги разрешите.

Ако това не е достатъчно, можете да разговаряте с представител на Adobe. Когато тествахме това, човекът, с когото разговаряхме, бързо се върна с отговорите, от които се нуждаехме.

Окончателна присъда

Dreamweaver е огромна и сложна програма и този преглед едва надраска повърхността си, но се надяваме, че можете да видите, че тук има много неща, които да обичате. Има много функции, които са предназначени да ви помогнат да създавате сайтове бързо и ефективно, стига да нямате нищо против да се задълбочите в кода. Dreamweaver няма да направи всичко вместо вас, но ще направи всичко възможно, за да улесни процеса ви на създаване.

Ако обаче вашите познания по HTML са ограничени или дори не съществуват, препоръчваме ви да започнете с друго приложение или услуга, тъй като това може да ви се стори твърде смущаващо. И обратно, ако вече имате абонамент за Adobe Creative Cloud, има много малка причина да не опитате тази програма, особено след като функциите за поддръжка са задълбочени, а бюрото за помощ е много добре информирано.

  • Ние също така подчертахме най-добрия софтуер за уеб дизайн

Интересни статии...