Duke krijuar një flamur në google web designer

Hapi 1: Fillimi

Projektuesi i Google Web është një mjedis i zhvillimit të lirë për webmasters që siguron aftësinë për të krijuar faqe interneti, duke përfshirë artikujt individualë si banderola duke përdorur CSS3 dhe HTML5. Për të përdorur këtë mjet, para së gjithash, duhet të shkarkoni skedarin e instalimit nga faqja zyrtare dhe instaloni.

Shkarko Google Web Designer nga faqja zyrtare

Instalimi i programit

1. Klikoni në lidhjen e paraqitur më lart për të shkuar në faqen tani dhe klikoni butonin "Shkarko Web Designer". Vini re se programi mbështet vetëm versionet e Windows 7 dhe më vonë.



2. Nëpërmjet dritares Save-up, zgjidhni një vend në kompjuterin tuaj dhe përdorni butonin e shënuar në panelin e poshtme.



3. Shkoni në dosjen me vetëm ruajtur skedarin dhe klikoni dy herë në butonin e majtë të miut për të kryer hapjen. Si rezultat, duhet të hapet dritarja e instalimit.

   

   Procedura e instalimit vetë kryhet në mënyrë automatike, duke kursyer të gjitha dosjet e punës në dosjen me programe të tjera në diskun e sistemit.

Autorizim

1. Nëse doni të ruani projekte në internet ose në përgjithësi, krijoni një flamur në mënyrë specifike për shërbimet e brendshme të Google, është gjithashtu me vlerë të performoni autorizimin. Për ta bërë këtë, drejtojeni programin duke përdorur ikonën e duhur, mbyllni dritaren e mirëpritur dhe klikoni butonin "Identifikohu" në panelin e sipërm.



2. Specifikoni të dhënat nga llogaria e Google, klikoni "Next" dhe konfirmoni nëse është e nevojshme. Pas kësaj, llogaria do të shtohet menjëherë, pa kërkuar disa mjedise individuale.

Ndryshimi i cilësimeve

1. Duke kuptuar me përgatitjen, tani është e dëshirueshme të bëhen ndryshime në cilësimet bazë të softuerit për të lehtësuar punën në të ardhmen. Duke përdorur panelin e sipërm, zgjeroni menunë e redaktimit dhe zgjidhni "Cilësimet" në fund të listës.



2. Në tabin "kryesore", ju mund të ndryshoni sjelljen fillestare të programit për të hapur projekte, caktoni një dosje për të ruajtur shabllonet e krijuara, si dhe për të vendosur vlerat e parazgjedhur për specifikimin e njoftimit gjatë krijimit.



3. Faqja e mëposhtme "Modaliteti i pamjes së paraqitjes" përmban parametrat e paraqitjes së redaktorit. Ndryshimi i cilësimeve të paraqitura, ju mund të rregulloni rrjetin dhe objektet e detyrueshme për pozicionimin më të saktë të elementeve.



4. Projektuesi i Google Web ka një redaktor të kodit me cilësimet e tij. Kështu, në skedën "Shikuesi i Kodit", mund të caktoni stilin e dizajnit, të vendosni parametrat e formatimit dhe të shtoni lidhjet kryesore për detyrat.



5. Tabi i fundit "i zgjeruar" përmban vetëm dy parametra - "logging" dhe "shkallë aplikimi". Në rastin e parë, përfshirja do të krijojë një log ndryshim, ndërsa artikulli i dytë ju lejon të vendosni një shkallë të re standarde për zonën e punës së redaktorit.

   Bej kujdes! Nëse vendosni shumë shkallë, problemet me mungesën e hapësirës në ekran mund të shfaqen për sende të rëndësishme.

Çdo ndryshim ka bërë ndonjë mënyrë ose tjetër kërkon një rifillim të programit. Nëse filloni të punoni me redaktorin, mos harroni për mundësinë e rivendosjes së cilësimeve duke përdorur një artikull të veçantë në secilën prej skedave.

Hapi 2: Krijimi i një flamuri

Duke konfiguruar programin, mund të filloni të punoni në flamur duke përdorur të gjitha opsionet për projektuesin e Google Web. Megjithatë, le të theksojmë se ky ilaç është ekskluzivisht si një redaktor vizual, duke ju lejuar të postoni vetëm elemente të gatshme që krijohen veçmas, për shembull, në Photoshop.

Punoni me mjete

1. Pas përgatitjes së paraqitjes, ju duhet të njiheni me mjetet. Në panelin e sipërm të vëmendjes kryesore, lista "View" meriton, duke lejuar të mundësojë dhe çaktivizojë elementet ndihmëse.



2. Nëpërmjet menysë "dritare", ju mund të çaktivizoni përkohësisht një element të veçantë ndërfaqe. Për shembull, nëse doni të bëni një flamur statik, "afati kohor" do të ndërhyjë vetëm, prandaj është më mirë të hiqni shenjën e duhur.



3. Mjetet kryesore të redaktorit paraqiten në kolonën e majtë. Ne nuk do të shqyrtojmë çdo opsion, pasi që jo të gjitha sendet janë përdorur kur krijohen, megjithatë, ne rekomandojmë eksperimentimin e vetes.



4. Pranë veglave është paraqitur "reklama njoftimi" me disa kontribute. Vëmendje e veçantë meriton "ngjarjet" përgjegjëse për veprim me një ose një tjetër objekt banner, dhe "CSS", ku përcaktohen parametrat e stilit.



5. Pjesa e djathtë e programit gjithashtu ka një sërë mjetesh që ju lejon të kontrolloni ngjyrën, tekstin, strukturën e objekteve, pronat dhe thjesht shtresat. Ashtu si grupi kryesor i funksioneve, dritaret janë më të mira për të studiuar në mënyrë të pavarur në procesin e krijimit të një projekti.



6. Nëse është e nevojshme, duke përdorur "afatin kohor" mund të krijohet një flamur i animuar. Në të njëjtën kohë, për të menaxhuar zonën kryesore të redaktorit, përdorni një hapësirë ​​të fiksuar dhe LCM, si dhe një bllok me parametrat në shkallë.

Duke plotësuar një plan urbanistik

1. Krijimi i një flamuri gjithmonë fillon me sfondin, prandaj, pas përgatitjes së një paraqitjeje, hapni skedën "Properties" dhe në bllokun e faqes, përdorni nënseksionin "Plotësimi". Është mjaft e mundshme për të instaluar ndonjë ngjyrë, duke përfshirë një gradient ose një sfond plotësisht transparent.



2. Më tej në radhë, shtoni elemente grafike të përgatitura paraprakisht. Ju mund ta bëni këtë në skedën e bibliotekës objekt duke klikuar ikonën "+" në panelin e poshtëm.



3. Zgjidhni skedarët grafikë të dëshiruar dhe klikoni Open. Kjo mund të bëhet edhe në të njëjtën kohë për të gjitha shtresat e nevojshme, dhe veç e veç, duke përsëritur këto veprime.



4. Për të akomoduar, pirg imazhin e dëshiruar në skedën e bibliotekës objekt dhe tërhiqni redaktorin në zonën kryesore.

   

   Ju mund të kontrolloni vendndodhjen e objektit me tërheqje të zakonshme dhe të shkallëzuar me një mjet të përzgjedhjes aktive. Nëse është e nevojshme, ju gjithmonë mund të përdorni udhëzues.



5. Duke zgjedhur një skedar grafik në hapësirën e punës ose në skedën e redaktorit strukturor, hapni "pronat". Ka shumë më tepër mundësi sesa në rastin e sfondit, për shembull, cilësimet kufitare ose indentet.



6. Nëse dizajni i flamurit parashikon praninë e tekstit, mund të shtoni artikullin e duhur duke përdorur mjetin standard të Google Web Designer. Klikoni mbi ikonën "T" në panelin e majtë, klikoni në dritaren kryesore të redaktorit dhe futni grupin e dëshiruar të karaktereve.

   

   Për të kontrolluar tekstin, zgjidhni shtresën në tabin "Redaktor Strukturor", zgjeroni "tekstin" dhe vendosni parametrat e duhur.

Vendosja e animacionit

1. Në bllokun "Afati kohor", ju mund të shtoni dhe konfiguroni efektet e animacionit. Për të filluar, klikoni butonin "Shto icon" me ikonën "+".



2. Klikoni ikonën ".5s" midis kornizave dhe vendosni parametrat që ju nevojiten. Për shembull, mund të ndryshoni kohëzgjatjen dhe stilin e tranzicionit.



3. Çdo bllok individual në "afatin kohor" është tërësisht i pavarur nga të tjerët. Për të krijuar animacione, për të ndryshuar disa artikuj në diskrecionin tuaj dhe kontrolloni rezultatin duke përdorur butonin Play.

   

   Pas përfundimit të procesit të redaktimit, përdorni butonin e përsëritjes. Kjo do të krijojë një animacion të pafund.

Shtimi i ngjarjeve

1. Duke kuptuar me paraqitjen, ju duhet të shtoni ngjarje të tranzicionit për elemente individuale ose të gjithë flamurin në tërësi. Për ta bërë këtë, në kolonën e inspektorit të sektorit, hapni skedën e ngjarjeve dhe klikoni në ikonën "+" në panelin e poshtme.



2. Në dritaren që hapet nga lista "qëllimi", zgjidhni një objekt që do të referohet.



3. Në faqen e ngjarjes, zgjeroni faqen "Mouse" dhe zgjidhni "Kliko". Në varësi të kërkesave për rezultatin, ju mund të kombinoni instalime të ndryshme.



4. Më tej nga lista "Veprimi", hapni deklaratën e Google dhe vendosni vlerën "tranzicion". Një zgjedhje e tillë do ta bëjë atë në mënyrë që përdoruesi të shkojë në faqen specifike që ju nevojitet në internet.



5. Si një "marrës", zgjidhni një version të vetëm "GWD-AD".



6. Në fazën e fundit në fushën "Identifikohu. Treguesit »Kontrolloni lidhjen me shkurtoren dhe plotësoni" URL "duke specifikuar faqen e dëshiruar. Përdorni "OK" për të shpëtuar.

Punoni me kodin burimor

1. Siç kemi përmendur, projektuesi i Google Web përmban një redaktor të ndërtuar në kod. Mund të aktivizohet duke përdorur butonin "kod" në anën e djathtë të panelit të lartë.



2. Ju mund të bëni ndryshime në strukturën e flamurit duke përdorur jo vetëm redaktorin vizual, por edhe duke punuar drejtpërdrejt me kodin në skedarin e projektit. Kjo mund të jetë shumë e dobishme kur përafrimi i një numri të madh elementësh të vegjël ose shtoni ngjarje që nuk ofrohen nga programi.

Veprimet e përshkruara duhet të jenë mjaft të mjaftueshme për të krijuar një flamur, pavarësisht nga aplikacioni. Në të njëjtën kohë, ju mund të zgjeroni ndjeshëm aftësitë duke kombinuar këto mjete.

Hapi 3: Përfundimi

Kur flamuri është i përfunduar dhe gati për vendosje në vend, mund të shkoni në hapin e fundit. Para së gjithash, vlen të kontrolloni se si duket puna juaj në faqen e vërtetë të internetit.

Vrojtim

1. Në panelin e sipërm, klikoni butonin Preview për të hapur menunë shtesë. Këtu ju mund të specifikoni shfletuesin me të cilin flamuri do të hapet.



2. Kur hapni të gjitha funksionet dhe paraqitja e flamurit ruhen, por me disa karakteristika. Për shembull, edhe nëse keni instaluar një përsëritje të pafund të animacionit, gjithçka do të kufizohet këtu vetëm një përsëritje.



3. Nëse është e nevojshme, gjithmonë mund të demonstroni rezultatin tek njerëzit e tjerë. Për ta bërë këtë, zgjidhni "Merrni një lidhje shkëmbimi" dhe konfirmoni qasjen në llogarinë e Google.

   

   Si rezultat, një lidhje do të shfaqet në ekran për të parë flamurin në një mënyrë të tillë siç përshkruhet më sipër. Natyrisht, është e mundur vetëm nëse keni një llogari.

Ruajtja dhe Publikimi

1. Për të ruajtur projektin, së pari hapni menunë e skedarit dhe përdorni opsionin Save. Pas kësaj, skedari burimor do të ruhet në kompjuter dhe mund të hapet më pas.



2. Ju mund të përgatisni një projekt për të vendosur në vend duke hapur menunë "Publikimi" në këndin e sipërm të djathtë të programit dhe përzgjedhjen e një prej vendeve të Save.



3. Ndryshoni parametrat në dritaren e botimit në diskrecionin tuaj, duke lënë vetëm kutitë e dëshiruara të zgjedhjes dhe klikoni "Publiko". Ruajtja kështu ndodh shpejt pavarësisht nga madhësia e projektit.

   

   Si rezultat, dosja mund të gjendet në vendin e shpëtimit. Vendosja e flamurit në vend ndryshon në varësinë e faqes dhe në përgjithësi nuk i përket procedurës së krijimit.