Google веб-дизайнерінде баннер құру

1-қадам: Жұмысты бастау

Google веб-дизайнері - веб-парақтарды, веб-парақтарды, соның ішінде CSS3 және HTML5 көмегімен баннерлер сияқты жеке элементтерді құруға мүмкіндік беретін ақысыз даму ортасы. Бұл құралды пайдалану үшін, ең алдымен, орнату файлын ресми сайттан жүктеу және орнату керек.

Ресми сайттан Google веб-дизайнерін жүктеп алыңыз

Бағдарламаны орнату

1. Жоғарыда көрсетілген сілтемені басыңыз және «Веб-дизайнерді жүктеу» түймесін басыңыз. Бағдарлама тек Windows 7 және одан кейінгі нұсқаларын қолдайтынын ескеріңіз.



2. Қалқымалы терезе арқылы қалқымалы терезе арқылы компьютердегі орынды таңдап, төменгі панельде белгіленген түймені қолданыңыз.



3. Ашу үшін файлды сақтап, тінтуірдің сол жақ батырмасын екі рет нұқыңыз. Нәтижесінде орнату терезесін ашу керек.

   

   Орнату процедурасы толық автоматты режимде орындалады, барлық жұмыс файлдарын жүйелік дискідегі басқа бағдарламалармен сақтаңыз.

Рұқсат

1. Егер сіз Интернетте немесе жалпы жобаларды сақтағыңыз келсе, Google-дің ішкі қызметтері үшін арнайы баннер жасаңыз, оған қосымша авторизация жасау керек. Мұны істеу үшін бағдарламаны тиісті белгішені пайдаланып іске қосыңыз, сәлемдесу терезесін жауып, жоғарғы панельдегі «Кіру» түймесін басыңыз.



2. Google есептік жазбасындағы деректерді көрсетіп, «Келесі» түймесін басыңыз және қажет болса растаңыз. Осыдан кейін, есептік жазба дереу қосылады, олар бірден жеке параметрлерді қажет етеді.

Параметрлерді өзгерту

1. Дайындықпен түсініп, енді болашақта жұмысты жеңілдету үшін бағдарламалық жасақтаманың негізгі параметрлеріне өзгерістер енгізген жөн. Жоғарғы панельді пайдаланып, Өңдеу мәзірін кеңейтіп, тізімнің соңындағы «Параметрлер» таңдаңыз.



2. «Негізгі» қойындысындағы бағдарламаның бастапқы әрекетін жобаларды жылдам ашу үшін өзгертуге болады, жасалған шаблондарды үнемдеу үшін қалтаны тағайындауға болады, сонымен қатар жасау кезінде хабарламаны нақтылау үшін әдепкі мәндерді орнатыңыз.



3. Келесі бетте «Орналасуды қарау режимі» редактордың сыртқы түрін қамтиды. Ұсынылған параметрлерді өзгерту, сіз элементтерді дәл сәйкестендіру үшін тор мен байланыстырушы заттарды реттеуге болады.



4. Google веб-дизайнерінде параметрлері бар код өңдегіші бар. Осылайша, «Кодты қарау» қойындысында сіз дизайн мәнерін тағайындай аласыз, пішімдеу параметрлерін орната аласыз және тапсырмаларға негізгі байланыстыра аласыз.



5. «Кеңейтілген» соңғы қойындысында тек екі параметр бар - «Журнал жүргізу» және «Қолдану шкаласы». Бірінші жағдайда, қосу өзгерту журналын жасайды, ал екінші элемент редактордың жұмыс аймағына жаңа стандартты шкаланы орнатуға мүмкіндік береді.

   Сақ болыңыз! Егер сіз тым көп мөлшерде орнатсаңыз, экранда бос орын болмаған мәселелер маңызды элементтер үшін пайда болуы мүмкін.

Кез-келген өзгерістер қандай да бір жолмен жасалған немесе басқа жолмен бағдарламаны қайта бастайды. Егер сіз редактормен жұмыс жасай бастасаңыз, әр қойындылардың әрқайсысында жеке элементті қолдана отырып, параметрлерді қалпына келтіру мүмкіндігі туралы ұмытпаңыз.

2-қадам: баннер құру

Бағдарламаны теңшеу арқылы сіз Баннерде Google веб-дизайнері үшін барлық опцияларды қолдана отырып жұмыс істей аласыз. Алайда, бұл дәрі тек визуалды редактор ретінде, мысалы, сіз бөлек жасалған, мысалы, Photoshop-да дайындалған элементтерді орналастыруға мүмкіндік беретінін ескерейік.

Құралдармен жұмыс

1. Орналасуды дайындағаннан кейін сіз құралдармен танысуыңыз керек. Негізгі панельде «Көру» тізімі көмекші элементтерді қосуға және өшіруге мүмкіндік береді.



2. «Терезе» мәзірі арқылы белгілі бір интерфейс элементін уақытша өшіре аласыз. Мысалы, егер сіз статикалық баннер жасағыңыз келсе, «уақыт кестесі» тек қана араласады, сондықтан тиісті кенені алып тастаған дұрыс.



3. Негізгі редактордың негізгі құралдары сол жақта келтірілген. Біз әр нұсқаны қарастырмаймыз, өйткені барлық заттар жасау кезінде қолданыла бермейді, алайда біз өзіңізді тәжірибе жасауды ұсынамыз.



4. Құралдар тақтасының жанында бірнеше жарналармен «Диктор жарнамалары» ұсынылған. «Оқиғалар» «Оқиғалар» үшін, бір немесе басқа баннерлік объектімен және стиль параметрлері орнатылған «Оқиғалар» және «CSS».



5. Бағдарламаның дұрыс бөлігінде, сонымен қатар сіздерге түрлі-түсті, мәтіндерді, қасиеттердің құрылымын, қасиеттерін және жай қабаттарды басқаруға мүмкіндік беретін құралдар жиынтығы бар. Функциялардың негізгі жиынтығы сияқты, терезелер жобаны құру процесінде дербес оқыған дұрыс.



6. Қажет болған жағдайда, «уақыт кестесін» қолдана отырып, анимациялық баннерді жасауға болады. Сонымен бірге, редактордың негізгі аймағын басқару үшін қысқыш кеңістігі мен LCM, сондай-ақ шкаласы бар блокты қолданыңыз.

Орналасуды толтыру

1. Баннер құру әрқашан фоннан басталады, сондықтан орналасуды бастағаннан кейін, «Сипаттар» қойындысын ашыңыз және бетті блокта ашыңыз, «Толтыру» бөлімін қолданыңыз. Градиентті немесе толық мөлдір фонды қоса, кез-келген түсті, соның ішінде түстерді орнатуға болады.



2. Әрі қарай кезекте алдын-ала дайындалған графикалық элементтер қосыңыз. Мұны объект кітапханалық қойындысынан төменгі панельдегі «+» белгішесін басу арқылы жасай аласыз.



3. Қажетті графикалық файлдарды таңдап, Ашу түймесін басыңыз. Мұны барлық қажетті қабаттар үшін де, бөлек, осы әрекеттерді қайталай алады.



4. Орналастыру үшін, қалаған суретті нысан кітапханасы қойындысынан қысыңыз және редакторды негізгі аймаққа сүйреңіз.

   

   Белсенді таңдау құралымен әдеттегі апарып, масштабтаумен жерді басқара аласыз. Қажет болса, сіз әрқашан нұсқаулықтарды қолдана аласыз.



5. Жұмыс кеңістігінде немесе құрылымдық өңдегіші қойындысында графикалық файлды таңдау арқылы «Сипаттар» ашыңыз. Фонның, мысалы, шекара параметрлері немесе шегіністерге қарағанда көп мүмкіндіктер көп.



6. Егер баннер дизайны мәтіннің болуын қамтамасыз етсе, сіз стандартты Google веб-дизайнерінің көмегімен тиісті элементті қоса аласыз. Сол жақ аймақтағы «T» белгішесін нұқыңыз, Негізгі редактор терезесін басып, қажетті таңбаларды енгізіңіз.

   

   Мәтінді басқару үшін «Құрылымдық редактор» қойындысындағы қабатты таңдаңыз, «Мәтінді» кеңейтіп, тиісті параметрлерді орнатыңыз.

Анимацияны орнату

1. «Уақыт кестесі» блогында анимацияның әсерін қосуға және конфигурациялауға болады. Бастау үшін «+» белгішесі бар «Белгішені қосу» түймесін басыңыз.



2. Жақтау арасындағы «.5s» белгішесін нұқыңыз және қажет параметрлерді орнатыңыз. Мысалы, сіз ауысудың ұзақтығы мен мәнерін өзгерте аласыз.



3. Әрбір жеке блок «уақыт кестесі» басқалардан мүлдем тәуелсіз. Анимация жасау үшін кейбір элементтерді өз қалауыңыз бойынша өзгертіңіз және нәтижені ойнату түймесін пайдаланып тексеріңіз.

   

   Өңдеу процесін аяқтағаннан кейін REPEAT түймесін пайдаланыңыз. Бұл шексіз анимацияны жасайды.

Оқиғаларды қосу

1. Орналасумен түсініп, жеке элементтер үшін немесе тұтас баннер үшін өтпелі оқиғаларды қосу керек. Ол үшін, Сектор инспекторы бағанында Оқиғалар қойындысын ашып, төменгі панельдегі «+» белгішесін нұқыңыз.



2. «Мақсат» тізімінен ашылатын терезеде сілтеме жасалатын нысанды таңдаңыз.



3. Оқиға бетінен «Тінтуір» бетін кеңейтіп, «нұқу» таңдаңыз. Нәтижеге қойылатын талаптарға байланысты сіз әр түрлі қондырғыларды біріктіре аласыз.



4. Әрі қарай «Әрекет» тізімінен Google декларациясын ашып, «ауысу» мәнін орнатыңыз. Мұндай таңдау оны пайдаланушы сізге Интернетте қажет нақты бетке баратындай етіп жасайды.



5. «Алушы» ретінде бір «ГВТ-AD» нұсқасын таңдаңыз.



6. Соңғы кезеңде «INDIF. Индикаторлар »Қажететті бетті көрсету арқылы сілтемеге сілтемені және« URL мекен-жайы »құсбелгісін қойыңыз. Сақтау үшін «OK» қолданыңыз.

Бастапқы кодпен жұмыс

1. Біз атап өткендей, Google веб-дизайнерінде бекітілген код өңдегіші бар. Оны жоғарғы панельдің оң жағындағы «код» түймесін пайдалану арқылы қосуға болады.



2. Сіз баннер құрылымына тек визуалды редактордың көмегімен өзгерістер енгізе аласыз, бірақ сонымен бірге жоба файлындағы кодпен тікелей жұмыс жасай аласыз. Бұл көптеген шағын элементтерді туралау немесе бағдарламада қарастырылмаған оқиғалар қосу кезінде өте пайдалы болуы мүмкін.

Сипатталған әрекеттер қосымшаға қарамастан, баннер жасау үшін жеткілікті болуы керек. Сонымен бірге, сіз осы құралдарды біріктіру арқылы мүмкіндіктерді едәуір кеңейтуге болады.

3-қадам: аяқтау

Баннер толтырылған кезде және сайтқа орналастыруға дайын болған кезде, сіз соңғы қадамға өтуіңізге болады. Біріншіден, нақты веб-бетте сіздің жұмысыңыздың қалай жұмыс істейтінін тексеруге тұрарлық.

Алдын-ала қарау

1. Жоғарғы панельде Қосымша мәзірді ашу үшін Алдын-ала қарау түймесін басыңыз. Мұнда сіз баннер ашылатын шолғышты көрсете аласыз.



2. Барлық функцияларды ашқан кезде және баннердің пайда болуы сақталады, бірақ кейбір мүмкіндіктермен. Мысалы, егер сіз анимацияның шексіз қайталануын орнатсаңыз да, барлығы тек бір итерация ғана шектеледі.



3. Қажет болса, сіз әрқашан нәтижені басқа адамдарға көрсете аласыз. Ол үшін «Ортақ пайдалану сілтемесін алу» тармағын таңдап, Google есептік жазбасына кіруді растаңыз.

   

   Нәтижесінде, жоғарыда сипатталғандай баннерді көру үшін экранда сілтеме пайда болады. Әрине, егер сізде есептік жазба болса ғана мүмкін.

Сақтау және жариялау

1. Жобаны сақтау үшін алдымен Файл мәзірін ашып, Сақтау опциясын пайдаланыңыз. Осыдан кейін бастапқы файл компьютерде сақталады және оны кейін ашуға болады.



2. Бағдарламаның жоғарғы оң жақ бұрышындағы «Жариялау» мәзірін ашу және сақтау орындарының бірін таңдап, сіз жобаны дайындауға болады.



3. Параметрлерді жариялау терезесіндегі параметрлерді өз қалауы бойынша өзгертіңіз, тек қажетті құсбелгілерді қалдырып, «Жариялау» түймесін басыңыз. Жобаның көлеміне қарамастан, үнемдеу тезірек болады.

   

   Нәтижесінде қалтаны сақтау орнынан табуға болады. Баннерді сайтқа орналастыру сайтқа тәуелділігі бойынша және жалпы алғанда, бұдан былай Жасау процедурасына жатпайды.