Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Oktober 2024)
Adobe bi se lahko pri posodabljanju Dreamweaverja, ko je posodobil Dreamweaver CC, posodobil na lovorikah kot Dreamweaver CC. Napredni urejevalnik spletnih mest Adobe je v svoji prejšnji inkarnaciji kot Dreamweaver CS6, ki je del Adobejevega Creative Suite 6, že imel malo ali nič resne konkurence kot orodje za ustvarjanje in vzdrževanje današnjih spletnih mest z več platform. Podjetje Dreamweaver CS6 je na primer predstavilo pripravljene spletne aplikacije za "tekočo mrežo", ki uporabljajo CSS za samodejno preoblikovanje spletnih strani glede na velikost zaslona, kar olajša izdelavo uporabe enega samega mesta s telefoni, tablicami in namiznimi računalniki brez zapletenih Vnaprej je potrebno ročno kodiranje CSS.
Novi Dreamweaver CC izboljšuje funkcijo mrežnega omrežja s podporo strukturnim elementom HTML5, kot so Sekcije in Članki. Prav tako dodaja enako varčno orodje, novo oblikovalko CSS, ki uporablja interaktivni grafični vmesnik za spreminjanje lastnosti CSS, kot so sence in ukrivljeni koti, zato morate samo spremeniti in povleciti, če želite spremeniti zapleteno kodo CSS, medtem ko rezultate vidite v realnem - čas. Popolna podpora za spletne pisave - naložene s strežnikov Adobe, medtem ko brskalnik naloži stran - olajša ustvarjanje privlačnih modelov. Tako kot ostali zbirki Creative Cloud tudi Dreamweaver dobi poenostavljen in lažje prilagodljiv vmesnik in deluje enako pod Windows in OS X.
Pro in Semi-Pro
Dreamweaver je orodje na profesionalni ravni, ki ga je vredno imeti - če si ga lahko privoščite - tudi če niste profesionalec. Uporabnike Dreamweaverja lahko prvič privzame množica menijev in lastnosti lastnosti v privzeti postavitvi, vendar kmalu postane jasno, kako jih uporabiti za hiter dostop do naprednih kontrol nad elementi CSS ali za hitro preklapljanje med zasloni, ki prikazujejo, kako spletna stran bo videti, ko je natisnjena ali ko je prikazana na zaslonih različnih velikosti. Napredni spletni oblikovalci lahko v kodo kliknejo meni pripomočkov uporabniškega vmesnika, ki temelji na JavaScript, da ustvarijo pojavna okna, izbirnike datumov, menije v slogu harmonike in vse ostalo v trenutnem seznamu učinkov UI. Toda tudi manj napredni uporabniki lahko ustvarijo prilagodljiva spletna mesta, skladna s HTML5, ki so videti dobro na kateri koli platformi.
Začnite tkati sanje
Na prazni strani ali vzorčni postavitvi kliknite elemente na plošči Vstavi, da dodate elemente, kot so predloge (z območji, ki jih lahko urejate in ne urejate), večpredstavnost (HTML5 ali Flash) in standardne funkcije HTML. Privzeti zaslon je razdeljen na podokno kod in oblikovalno podokno WYSIWYG, vendar lahko izberete eno ali drugo ali pa naredite oblikovalno podokno "V živo", če si želite ogledati medijsko vsebino, kot je video ali vsebino, ki bo prikazana iz baze podatkov, ko stran se prikaže v brskalniku. Pri Dreamweaverju občudujem le to, da ne daje prednost lastnim tehnologijam Adobe, kot je Flash nad odprtimi standardi, kot je video v HTML5, temveč nudi enako podporo obema - in celo nudi boljši videz in uporabnejši video predvajalnik HTML5 kot njegov vgrajeni Flash predvajalnik.
Ko zgradite stran s funkcijo fluidne mreže Dreamweaver, aplikacija najprej ustvari stran, ki vsebuje mrežo navpičnih stolpcev, ki so vidni v Dreamweaverju, ne pa, ko se stran pojavi v brskalniku. Stran, namenjena telefonom, se privzeto prilega štirim od teh nevidnih stolpcev. Ko je enaka stran prikazana na tabličnem računalniku, napolni osem stolpcev in dvanajst stolpcev, ko je prikazana na namiznem stroju.
Ko v oknu za urejanje Dreamweaverja preklapljate med velikostmi zaslona, se vsebina vašega spletnega mesta preuredi tako, da ustreza širini, ki ste jo določili za določen tip zaslona in lahko s pomočjo plošče CSS Designer prilagodite obliko, velikost in druge lastnosti posameznih elementov, ki ustrezajo različnim velikostim zaslona.
