Bannera izveide pakalpojumā Google Web dizainers

1. solis: Darba sākšana

Google Web dizainers ir bezmaksas attīstības vide Webmasters, kas nodrošina iespēju izveidot tīmekļa lapas, tostarp atsevišķus priekšmetus, piemēram, banerus, izmantojot CSS3 un HTML5. Lai izmantotu šo rīku, vispirms jums ir nepieciešams lejupielādēt instalācijas failu no oficiālās vietnes un instalēt.

Lejupielādējiet Google Web dizaineru no oficiālās vietnes

Programmas instalēšana

1. Noklikšķiniet uz saites, kas norādīta iepriekš, lai pārietu uz tagad lapu un noklikšķiniet uz pogas "Lejupielādēt Web Designer". Ņemiet vērā, ka programma atbalsta tikai Windows 7 un jaunākas versijas.



2. Izmantojot logu Saglabāt uznirstošo logu, izvēlieties vietu datorā un izmantojiet pogu, kas norādīta apakšējā panelī.



3. Dodieties uz mapi ar tikko saglabāto failu un veiciet dubultklikšķi uz peles kreiso pogu, lai veiktu atvēršanu. Tā rezultātā uzstādīšanas logs ir jāatver.

   

   Pati instalācijas procedūra tiek veikta pilnībā automātiskā režīmā, saglabājot visus darba failus uz direktoriju ar citām programmām sistēmas diskā.

Atļauja

1. Ja vēlaties saglabāt projektus internetā vai kopumā, izveidojiet reklāmkarogu, kas īpaši attiecas uz Google iekšējiem pakalpojumiem, tas ir papildus vērts veikt atļauju. Lai to izdarītu, palaidiet programmu, izmantojot atbilstošo ikonu, aizveriet logu Welcome un noklikšķiniet uz pogas "Pieteikšanās" augšējā panelī.



2. Norādiet datus no Google konta, noklikšķiniet uz "Next" un, ja nepieciešams, apstipriniet. Pēc tam konts tiks nekavējoties pievienots, neprasot dažus atsevišķus iestatījumus.

Iestatījumu maiņa

1. Izpratne ar sagatavošanu, tagad ir vēlams veikt izmaiņas programmatūras pamatnosacījumos, lai atvieglotu darbu nākotnē. Izmantojot augšējo paneli, paplašiniet izvēlni Rediģēt un saraksta beigās izvēlieties "Iestatījumi".



2. Cilnē "Galvenā" jūs varat mainīt programmas sākotnējo uzvedību, lai ātri atvērtu projektus, piešķiriet mapi, lai saglabātu izveidotās veidnes, kā arī iestatītu noklusējuma vērtības paziņojuma specifikācijai, veidojot.



3. Nākamā lapa "Izkārtojuma skata režīms" satur redaktora izskatu parametrus. Iesniegto iestatījumu maiņa, jūs varat pielāgot režģi un saistošus objektus precīzākai elementu pozicionēšanai.



4. Google Web dizainerim ir kodu redaktors ar tās iestatījumiem. Tādējādi cilnē "Code Viewer" varat piešķirt projektēšanas stilu, iestatiet formatēšanas parametrus un pievienot galvenos stiprinājumus uzdevumiem.



5. Pēdējā cilne "Paplašināta" ir tikai divi parametri - "reģistrēšana" un "pieteikuma skala". Pirmajā gadījumā iekļaušana radīs izmaiņas žurnālu, bet otrais vienums ļauj iestatīt jaunu standarta skalu redaktora darba zonā.

   Esi uzmanīgs! Ja jūs iestatāt pārāk daudz mēroga, problēmas ar trūkst vietas uz ekrāna var parādīties svarīgiem priekšmetiem.

Jebkuras izmaiņas, kas veiktas kaut kādā veidā vai citā, ir nepieciešama programmas restartēšana. Ja jūs vienkārši sākat strādāt ar redaktoru, neaizmirstiet par iespēju atiestatīt iestatījumus, izmantojot atsevišķu vienumu katrā no cilnēm.

2. solis: reklāmkaroga izveide

Konfigurējot programmu, jūs varat sākt darbu pie reklāmkaroga, izmantojot visas Google Web dizainera iespējas. Tomēr, lai ņemtu vērā, ka šis līdzeklis ir tikai kā vizuāls redaktors, kas ļauj jums ievietot tikai gatavus elementus, kas ir izveidoti atsevišķi, piemēram, Photoshop.

Darbs ar rīkiem

1. Pēc izkārtojuma sagatavošanas jums ir jāiepazīstas ar rīkiem. Galvenā uzmanības augšējā panelī ir pelnījis sarakstu "View", ļaujot iespējot un atspējot papildu elementus.



2. Izmantojot izvēlni "logs", varat īslaicīgi atspējot konkrētu interfeisa elementu. Piemēram, ja vēlaties izveidot statisku reklāmkarogu, "Timeline" būs tikai traucēt, un tāpēc vislabāk ir noņemt atbilstošu ērču.



3. Galvenie redaktoru rīki tiek parādīti kreisajā kolonnā. Mēs neuzskatīsim katru iespēju, jo ne visi vienumi tiek izmantoti, veidojot, tomēr mēs iesakām eksperimentēt sevi.



4. Blakus rīkjoslai tiek prezentēta "diktoru reklāmas" ar vairākiem ieguldījumiem. Īpaša uzmanība ir pelnījuši "notikumus", kas atbild par rīcību ar vienu vai otru reklāmkaroga objektu, un "CSS", kur ir iestatīti stila parametri.



5. Programmas pareizajā daļā ir arī rīku komplekts, kas ļauj kontrolēt krāsu, tekstu, objektu struktūru, īpašumus un vienkārši slāņus. Tāpat kā galvenās funkciju kopums, logi ir labāk pētīt patstāvīgi projekta izveides procesā.



6. Ja nepieciešams, izmantojot "laika grafiku", var izveidot animētu reklāmkarogu. Tajā pašā laikā, lai pārvaldītu galveno apgabalu redaktoru, izmantojiet saspiešanas vietu un LCM, kā arī bloku ar mēroga parametriem.

Izkārtojuma aizpildīšana

1. Radot banner vienmēr sākas ar fonu, un tāpēc pēc izkārtojuma sagatavošanas atveriet cilni "Properties" un lapas blokā, izmantojiet "Aizpildīt" apakšiedaļu. Ir pilnīgi iespējams uzstādīt jebkuru krāsu, tostarp gradientu vai pilnīgi caurspīdīgu fonu.



2. Turpmāk rindā, pievienojiet iepriekš sagatavotus grafiskos elementus. Jūs varat to izdarīt objekta bibliotēkā cilnē, noklikšķinot uz "+" ikonas uz apakšējā paneļa.



3. Izvēlieties vajadzīgos grafikas failus un noklikšķiniet uz Atvērt. To var izdarīt gan uz visiem nepieciešamajiem slāņiem, gan atsevišķi, atkārtojot šīs darbības.



4. Lai pielāgotu vēlamo attēlu objekta bibliotēkā un velciet redaktoru galvenajā apgabalā.

   

   Jūs varat kontrolēt objekta atrašanās vietu ar parasto vilkšanu un mērogošanu ar aktīvu atlases rīku. Ja nepieciešams, jūs vienmēr varat izmantot ceļvežus.



5. Izvēloties grafisko failu darbvietā vai cilnē Strukturālā redaktora, atveriet "Properties". Ir daudz vairāk nekā vairāk iespēju nekā fona gadījumā, piemēram, robežu iestatījumi vai ievilkumi.



6. Ja reklāmkarogs dizains nodrošina teksta klātbūtni, varat pievienot atbilstošu vienumu, izmantojot standarta Google Web dizainera rīku. Kreisajā rūtī noklikšķiniet uz ikonas "T", noklikšķiniet uz galvenā redaktora loga un ievadiet vēlamo rakstzīmju kopu.

   

   Lai kontrolētu tekstu, atlasiet slāni uz cilnes "Strukturālā redaktors", paplašiniet "Teksts" un iestatiet atbilstošus parametrus.

Animācijas iestatīšana

1. "Laika skalas" blokā varat pievienot un konfigurēt animācijas ietekmi. Lai sāktu, noklikšķiniet uz pogas "Pievienot ikonu" ar ikonu "+".



2. Noklikšķiniet uz ikonas ".5s" starp rāmjiem un iestatiet nepieciešamos parametrus. Piemēram, jūs varat mainīt pārejas ilgumu un stilu.



3. Katrs atsevišķs bloks "laika skalā" ir pilnīgi neatkarīgs no citiem. Lai izveidotu animācijas, mainiet dažus vienumus pēc saviem ieskatiem un pārbaudiet rezultātu, izmantojot atskaņošanas pogu.

   

   Pēc rediģēšanas procesa pabeigšanas izmantojiet pogu Atkārtot. Tas radīs nebeidzamu animāciju.

Notikumu pievienošana

1. Izpratnē ar izkārtojumu, jums ir nepieciešams, lai pievienotu pārejas notikumus atsevišķiem elementiem vai visu banner kopumā. Lai to izdarītu, nozares inspektora kolonnā atveriet cilni Notikumi un noklikšķiniet uz "+" ikonas apakšējā panelī.



2. Logā, kas atvērts no saraksta "Mērķa", izvēlieties objektu, kas tiks atsauce.



3. Pasākuma lapā paplašiniet lapu "Peles" un izvēlieties "Click". Atkarībā no rezultātiem, jūs varat apvienot dažādas iekārtas.



4. Tālāk no "darbības" saraksta, atveriet Google deklarāciju un iestatiet "pārejas" vērtību. Šāda izvēle padarīs to tā, lai lietotājs dodas uz nepieciešamo konkrēto lapu internetā.



5. Kā "saņēmējs", izvēlieties vienu "GWD-AD" versiju.



6. Pēdējā lauka posmā "Identif. Indikatori »Pārbaudiet saiti uz saīsni un aizpildiet" URL ", norādot vēlamo lapu. Izmantojiet "OK", lai saglabātu.

Darbs ar pirmkodu

1. Kā mēs minējām, Google Web dizainers satur iebūvētu kodu redaktoru. To var iespējot, izmantojot pogu "Code" augšējā paneļa labajā pusē.



2. Jūs varat veikt izmaiņas reklāmkaroga struktūrā, izmantojot ne tikai vizuālo redaktoru, bet arī tieši strādā ar kodu projekta failā. Tas var būt ļoti noderīgi, saskaņojot daudzus mazus elementus vai pievienot programmas, kas nav paredzētas programmas.

Aprakstītajām darbībām jābūt pietiekami, lai izveidotu reklāmkarogu neatkarīgi no pieteikuma. Tajā pašā laikā jūs varat ievērojami paplašināt iespējas, apvienojot šos rīkus.

3. solis: pabeigšana

Kad baneris ir pabeigts un gatavs izvietošanai vietnē, jūs varat doties uz pēdējo soli. Pirmkārt, ir vērts pārbaudīt, kā izskatās jūsu darbs reālā mājas lapā.

Priekšskatījums

1. Uz augšējā panelī noklikšķiniet uz pogas priekšskatījuma, lai atvērtu papildu izvēlni. Šeit jūs varat norādīt pārlūkprogrammu, ar kuru tiks atvērts baneris.



2. Atverot visas reklāmkaroga funkcijas un tiek saglabāti, bet ar dažām funkcijām. Piemēram, pat ja instalējat bezgalīgu animācijas atkārtošanos, viss šeit būs ierobežots tikai viens atkārtojums.



3. Ja nepieciešams, jūs vienmēr varat pierādīt rezultātu citiem cilvēkiem. Lai to izdarītu, izvēlieties "Iegūstiet koplietošanas saiti" un apstipriniet piekļuvi Google kontam.

   

   Rezultātā ekrānā parādīsies saite, lai apskatītu reklāmkarogu šādā režīmā, kā aprakstīts iepriekš. Protams, tas ir iespējams tikai tad, ja jums ir konts.

Saglabāšana un publicēšana

1. Lai saglabātu projektu, vispirms atveriet izvēlni Fails un izmantojiet taupīšanas iespēju. Pēc tam avota fails tiks saglabāts datorā un vēlāk to var atvērt.



2. Jūs varat sagatavot projektu, kas jāievieto vietnē, atverot izvēlni "Publicēt" programmas augšējā labajā stūrī un izvēloties vienu no saglabātajām vietām.



3. Pēc saviem ieskatiem mainiet publicēšanas loga parametrus, atstājot tikai vēlamās izvēles rūtiņas un noklikšķiniet uz "Publicēt". Tādējādi ietaupījums ātri notiek neatkarīgi no projekta lieluma.

   

   Rezultātā mapi var atrast ietaupītajā vietā. Reklāmkaroga izvietošana vietnē atšķiras atkarībā no vietas un kopumā vairs nepieder radīšanas procedūru.