Kā izveidot HTML lapu, izmantojot Dreamweaver jauno dokumentu logu

Varat izveidot jaunu HTML lapu, izmantojot Dreamweaver jaunā dokumenta logu, kas piedāvā vairāk iespēju nekā sveiciena ekrāns, tostarp piekļuvi visām veidnēm, kuras esat izveidojis, izmantojot Dreamweaver, kā arī iepriekš izstrādātu izkārtojumu kolekcijai, kas var sniegt jums priekšrocību. uz jūsu dizainiem.

Varat izveidot dažāda veida failus, izmantojot logu Jauns dokuments, kā arī varat jaukt un saskaņot opcijas. Šī daudzpusība sākumā var radīt neskaidrības, jo jums ir tik daudz izvēles iespēju. Programmā Dreamweaver CC šis dialoglodziņš tika vienkāršots tā, ka jums ir jāizvēlas tikai viena opcija no katras no trim sadaļām.

Lai izveidotu jaunu HTML lapu, veiciet šīs darbības:

Izvēlieties Fails → Jauns.

Tiek atvērts logs Jauns dokuments. Pirmajā sadaļā kreisajā malā izvēlieties izveidojamās lapas veidu:

  • Tukša lapa: izvēlieties šo opciju, lai izveidotu HTML lapas, kā arī lapas sarežģītākā PHP vai JSP formātā.

  • Fluid Grid Layout: šī opcija atver plūstoša režģa izkārtojuma līdzekļus, kurus varat izmantot, lai izveidotu adaptīvus tīmekļa dizainus, kas automātiski pielāgojas dažādiem ekrāna izmēriem.

  • Iesācēju veidnes: ja veidojat veidnes, izmantojot Dreamweaver .dwt veidņu formātu, varat izveidot lapas, pamatojoties uz šīm veidnēm, izmantojot šo opciju.

  • Vietņu veidnes: izvēlieties šo opciju, lai izveidotu pielāgojamus mobilo tīmekļa lietotņu dizainus, izmantojot jQuery Mobile.

    Kā izveidot HTML lapu, izmantojot Dreamweaver jauno dokumentu logu

Ekrāna kreisajā pusē atlasiet Blank Page.

Sarakstā Lapas veids atlasiet HTML.

Sadaļā Izkārtojums izvēlieties .

Izkārtojumi ir iekļauti, lai nodrošinātu priekšrocību HTML lapu izstrādē ar CSS.

Ja vēlaties mainīt dokumenta veidu, izmantojiet nolaižamo sarakstu blakus DocType.

Pēc noklusējuma Dreamweaver CC veido lapas, izmantojot HTML 5, ko lielākā daļa dizaineru uzskata par labāko tīmekļa lapu variantu mūsdienās. Ja strādājat vietnē, kurā tiek izmantota vecāka HTML versija, piemēram, XHTML 1.0 Transitional, noteikti mainiet šo iestatījumu.

Loga apakšējā labajā stūrī noklikšķiniet uz Izveidot.

Logs Jauns dokuments tiek aizvērts, un darbvietā tiek izveidota un atvērta jauna tukša lapa.

Piezīme. Ja izmantojat Macintosh datoru, pogas Izveidot un Atcelt tiek apmainītas.

Izvēlieties Fails → Saglabāt, lai saglabātu lapu un piešķirtu tai faila nosaukumu.

Dreamweaver automātiski piešķir visiem jaunajiem failiem nosaukumus bez nosaukuma, kam seko 1, 2 un tā tālāk izveidotajā secībā. Iemācieties piešķirt failiem tādus nosaukumus, kuriem jums ir lielāka nozīme. Ņemiet vērā arī to, ka vietņu failu nosaukumos nedrīkst būt atstarpes vai īpašās rakstzīmes (lai gan defise un pasvītra ir piemērotas).

Iemācieties saglabāt jaunas tīmekļa lapas vietējās vietnes mapē, tiklīdz tās izveidojat, lai gan lapas joprojām ir tukšas. Veidojot saites vai pievienojot lapām attēlus, pakalpojumam Dreamweaver ir jāspēj noteikt jūsu lapas atrašanās vieta jūsu vietnes mapē. Vislabāk ir vispirms saglabāt lapu, jo daudzas Dreamweaver funkcijas nedarbosies, kamēr lapa nav saglabāta.


Kā SVG failiem piemērot caurspīdīgumu

Kā SVG failiem piemērot caurspīdīgumu

Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.

Darbs ar attēliem programmā Adobe XD

Darbs ar attēliem programmā Adobe XD

Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]

Darbs ar planšetdatoriem programmā Photoshop CC

Darbs ar planšetdatoriem programmā Photoshop CC

Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]

Formas un daudzstūri programmā InDesign

Formas un daudzstūri programmā InDesign

Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]

Aplauzt tekstu programmā Adobe Illustrator CC

Aplauzt tekstu programmā Adobe Illustrator CC

Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]

Kā mainīt formu izmēru programmā Illustrator

Kā mainīt formu izmēru programmā Illustrator

Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]

Kā izveidot QR kodus programmā InDesign CC

Kā izveidot QR kodus programmā InDesign CC

Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Var būt laiks, kad jums ir nepieciešams jauns fotoattēls, lai izskatītos vecs. Programma Photoshop CS6 ir jums pieejama. Melnbaltā fotogrāfija ir jaunāka parādība, nekā varētu domāt. Dagerotipiem un citām agrīnām fotogrāfijām bieži bija brūngans vai zilgans tonis. Jūs varat izveidot savus sēpijas toņu šedevrus. Tonēti attēli var radīt […]

Live Paint funkcija programmā Adobe CS5 Illustrator

Live Paint funkcija programmā Adobe CS5 Illustrator

Izmantojot Adobe Creative Suite 5 (Adobe CS5) Illustrator funkciju Live Paint, varat izveidot vajadzīgo attēlu un aizpildīt reģionus ar krāsām. Live Paint kauss automātiski nosaka reģionus, kas sastāv no neatkarīgiem krustojošiem ceļiem, un attiecīgi aizpilda tos. Krāsa noteiktā reģionā paliek dzīva un plūst automātiski, ja tāda ir […]