Google вэб дизайнер дээр баннер үүсгэх

Алхам 1: Эхлэх

Google вэб дизайнер бол Вэбсайтууд нь CSS3 ба HTML5-г ашиглан вебмастер үүсгэх чадварыг бий болгох боломжийг олгодог. Энэ хэрэгслийг ашиглахын тулд та эхлээд суулгасан файлыг албан ёсны сайтаас татаж авах хэрэгтэй.

Google Web дизайнерыг албан ёсны сайтаас татаж аваарай

Хөтөлбөр суулгах

1. Дээр дурдсан холбоос дээр товшоод одоо товшоод "НЭГДҮГЭЭР СУРГУУЛЬ" товчийг дарна уу. Хөтөлбөр нь зөвхөн Windows 7 болон хожуу хувилбарыг дэмждэг гэдгийг анхаарна уу.



2. Хадгалах попап цонхоор дамжуулан компьютер дээрээ байрандаа сонгоод, доод самбар дээр тэмдэглэгдсэн товчийг ашиглана уу.



3. Файлд дөнгөж сая хадгалсан фолдер руу яваад, зүүн товчийг дарж, зүүн товчийг дарна уу. Үүний үр дүнд суурилуулах цонхыг нээх хэрэгтэй.

   

   Суулгах журам өөрөө бүрэн автомат горимд ажилладаг, системийн диск дээрх бусад програмуудтай директорыг хадгалдаг.

Зөвшөөрөл

1. Хэрэв та Төслийг интернетээр хадгалахыг хүсч байвал Google-ийн дотоод үйлчилгээнд тусгайлан тусгайлан баннер үүсгэ. Үүнийг хийхийн тулд энэ хөтөлбөрийг ажиллуулаад, тавтай морилно уу цонхыг хаахын тулд Хөтөлбөрийг ажиллуулаад "Нэвтрэх" товчийг дарна уу.



2. Google акаунтаас өгөгдлийг тодорхойлно уу, "Дараах" дээр дарна уу, шаардлагатай бол баталгаажуулна уу. Үүний дараа данс нэн даруй нэн даруй нэмэгдэх болно.

Тохиргоо өөрчлөх

1. Бэлтгэл ажил хийж, ирээдүйд ажилдаа туслахын тулд програм хангамжийн үндсэн тохиргоонд өөрчлөлт оруулахыг хүсч байна. Шилдэг самбарыг ашиглан, засварлах цэсийг жагсааж, жагсаалтын төгсгөлд "Тохиргоо" -г сонгоод "Тохиргоо" -г сонгоод "Тохиргоо" -г сонгоод "Тохиргоо" -г сонгоод "Тохиргоо" -г сонгоно уу.



2. "Үндсэн" таб дээр та хурдан нээх, үүсгэхийн тулд програмын анхны зан авирыг өөрчилж, үүсгэсэн загварыг хадгалахын тулд үндсэн утгыг хадгалж болно.



3. Дараах хуудас "Layout View Mode" нь редакторын гадаад төрхийг агуулдаг. Үзүүлсэн тохиргоог өөрчлөх, та сүлжээг илүү нарийвчлан байрлуулахын тулд сүлжээг болон заавал биелүүлэх боломжтой.



4. Google вэб дизайнер нь COMPER CODE редактортой. Ийнхүү "Код Viewer" Табыг дизайны хэв маягаар хуваарилж, форматын хэв маягийг томилж, даалгавраа өгч, даалгавраа өгч, даалгавраа өгч, даалгавраа тохируулж, даалгаврыг тохируулж, даалгаврыг тохируулж болно.



5. "Өргөтгөсөн" хамгийн сүүлийн таб нь зөвхөн хоёр параметрийг агуулдаг - "мод бэлтгэх" ба "програмын хэмжээ". Эхний тохиолдолд оруулах нь өөрчлөлтийн бүртгэлийг үүсгэх болно. Хоёрдахь зүйл нь редакторын ажлын хэсэгт шинэ стандарт хэмжигдэх боломжийг олгоно.

   Болгоомжтой байгаарай! Хэрэв та хэт их масштабтай бол дэлгэцэн дээр орон зай байхгүй бол чухал зүйлсийн талаар асуудал гардаг.

Ямар нэгэн өөрчлөлтийг ямар нэгэн байдлаар хийсэн эсвэл бусад арга хэмжээ авах шаардлагатай. Хэрэв та дөнгөж сая редактортой ажиллаж эхлэх юм бол таб тус бүр дээр тусдаа зүйлийг ашиглан тохиргоог дахин тохируулах боломжийн талаар бүү мартаарай.

Алхам 2: Баннер үүсгэх

Хөтөлбөрийг тохируулах замаар та Google вэб дизайнерын бүх сонголтыг ашиглан Баннер дээр ажиллаж эхлэх боломжтой. Гэсэн хэдий ч энэ бүхнийг харуулсан редактор нь зөвхөн харааны редакторын хувьд зөвхөн үүсгэн байгуулагчийн редакторын хувьд зөвхөн бэлэн болсон элементүүдийг баримталдаг бөгөөд жишээ нь зөвхөн Photoshop дээр байрлуулна.

Багаж хэрэгсэлтэй ажиллах

1. Байршил бэлдэж дууссаны дараа та багаж хэрэгслээр танилцах хэрэгтэй. Гол анхаарлын төвийн самбар дээр, жагсаалтыг "харах" нь "харах" зохистой бөгөөд туслах элементүүдийг идэвхжүүлж, идэвхгүй болгох боломжийг олгодог.



2. "Цонх" цэсээр дамжуулан та тодорхой интерфейс элементийг түр зуур идэвхгүй болгож болно. Жишээлбэл, хэрэв та статик баннер хийхийг хүсч байвал "TIMELEINE" нь зөвхөн харилцан үйлчлүүлэгчдэд тулгуурлах болно, тиймээс зохих мөрийг арилгах нь зүйтэй.



3. Гол редакторын хэрэгслийг зүүн баганад үзүүлэв. Бид бүх сонголт бүрийг үзэхгүй, гэхдээ бүх зүйлийг үүсгэхгүй, гэхдээ бид өөрсдөө туршилт хийхийг зөвлөж байна.



4. Хэрэгслийн самбарын хажууд "хөтлөгч зар" -ийг хэд хэдэн хувь нэмэр оруулдаг. ТУСГАЙ АЖИЛЛАГАА, БИДНИЙ "ҮЙЛ ЯВДАЛ" -ийг нэг буюу өөр хошууны объекттой, "CSS" -тай, "CSS" -ийг, "CSS" -ийг, "CSS" -тай, хэв маягийн параметрүүдийг тохируулсан.



5. Хайнны баруун хэсэг нь объектуудын болон зураг, зураг, л цэг, зүгээр л давхуу, зөвхөн давхаргын байгууламж, зөвхөн шугам. Үндсэн функц шиг, цонх нь төслийг бий болгох үйл явцад бие даан судлах нь дээр.



6. Шаардлагатай бол "Timele" -ийг ашиглах боломжтой бол хөдөлгөөнт баннерыг үүсгэж болно. Үүний зэрэгцээ редакторын гол хэсгийг удирдан зохион байгуулах, хавчих орон зай, LCL, LCM, түүнчлэн масштабтай параметр бүхий блок ашиглана уу.

Зохион байгуулалт бөглөх

1. Баннерыг үүсгэх нь үргэлж арын хэсгээс эхэлдэг бөгөөд тэгж байрлуулсны дараа "Properties-ийг" Properties Boab-ийг нээнэ үү "Properties" Табыг нээнэ үү, "Дүүргэлтийн блокыг нээнэ үү. Градиент эсвэл бүрэн тунгалаг дэвсгэрийг багтаасан ямар ч өнгийг суулгах боломжтой.



2. Дараалалд цааш нь дарааллаар нь бэлтгэсэн график элементүүдийг нэмнэ үү. Та + + "дүрс дээр" + "дүрс дээр дарж обьектын номын сангийн таб дээр хийж болно.



3. Хүссэн график файлуудыг сонгоод Нээлттэй дарна уу. Үүнийг шаардлагатай бүх давхаргын хувьд болон тусад нь болон эдгээр үйлдлүүдийг давтаж, давтаж болно.



4. Обьектуудын номын сангийн таб дээр хүссэн зургийг байрлуулаад редакторыг үндсэн талбай руу чирнэ үү.

   

   Та объектын байршлыг ердийн чирэх, масштабаар хянах боломжтой. Шаардлагатай бол та зааврыг үргэлж ашиглах боломжтой.



5. Ажлын талбарт график файлыг сонгох эсвэл бүтцийн редакторын таб дээрээс эсвэл "Properties" -ийг нээнэ үү. Жишээлбэл, жишээлбэл, хилийн тохиргоо, инденсүүдээс илүү олон боломжууд байдаг.



6. Хэрэв баннер дизайн нь текст байгаа эсэхийг шалгаж байгаа бол та Google вэб дизайнер хэрэгслийг ашиглан зохих зүйлийг нэмж болно. Зүүн самбар дээрх "T" дүрс дээр дарна уу, үндсэн редактор цонх дээр товшоод хүссэн тэмдэгтүүдийг оруулна уу.

   

   Текстийг хянахын тулд "бүтцийн редактор" Таб дээр давхаргыг сонгоод "Текстийг" өргөж, тохирох параметрүүдийг тохируулна уу.

Хөдөлгөөнт дүрсийг тохируулах

1. "Хугацаа нь" Блоклосон "Блок, та хөдөлгөөнт дүрсийг нэмж оруулж, тохируулж болно. Эхлэхийн тулд "Icon нэмэх" товчийг дарна уу "+" дүрс дээр дарна уу.



2. Хүрээний хоорондох ".5S" дүрс дээр дарна уу, танд хэрэгтэй параметрүүдийг тохируулна уу. Жишээлбэл, та шилжилтийн үргэлжлэх хугацаа, хэв маягийг өөрчилж болно.



3. "Хугацаа нь" Хугацааны "бүх блок нь бусдаас бүрэн хараат бус байдаг. Анимацийг бий болгохын тулд зарим зүйлийг өөрийн үзэмжээр өөрчлөх, Play товчийг ашиглан үр дүнг нь шалгана уу.

   

   Засварлах үйл явцыг бөглөсний дараа давтан товчийг ашиглана уу. Энэ нь төгсгөлгүй анимацийг бий болгоно.

Арга хэмжээнд нэмж болох

1. Байршуулалтыг ойлгож байна, та бие даасан элементүүд эсвэл бүхэл бүтэн баннерт эсвэл бүх баннерыг бүхэлд нь нэмэх хэрэгтэй. Үүнийг хийхийн тулд үүнийг хийхийн тулд үйл явдлын багана, үйл явдлуудыг нээнэ үү, доод самбар дээр "+" дүрс дээр дарна уу.



2. "Зорилго" жагсаалтаас нээгддэг цонхонд лавлагаа өгөх объектыг сонгоно уу.



3. Арга хэмжээний хуудас дээр "Хулгана" хуудсыг өргөж, "товш" -г сонгоно уу. Үр дүнгээс хамааран үндэслэлээс хамаарч та өөр өөр суулгалтыг хослуулж болно.



4. "Үйлдэл" -ээс цааш нь Google-ийн мэдүүлгээс нээнэ үү, Google-ийн мэдэгдлийг нээнэ үү, "шилжилт" утгыг тохируулна уу. Ийм сонголт нь үүнийг интернетэд хэрэгтэй тодорхой хуудас руу шилжүүлэхийн тулд үүнийг хийх болно.



5. "Хүлээн авагч" болгон нэг "GWD-AD" хувилбарыг сонгоно уу.



6. Талбар дээрх сүүлийн шатанд "таних. Шалгалтын шалгуур үзүүлэлт »Хүссэн хуудсыг зааж өгч," URL "-ийг дарж" URL "-ийг дарж, хүссэн хуудсыг бөглөнө үү. Хадгалахын тулд "OK" ашиглана уу.

Эх кодтой ажиллах

1. Бидний дурдсанчлан Google вэб дизайнер нь CONED кодын редакторыг агуулдаг. Энэ нь дээд самбарын баруун талд "код" товчийг ашиглан идэвхжүүлсэн болно.



2. Та зөвхөн харааны редакторыг ашиглахгүй баннерын бүтцэд өөрчлөлт оруулах боломжтой, мөн төслийн файлд шууд ажиллаж байна. Энэ нь олон жижиг элементүүдийг цуглуулах эсвэл хөтөлбөрт хамрагдаагүй арга хэмжээг нэмж оруулах нь маш их хэрэгтэй байж болно.

Тайлбарласан үйлдэл нь анкетаас үл хамааран баннер үүсгэхэд хангалттай байх ёстой. Энэ хэрэгслийг нэгэн зэрэг хослуулах замаар та чадварыг мэдэгдэхүйц өргөжүүлэх боломжтой.

Алхам 3: Дуусгах

Баннер дуусахад, сайт дээр байршуулахад бэлэн болоход та сүүлийн алхам руу очиж болно. Юуны өмнө энэ нь таны жинхэнэ вэб хуудасны ажил хэрхэн ийм ажилтай болохыг шалгах нь зүйтэй.

Киноны урөдчилсан үзлэг

1. Топ самбар дээр Нэмэлт цэсийг нээхийн тулд Preview товчийг дарна уу. Энд та Баннерыг нээхээр байгаа хөтөчийг зааж өгч болно.



2. Бүх функцийг нээх үед баннерын гадаад төрхийг хадгалдаг, гэхдээ зарим шинж чанаруудтай. Жишээлбэл, та хөдөлгөөнт дүрсийг халдваргүйжүүлсэн ч гэсэн хөдөлгөөнт давталтыг суулгасан ч бүх зүйл хязгаарлагдмал байх болно.



3. Шаардлагатай бол та үр дүнг бусад хүмүүст үзүүлэх боломжтой. Үүнийг хийхийн тулд "хуваалцах холбоос авах" -г сонгоод Google акаунт руу нэвтрэх эрхийг баталгаажуулна уу.

   

   Үүний үр дүнд энэ нь дээр дурдсанчлан баннер дээр ирмэгийг үзэхийн тулд дэлгэцэн дээр холбоос гарч ирнэ. Мэдээжийн хэрэг, танд данс байгаа бол боломжтой.

Хадгалах, хэвлүүлэх

1. Төслийг хадгалахын тулд Файлын цэсийг эхлээд нээнэ үү, хадгалах сонголтыг ашиглана уу. Үүний дараа түүний эх үүсвэрийг компьютерт хадгална.



2. Та програмын баруун дээд буланд байрлах "Нийтлэг" цэсийг нээхээр сайт дээр байршуулж, хадгалах газар сонгож, хадгалсан байршлыг сонгоно уу.



3. Таны үзэмжийн цонхонд параметрүүдийг өөрчлөх, зөвхөн хүссэн хайрцгуудыг үлдээгээд "Нийтлэх" дээр дараад "Нийтлэх" дээр дарна уу. Хадгаламж нь төслийн хэмжээнээс үл хамааран хурдан тохиолддог.

   

   Үүний үр дүнд үүсгэж буй хавтасыг хадгалах газар олж болно. Сайт дээр байрлах баннер байрлуулах нь сайтаас хамаарч ялгаатай, ерөнхийдөө үүсэх журамд хамаарахгүй.