Kaip sukurti HTML puslapį naudojant „Dreamweaver“ naują dokumentų langą

Galite sukurti naują HTML puslapį naudodami Dreamweaver naujo dokumento langą, kuriame yra daugiau parinkčių nei pasveikinimo ekrane, įskaitant prieigą prie bet kokių šablonų, kuriuos sukūrėte naudodami Dreamweaver, taip pat iš anksto sukurtų maketų rinkinį, kuris gali padėti jums pradėti. ant jūsų dizaino.

Naudodami langą „Naujas dokumentas“ galite kurti įvairių rūšių failus ir galite derinti parinktis. Šis universalumas iš pradžių gali suklaidinti, nes turite tiek daug pasirinkimų. „Dreamweaver CC“ šis dialogo langas buvo supaprastintas, kad jums reikia pasirinkti tik vieną parinktį iš kiekvienos iš trijų skyrių.

Norėdami sukurti naują HTML puslapį, atlikite šiuos veiksmus:

Pasirinkite Failas → Naujas.

Atsidaro langas Naujas dokumentas. Pirmoje skiltyje, kairėje, pasirenkate puslapio, kurį norite sukurti, tipą:

  • Tuščias puslapis: pasirinkite šią parinktį norėdami kurti HTML puslapius, taip pat puslapius sudėtingesnio PHP arba JSP formato.

  • Sklandus tinklelio išdėstymas: ši parinktis atveria sklandaus tinklelio išdėstymo funkcijas, kurias galite naudoti kurdami interaktyvius žiniatinklio dizainus, kurie automatiškai prisitaiko prie skirtingų ekrano dydžių.

  • Pradedančiųjų šablonai: jei kuriate šablonus naudodami Dreamweaver .dwt šablonų formatą, naudodami šią parinktį galite kurti puslapius pagal tuos šablonus.

  • Svetainių šablonai: pasirinkite šią parinktį, jei norite kurti tinkinamus žiniatinklio mobiliųjų programų dizainus naudodami „jQuery Mobile“.

    Kaip sukurti HTML puslapį naudojant „Dreamweaver“ naują dokumentų langą

Kairėje ekrano pusėje pasirinkite Tuščias puslapis.

Sąraše Puslapio tipas pasirinkite HTML.

Skiltyje Išdėstymas pasirinkite .

Įtraukti maketai, kad būtų galima pradėti kurti HTML puslapius naudojant CSS.

Jei norite pakeisti dokumento tipą, naudokite šalia DocType esantį išskleidžiamąjį sąrašą.

Pagal numatytuosius nustatymus Dreamweaver CC kuria puslapius naudodama HTML 5, kurį dauguma dizainerių šiandien laiko geriausiu tinklalapių pasirinkimu. Jei dirbate svetainėje, kurioje naudojama ankstesnė HTML versija, pvz., XHTML 1.0 Transitional, būtinai pakeiskite šį nustatymą.

Apatiniame dešiniajame lango kampe spustelėkite Kurti.

Naujo dokumento langas uždaromas, sukuriamas ir darbo srityje atidaromas naujas tuščias puslapis.

Pastaba: jei naudojate „Macintosh“, mygtukai „Sukurti“ ir „Atšaukti“ yra sukeisti.

Pasirinkite Failas → Išsaugoti, kad išsaugotumėte puslapį ir suteiktumėte jam failo pavadinimą.

„Dreamweaver“ automatiškai visus naujus failus pavadina „Untitled“, o po to 1, 2 ir tt sukūrimo tvarka. Įpraskite duoti savo failams tokius pavadinimus, kurie jums turi daugiau reikšmės. Taip pat atminkite, kad svetainių failų pavadinimuose neturėtų būti tarpų ar specialiųjų simbolių (nors brūkšnelis ir pabraukimas yra tinkami).

Įpraskite išsaugoti naujus tinklalapius vietinės svetainės aplanke, kai tik juos sukursite, net jei puslapiai vis dar tušti. Kai kuriate nuorodas arba pridedate vaizdų į savo puslapius, „Dreamweaver“ turi sugebėti nustatyti jūsų puslapio vietą jūsų svetainės aplanke. Geriausia pirmiausia išsaugoti puslapį, nes daugelis Dreamweaver funkcijų neveiks, kol nebus išsaugotas puslapis.


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]