Pirms sākat izveidot sarežģītu šķidru režģa dizainu programmā Dreamweaver, apsveriet iespēju izmēģināt vienkāršāku. Sāciet, izveidojot vienkāršu vienas kolonnas šķidruma režģa izkārtojumu, izpildot šos vienkāršos norādījumus.
Izvēlieties Fails → Jauns.
Tiek atvērts logs Jauns dokuments. Piezīme. Pirms sākat strādāt pie jauna plūstoša režģa izkārtojuma, pārliecinieties, vai esat pabeidzis vietnes iestatīšanas procesu.
Ekrāna kreisajā pusē atlasiet Fluid Grid Layout.
Loga Jauns dokuments opcijas mainās uz šķidrās režģa opcijas.
Norādiet vajadzīgo kolonnu skaitu katrā no trim izkārtojumiem.
Lai pievienotu vai noņemtu kolonnas, pēc kārtas atlasiet teksta lauku virs katras kolonnas un ievadiet vajadzīgo kolonnu skaitu.
Norādiet pārlūkprogrammas loga procentuālo daļu, kuru vēlaties segt katram izkārtojumam.
Atlasiet teksta lauku zem katra izkārtojuma pēc kārtas un ievadiet skaitli, kas apzīmē telpas procentuālo daļu, kuru vēlaties, lai izkārtojums aptvertu, kad dizains tiek skatīts pārlūkprogrammas logā. Piemēram, pēc noklusējuma darbvirsmas izkārtojums ir iestatīts tā, lai tas aizņemtu 90 procentus no pieejamās vietas, taču varat to mainīt uz 95 procentiem, lai piešķirtu sev vairāk dizaina vietas un samazinātu piemales vietu.
Mainiet kolonnas platuma procentuālo daļu, lai mainītu piemales atstarpi starp katru kolonnu.
Pēc noklusējuma Dreamweaver iestata katru rezervi, lai tā aizņemtu 25 procentus no pieejamās vietas.
Izmantojiet nolaižamo sarakstu, lai norādītu dokumenta veidu.
Pēc noklusējuma plūstoši režģa izkārtojumi tiek izveidoti, izmantojot HTML5 doctype. Ja vien jums nav jāmaina dokumenta tips, lai tas būtu saderīgāks ar citu jūsu vietnē izmantoto formatējumu, HMTL5 ir ieteicamā opcija adaptīvam tīmekļa dizainam.
Noklikšķiniet uz Izveidot.
Tiek atvērts dialoglodziņš Saglabāt kā, kas ir gatavs CSS faila saglabāšanai.
Ievadiet sava CSS faila nosaukumu un noklikšķiniet uz Saglabāt.
Jauns HTML fails tiek atvērts Dreamweaver darbvietā, bet vēl nav saglabāts. Jūsu nosauktais CSS fails tiek saglabāts, un tā nosaukums kļūst redzams panelī Faili.
Piezīme. Atšķirībā no cita veida lapu izveides programmā Dreamweaver, CSS fails tiek saglabāts vispirms un HTML fails tiek saglabāts vēlāk.
Izvēlieties Fails → Saglabāt
Tiek atvērts dialoglodziņš Saglabāt kā.
Ievadiet sava HTML faila nosaukumu un noklikšķiniet uz Labi.
Dialoglodziņš Saglabāt kā tiek aizvērts, un programmā Dreamweaver tiek parādīts paziņojums, kas informē, ka jūsu šķidrā režģa izkārtojumam ir nepieciešami divi papildu faili: boilerplate.css un answer.min.js.
Noklikšķiniet uz Labi, lai kopētu boilerplate.css un answer.min.js failus savas vietnes mapē.
Visi trīs faili tiek pievienoti panelim Faili, un jūs atgriežaties pie tikko nosauktā HTML faila, kas ir atvērts Dreamweaver darbvietā.
Piešķiriet lapai virsrakstu, ievadot tekstu laukā Virsraksts darbvietas augšdaļā.
Un tas pabeidz jaunas failu kopas izveides procesu jūsu plūstošajam režģa izkārtojumam.
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
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.
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 […]
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 […]
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ā […]
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, […]
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 […]
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 […]
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 […]
