Mewujudkan Banner di Google Web Designer

Langkah 1: Bermula

Pereka Web Google adalah persekitaran pembangunan percuma untuk webmaster yang menyediakan keupayaan untuk membuat laman web, termasuk barangan individu seperti spanduk menggunakan CSS3 dan HTML5. Untuk menggunakan alat ini, pertama sekali, anda perlu memuat turun fail pemasangan dari laman rasmi dan memasang.

Muat turun Google Web Designer dari laman web rasmi

Pemasangan program.

1. Klik pada pautan yang dibentangkan di atas untuk pergi ke halaman sekarang dan klik butang "Muat turun Web Designer". Perhatikan bahawa program ini hanya menyokong versi Windows 7 dan kemudian.



2. Melalui tetingkap Simpan Pop-Up, pilih tempat di komputer anda dan gunakan butang yang ditandakan pada panel bawah.



3. Pergi ke folder dengan hanya menyimpan fail dan klik dua kali pada butang kiri tetikus untuk melakukan pembukaan. Akibatnya, tetingkap pemasangan perlu dibuka.

   

   Prosedur pemasangan itu sendiri dilakukan dalam mod automatik sepenuhnya, menjimatkan semua fail kerja ke direktori dengan program lain pada cakera sistem.

Kebenaran

1. Sekiranya anda ingin menyimpan projek di Internet atau secara umum, buat sepanduk khusus untuk perkhidmatan dalaman Google, ia juga layak melaksanakan kebenaran. Untuk melakukan ini, jalankan program menggunakan ikon yang sesuai, tutup tetingkap Selamat Datang dan klik butang "Masuk" pada panel atas.



2. Tentukan data dari Akaun Google, klik "Seterusnya" dan sahkan jika perlu. Selepas itu, akaun akan ditambah dengan segera, tanpa memerlukan beberapa tetapan individu.

Menukar tetapan

1. Setelah difahami dengan penyediaannya, kini wajar untuk membuat perubahan kepada tetapan asas perisian untuk memudahkan kerja di masa depan. Menggunakan panel teratas, mengembangkan menu Edit dan pilih "Tetapan" pada akhir senarai.



2. Pada tab "Utama", anda boleh mengubah tingkah laku awal program untuk membuka projek dengan cepat, menyerahkan folder untuk menyelamatkan templat yang dicipta, serta menetapkan nilai lalai untuk spesifikasi pengumuman semasa membuat.



3. Halaman berikut "Mod Paparan Layout" mengandungi parameter penampilan editor. Menukar tetapan yang dibentangkan, anda boleh menyesuaikan objek grid dan mengikat untuk kedudukan yang lebih tepat dari unsur-unsur.



4. Google Web Designer mempunyai editor kod dengan tetapannya. Oleh itu, pada tab "Penunjuk Kod", anda boleh menetapkan gaya reka bentuk, menetapkan parameter pemformatan dan menambah pengikatan utama kepada tugas.



5. Tab terakhir "dilanjutkan" mengandungi hanya dua parameter - "pembalakan" dan "skala aplikasi". Dalam kes pertama, kemasukan akan membuat log perubahan, manakala item kedua membolehkan anda menetapkan skala standard baru untuk kawasan kerja editor.

   Berhati-hati! Jika anda menetapkan terlalu banyak skala, masalah dengan kekurangan ruang pada skrin mungkin muncul untuk barangan penting.

Sebarang perubahan yang dibuat beberapa cara atau yang lain memerlukan permulaan semula program. Jika anda baru sahaja mula bekerja dengan editor, jangan lupa tentang kemungkinan untuk menetapkan semula tetapan menggunakan item yang berasingan pada setiap tab.

Langkah 2: Mewujudkan Banner

Dengan mengkonfigurasi program, anda boleh mula bekerja di spanduk menggunakan semua pilihan untuk Google Web Designer. Walau bagaimanapun, marilah kita ambil perhatian bahawa ubat ini secara eksklusif sebagai editor visual, yang membolehkan anda menyiarkan hanya unsur-unsur siap yang dibuat secara berasingan, sebagai contoh, di Photoshop.

Bekerja dengan alat

1. Selepas menyediakan susun atur, anda perlu berkenalan dengan alat tersebut. Pada panel teratas perhatian utama, senarai "Lihat" layak, yang membolehkan untuk membolehkan dan melumpuhkan unsur-unsur tambahan.



2. Melalui menu "Tetingkap", anda boleh melumpuhkan elemen antara muka tertentu. Sebagai contoh, jika anda ingin membuat spanduk statik, "garis masa" hanya akan mengganggu, dan oleh itu adalah yang terbaik untuk menghapuskan tanda yang sesuai.



3. Alat editor utama dibentangkan di lajur kiri. Kami tidak akan mempertimbangkan setiap pilihan, kerana tidak semua item digunakan semasa membuat, bagaimanapun, kami mengesyorkan percubaan diri anda.



4. Di sebelah bar alat dibentangkan "Pengumuman Iklan" dengan beberapa sumbangan. Perhatian khusus layak "peristiwa" yang bertanggungjawab untuk bertindak dengan satu atau objek spanduk lain, dan "CSS", di mana parameter gaya ditetapkan.



5. Bahagian yang betul dari program ini juga mempunyai satu set alat yang membolehkan anda mengawal warna, teks, struktur objek, sifat dan hanya lapisan. Seperti set fungsi utama, tingkap lebih baik untuk belajar secara bebas dalam proses membuat projek.



6. Sekiranya perlu, menggunakan "garis masa" boleh dibuat sepanduk animasi. Pada masa yang sama, untuk menguruskan kawasan utama editor, gunakan ruang pengapit dan LCM, serta blok dengan parameter skala.

Mengisi susun atur

1. Mewujudkan spanduk selalu bermula dengan latar belakang, dan oleh itu, selepas menyediakan susun atur, buka tab "Properties" dan di blok halaman, gunakan subseksyen "Isi". Ia agak mungkin untuk memasang apa-apa warna, termasuk kecerunan atau latar belakang yang telus sepenuhnya.



2. Selanjutnya dalam barisan, menambah elemen grafik yang disediakan terlebih dahulu. Anda boleh melakukan ini pada tab Perpustakaan Objek dengan mengklik ikon "+" di panel bawah.



3. Pilih fail grafik yang dikehendaki dan klik Terbuka. Ini boleh dilakukan sekaligus untuk semua lapisan yang diperlukan, dan secara berasingan, mengulangi tindakan ini.



4. Untuk menampung, mengepalai imej yang dikehendaki pada tab Perpustakaan objek dan seret editor ke kawasan utama.

   

   Anda boleh mengawal lokasi objek dengan seretan biasa dan penskalaan dengan alat pemilihan aktif. Sekiranya perlu, anda sentiasa boleh menggunakan panduan.



5. Dengan memilih fail grafik di ruang kerja atau pada tab Editor struktur, buka "sifat". Terdapat lebih daripada lebih banyak kemungkinan daripada dalam kes latar belakang, contohnya, tetapan sempadan atau indent.



6. Jika reka bentuk spanduk menyediakan untuk kehadiran teks, anda boleh menambah item yang sesuai menggunakan alat Pereka Web Google standard. Klik pada ikon "T" di panel kiri, klik pada tetingkap editor utama dan masukkan set aksara yang dikehendaki.

   

   Untuk mengawal teks, pilih Lapisan pada tab "Editor Struktur", mengembangkan "Teks" dan tetapkan parameter yang sesuai.

Menetapkan animasi

1. Dalam blok "Timeline", anda boleh menambah dan mengkonfigurasi kesan animasi. Untuk memulakan, klik butang "Tambah ikon" dengan ikon "+".



2. Klik ikon ".5s" antara bingkai dan tetapkan parameter yang anda perlukan. Sebagai contoh, anda boleh menukar tempoh dan gaya peralihan.



3. Setiap blok individu pada "garis masa" sepenuhnya bebas daripada orang lain. Untuk membuat animasi, ubah beberapa item kepada budi bicara anda dan periksa hasil menggunakan butang PLAY.

   

   Selepas melengkapkan proses Edit, gunakan butang ulangi. Ini akan mewujudkan animasi yang tidak berkesudahan.

Menambah acara

1. Setelah difahami dengan susun atur, anda perlu menambah peristiwa peralihan untuk elemen individu atau seluruh spanduk secara keseluruhan. Untuk melakukan ini, dalam lajur Inspektur Sektor, buka tab Acara dan klik pada ikon "+" di panel bawah.



2. Dalam tetingkap yang dibuka dari senarai "tujuan", pilih objek yang akan dirujuk.



3. Di halaman acara, kembangkan halaman "Mouse" dan pilih "Klik". Bergantung kepada keperluan untuk hasilnya, anda boleh menggabungkan pemasangan yang berbeza.



4. Selanjutnya dari senarai "Tindakan", buka Deklarasi Google dan tetapkan nilai "peralihan". Pilihan sedemikian akan menjadikannya supaya pengguna pergi ke halaman tertentu yang anda perlukan di Internet.



5. Sebagai "penerima", pilih satu versi "GWD-AD" tunggal.



6. Pada peringkat terakhir di lapangan "identif. Petunjuk »Semak pautan ke pintasan dan isi" URL "dengan menyatakan halaman yang dikehendaki. Gunakan "OK" untuk menyimpan.

Bekerja dengan kod sumber

1. Seperti yang telah kami sebutkan, Google Web Designer mengandungi editor kod terbina dalam. Ia boleh diaktifkan dengan menggunakan butang "Kod" di sebelah kanan panel atas.



2. Anda boleh membuat perubahan kepada struktur spanduk menggunakan bukan sahaja editor visual, tetapi juga secara langsung bekerja dengan kod dalam fail projek. Ini boleh menjadi sangat berguna apabila menjajarkan pelbagai elemen kecil atau menambah peristiwa yang tidak disediakan oleh program.

Tindakan yang dijelaskan sepatutnya cukup untuk membuat sepanduk, tanpa mengira aplikasi. Pada masa yang sama, anda boleh mengembangkan keupayaan dengan ketara dengan menggabungkan alat ini.

Langkah 3: Penyiapan

Apabila spanduk selesai dan bersedia untuk penempatan di laman web ini, anda boleh pergi ke langkah terakhir. Pertama sekali, ia patut diperiksa bagaimana kerja anda di halaman web sebenar kelihatan seperti.

Pratonton

1. Di panel teratas, klik butang Pratonton untuk membuka menu tambahan. Di sini anda boleh menentukan penyemak imbas yang mana spanduk akan dibuka.



2. Apabila membuka semua fungsi dan penampilan spanduk dipelihara, tetapi dengan beberapa ciri. Sebagai contoh, walaupun anda memasang pengulangan tak terhingga animasi, segala-galanya akan dihadkan di sini hanya satu lelaran.



3. Sekiranya perlu, anda sentiasa boleh menunjukkan hasil kepada orang lain. Untuk melakukan ini, pilih "Dapatkan pautan perkongsian" dan sahkan akses ke akaun Google.

   

   Akibatnya, pautan akan muncul di skrin untuk melihat spanduk dalam mod seperti yang dinyatakan di atas. Sudah tentu, hanya mungkin jika anda mempunyai akaun.

Pemeliharaan dan penerbitan

1. Untuk menyimpan projek, mula-mula buka menu fail dan gunakan pilihan Simpan. Selepas itu, fail sumber akan disimpan di komputer dan boleh dibuka kemudian.



2. Anda boleh menyediakan projek untuk ditempatkan di laman web ini dengan membuka menu "Publish" di sudut kanan atas program dan memilih salah satu lokasi penjimatan.



3. Tukar parameter dalam tetingkap penerbitan mengikut budi bicara anda, hanya meninggalkan kotak pilihan yang dikehendaki, dan klik "Terbitkan". Penjimatan itu berlaku dengan cepat tanpa mengira saiz projek.

   

   Akibatnya, folder boleh didapati di tempat selamat. Penempatan spanduk di laman web ini berbeza dengan ketergantungan laman web dan secara umum tidak lagi tergolong dalam prosedur penciptaan.