technology 7

Cara Membuat Palet Warna Kustom untuk Tema Gutenberg Anda

Buat palet warna yang indah dan disesuaikan untuk tema WordPress Anda, menggunakan Gutenberg.

Contoh palet warna kustom Gutenberg
Contoh palet warna khusus di Gutenberg.

Gutenberg menyediakan palet warna standar untuk digunakan, tetapi tema apa pun dapat mengesampingkan ini dan menyediakannya sendiri.

  • Tidak ada batasan pada jumlah warna yang dapat Anda tambahkan ke palet Anda
  • Warna akan ditampilkan dalam urutan yang dideklarasikan dalam kode Anda
  • Singkatan 3 digit diperbolehkan
add_theme_support( 'editor-color-palette',
	'#a156b4',
	'#d0a5db',
	'#eee',
	'#444'
);

Tambahkan kode ini ke functions.phpfile tema Anda.

CATATAN: Terlepas dari warna yang Anda pilih, Anda mungkin ingin memastikan Anda menyertakan hitam ( #000) dan putih ( #fff).

Palet warna standar
Palet warna default Gutenberg, untuk perbandingan

Nonaktifkan Roda Warna Kustom

Anda akan melihat pada gambar di atas, tidak ada roda warna khusus. Itu karena saya telah menonaktifkan itu juga.

Kami telah menerbitkan artikel lain tentang cara menonaktifkan warna khusus di sini .

Apa itu Google AMP? Bagaimana Cara Kerjanya dan Mengapa Ini Berguna untuk Situs Mobile

AMP, atau Accelerated Mobile Pages, adalah proyek sumber terbuka yang dibuat oleh Google dengan tujuan memfasilitasi pengalaman penelusuran yang lebih lancar untuk perangkat seluler.

Proyek ini menjanjikan kinerja yang lebih tinggi, peningkatan keterlibatan, dan lebih sedikit penggunaan data yang menguntungkan pengguna dan penerbit.

Bagaimana AMP Bekerja?

Page Speed ​​menjadi faktor peringkat untuk halaman seluler pada Juli tahun ini (2018), dan AMP ada di sini untuk memenuhi kebutuhan kecepatan situs web Anda. Faktanya, AMP berjanji untuk membuat penelusuran seluler hingga 85% lebih cepat.

Melalui kombinasi optimasi dan pembatasan untuk HTML, JavaScript, dan CSS; Halaman AMP dimuat hampir secara instan. Sebagai pengganti JavaScript yang ditulis penulis, elemen khusus AMP memastikan kecepatan dan kompatibilitas.

Kecepatan halaman juga meningkat dengan prioritas di atas flip, cache AMP tertentu, dan prapenguraian. Selain itu, penggunaan file kecil dan media, dan beberapa permintaan sumber daya dari server menambah peningkatan kecepatan lebih lanjut.

Optimalisasi dalam AMP juga akan memastikan tata letak halaman Anda selalu dimuat dengan benar, bahkan sebelum gambar dan iframe (untuk iklan) dimuat.

Ini dilakukan dengan menentukan ukuran gambar dan iframe dalam dokumen HTML (disebut “tata letak statis”). Dan pada dasarnya berhenti konten bergerak agar sesuai dengan sumber daya saat memuat.

Apa itu Caching AMP?

Jika Anda menerbitkan situs AMP yang valid, halaman Anda secara otomatis di-cache sebagai bagian dari ekosistem AMP. Cache akan menyimpan dokumen, font, dan gambar AMP Anda.

Ada dua cache AMP yang digunakan saat ini, Google AMP Cache dan Cloudflare’s AMP Cache . Server Cloudflare sendiri mencakup 102 lokasi di 50 negara yang berbeda.

Cache diperbarui setiap kali seseorang mengakses konten, dan konten yang diperbarui disajikan kepada pengguna berikutnya secara otomatis. Ini memastikan versi terbaru dilayani dengan cepat untuk sebanyak mungkin orang.

Selain melakukan caching konten, server cache juga akan memberikan beberapa optimasi dan modifikasi seperti:

  • Memvalidasi format AMP.
  • Membatasi dimensi gambar untuk mencegah masalah memori peramban dan responsif yang buruk.
  • Penghapusan data gambar yang tidak terlihat atau sulit dilihat, seperti metadata tertentu.
  • Mengonversi gambar ke format gambar yang lebih kecil dan lebih ramah seluler, seperti mengonversi gambar berformat GIF, PNG, dan JPEG ke WebP ( apa itu WebP? ) Di browser yang mendukung WebP.
  • Mengubah gambar menjadi kualitas lebih rendah jika permintaan menyertakan tajuk Simpan-Data.
  • Menambahkan dukungan untuk gambar berukuran responsif.
  • Melayani melalui saluran aman (HTTPS) dan menggunakan protokol web terbaru (SPDY, HTTP / 2).
  • Sanitasi dokumen AMP untuk mencegah serangan XSS berdasarkan tag HTML, komentar, dan lainnya yang salah ditutup.

Selain optimasi ini, cache juga akan menyelesaikan banyak proses sanitasi HTML untuk menormalkan parsing.

Daftar lengkap optimasi cache AMP tersedia di halaman Google Developers.

Apa Manfaat Sebenarnya dari AMP?

Kecepatan adalah daya tarik utama AMP. Dan itulah sebabnya banyak penerbit seperti Google, Facebook, Baidu, Pinterest, dan Twitter telah mengadopsi teknologi ini. Kecepatan yang ditingkatkan menambah keterlibatan dan menurunkan rasio pentalan hampir di seluruh papan.

AMP sangat berguna di area dengan jangkauan internet seluler yang rendah, atau pada jaringan publik yang padat dan lambat seperti bandara dan kedai kopi . Dan itu sebabnya konten dimuat di aplikasi mereka begitu cepat ketika penjelajahan biasa lambat.

Penelitian yang dilakukan dalam studi Dampak Ekonomi Total Forrester Consulting (ditugaskan oleh Google) tahun lalu, menemukan bahwa:

“AMP mengarah pada peningkatan 10% dalam lalu lintas situs web dengan peningkatan 2x dalam waktu yang dihabiskan di halaman. Untuk situs web e-commerce menggunakan AMP, penelitian ini juga menemukan peningkatan 20% dalam konversi penjualan dibandingkan dengan halaman non-AMP. “

Carousel Top Stories Google di ponsel hanya akan menggunakan Google AMP Cache untuk menampilkan artikel, jadi bagi banyak penerbit, menggunakan AMP harus menjadi pilihan otomatis.

New York Times, eBay, dan AliExpress adalah contoh yang bagus untuk memeriksa yang telah memanfaatkan AMP. Jika Anda mengklik konten dari situs-situs ini (ditandai dengan ikon amp) di pencarian Google di ponsel Anda, Anda akan memuat versi AMP dari halaman mereka.

Cerita AMP

Tambahan pada ekosistem AMP awal tahun ini adalah AMP Story. Mirip dengan  cerita Snapchat , ini sudah digunakan oleh banyak penerbit. Contoh yang baik termasuk  kisah CNN tentang misi yang masih mengeksplorasi Tata Surya kita , dan  panduan penting Mashable untuk Black Panther .

AMP Story Ads, tambahan untuk fitur story, baru-baru ini dibuat tersedia untuk semua situs web yang menggunakan Google Ad Manager. Ini adalah iklan layar penuh yang muncul dalam cerita AMP, dan merupakan salah satu dari banyak perbaikan yang membuat AMP jauh lebih berguna daripada setahun yang lalu.

Apa Kelemahan dari AMP?

Pencarian seluler Google
Kredit Gambar: DepositFoto

Jika Anda menggunakan Google, Twitter, Pinterest, Messenger, dll., Anda akan melihat bahwa tautan eksternal akan terbuka di dalam domain itu sendiri, alih-alih dari domain yang terhubung dengannya.

Meskipun penampil AMP meningkatkan pengalaman menjelajah untuk pengguna, ini bisa negatif bagi pemilik situs web. Ini menghilangkan kekuatan Anda untuk mengontrol navigasi pengunjung melalui situs Anda.

Ini dapat merampok tampilan halaman situs Anda dan dapat mengganggu penghasilan iklan Anda. Bahkan ada beberapa masalah analitik dan pelacakan yang sulit dipecahkan kecuali Anda menggunakan Google Analytics untuk AMP .

Yang mengatakan, beberapa pembaca mungkin lebih suka kesulitan pelacakan. Jika demikian, inilah yang dapat Anda lakukan untuk mencari tahu siapa yang melacak Anda secara online.

Carousel Top Stories Google di perangkat seluler hanya akan menampilkan konten siap AMP. Ini adalah fakta penting karena mayoritas lalu lintas ke semua konten AMP berasal dari orang yang mencari di Google.com.

Favoritisme AMP ini tidak hanya berhenti di carousel berita. Google juga akan menampilkan situs web yang mengaktifkan AMP lebih tinggi dari tautan lain, termasuk situs standar mobile-friendly. Semua yang dikatakan, AMP itu sendiri secara teknis bukan merupakan faktor Page Rank (belum), tetapi peningkatan kecepatan.

Cloudflare dapat meningkatkan Halaman Seluler yang Dipercepat

Bahkan jika Anda membuat halaman AMP Anda tersedia, mereka tidak akan selalu digunakan tergantung pada OS, aplikasi, atau perangkat yang digunakan. Jika Anda menggunakan Cloudflare, Anda dapat mengaktifkan Tautan Seluler yang Dipercepat untuk mengidentifikasi dan menampilkan konten AMP dari situs Anda di seluler, apa pun sumbernya.

Cloudflare juga dapat membantu Anda  meningkatkan privasi dan kinerja Anda saat menggunakan ponsel Anda.

Visualisasi dan Desain di AMP

Kami mencintai diri kami sendiri beberapa situs web yang tampak mewah. Namun, keterbatasan AMP dapat membuat Anda kehilangan beberapa daya tarik visual situs yang Anda dapat tetap menggunakan situs web Responsif dan desain Seluler.

Plugin di WordPress, misalnya, akan melayani AMP dengan menawarkan versi sederhana dari situs web Anda. Konverter WordPress ke AMP ini menawarkan sedikit daya tarik visual dan merupakan salah satu alasan utama mengapa banyak situs AMP terlihat serupa.

Jika Anda mendesain halaman AMP Anda dengan tangan, daripada menggunakan konverter, Anda bisa mendapatkan desain yang mirip dengan desain ponsel tradisional, dan lebih menarik secara visual.

AMP masih memiliki cara untuk pergi, dan banyak pengembang sangat menentang penggunaannya karena memaksa mereka untuk memasuki ekosistem Google lebih jauh. Ini menyebabkan banyak orang  mencari alternatif Google .

Haruskah Anda Membuat Halaman AMP?

AMP membawa banyak manfaat bagi pemilik situs web, terutama jika Anda menyajikan konten bervolume tinggi setiap hari. Namun, Anda dapat mengatasi banyak masalah yang memperlambat situs web seperti penggunaan berlebihan JavaScript, respons server lambat, dan ukuran file besar tanpa menerapkan AMP.

Menjadi cerdas dengan desain ponsel Anda dapat melayani situs web Anda dengan cepat. Jenny Gove di Google telah menulis artikel yang bagus tentang What Makes a Good Mobile Site , yang layak dibaca.

Ada WordPress AMP plugins dan plugins AMP Drupal yang dapat membantu Anda dalam menghasilkan konten AMP. Jika tidak, dokumen quickstart AmpProject adalah sumber daya berharga yang  dapat digunakan untuk memberikan kode pada halaman AMP Anda.

Seluruh situs web AMPProject benar-benar dibuat dan dirender dalam AMP, jadi ini adalah contoh yang baik tentang bagaimana halaman-halaman ini dapat terlihat di semua resolusi, bukan hanya di ponsel.

Meskipun orang-orang sangat tidak menyukai AMP karena berbagai alasan,  Stonetemple.com telah meneliti 10 studi kasus untuk melihat perbedaan dalam keterlibatan dan konversi pengguna. Mereka menyimpulkan bahwa selama implementasi AMP dilakukan sepenuhnya, sebagian besar situs web, terlepas dari niche mereka, akan melihat manfaatnya.

Intinya adalah bahwa Anda harus mempertimbangkan apakah pelanggan Anda akan mendapatkan manfaat dari AMP. Bergantung pada layanan yang Anda tawarkan dan konten yang Anda layani, itu mungkin tidak menambahkan peningkatan pada halaman seluler. Dengan optimalisasi yang tepat, halaman seluler juga dapat memuat dengan sangat cepat!

Cara Nonaktifkan AMP

Caching adalah bagian inti dari ekosistem AMP, dan menerbitkan dokumen AMP yang valid secara otomatis memilihnya ke dalam pengiriman cache. Jika Anda ingin menghapus halaman Anda, Google telah menulis  panduan tentang cara menghapus Konten AMP dari Pencarian Google.

Jika Anda ingin berhenti memuat halaman AMP sebagai pengguna, Anda dapat menonaktifkan Link AMP dan memuat halaman aslinya sebagai gantinya  di ponsel Anda.

 

eagdad

Apa itu JavaScript dan Bagaimana Cara Kerjanya?

JavaScript adalah bahasa pemrograman untuk web. Ini didukung oleh sebagian besar browser web termasuk Chrome, Firefox, Safari, Internet Explorer, Edge, Opera, dll. Sebagian besar peramban seluler untuk ponsel pintar juga mendukung JavaScript.

Ini terutama digunakan untuk meningkatkan halaman web untuk menyediakan pengalaman yang lebih ramah pengguna. Ini termasuk memperbarui halaman web secara dinamis, peningkatan antarmuka pengguna seperti menu dan kotak dialog, animasi, grafik 2D dan 3D, peta interaktif, pemutar video, dan banyak lagi. Mode penggunaan JavaScript ini di browser web juga disebut sebagai javascript sisi-klien .

Triad halaman web

Ketika Anda mempertimbangkan komponen yang membentuk halaman web, JavaScript membentuk komponen ketiga dari triad, HTML dan CSS menjadi dua lainnya. HTML menjelaskan halaman , termasuk teks, grafik, dll. CSS digunakan untuk mengontrol dan menyesuaikan tampilan halaman web, termasuk warna, font, dll. JavaScript digunakan untuk menambahkan komponen dinamis ke halaman web dan membuat sebagian besar elemen pada halaman yang dapat diprogram.

Triad halaman web

Sejarah JavaScript

Pengembangan JavaScript dimulai pada tahun 1995 di Netscape Communications, pembuat browser Netscape. Mereka menyadari bahwa menambahkan “bahasa lem” untuk meningkatkan pengalaman pengguna web akan meningkatkan serapan pengguna. Jadi mereka membawa Brendan Eich untuk menyematkan bahasa Pemrograman Skema. Namun, karena Java adalah, pada saat itu, bahasa baru yang hangat dari web, mereka memutuskan untuk membuat bahasa lebih dekat dalam sintaks ke Java. Hasilnya adalah JavaScript, dengan fitur Skema, orientasi objek SmallTalk dan sintaks Java. Versi pertama dari bahasa ini sebenarnya bernama Mocha pada Mei 1995, berganti nama menjadi LiveScript pada September 1995, dan kembali berganti nama menjadi JavaScript pada Desember 1995.

Pada tahun 1996, JavaScript dikirim ke ECMA International untuk diselesaikan sebagai spesifikasi standar. Pada Juni 1997, spesifikasi resmi pertama untuk bahasa dirilis sebagai ECMA-262. Versi bahasa terbaru adalah ECMAScript 2017 yang dirilis pada Juni 2017.

Apa Yang Dapat Saya Lakukan Dengan JavaScript?

JavaScript adalah penerjemah bahasa pemrograman lengkap yang tertanam di dalam browser web Anda. Anda dapat melakukan apa saja di JavaScript yang bahasa reguler seperti Java memungkinkan. Ini termasuk:

  • Deklarasikan variabel
  • Simpan dan ambil nilai
  • Definisikan dan aktifkan fungsi
  • Tentukan kelas Anda sendiri
  • Muat dan gunakan modul eksternal
  • Menulis pengendali event yang merespons pengguna dan acara lainnya
  • Dan banyak lagi

Browser web memuat halaman web, mem-parsing HTML dan menciptakan apa yang dikenal sebagai Model Objek Dokumen (DOM) dari konten. DOM menyajikan tampilan langsung dari halaman web ke kode JavaScript Anda. Kode Anda kemudian dapat melakukan pembaruan ke DOM dan mempresentasikannya langsung kepada pengguna. Browser juga memungkinkan Anda untuk mendaftarkan kode Anda untuk diberitahu tentang peristiwa antarmuka pengguna seperti gerakan mouse, klik tombol, dll. Dengan menggunakan semua fasilitas ini, Anda dapat membangun aplikasi kecil yang keren (dan tidak begitu kecil) untuk melayani tujuan apa pun yang Anda pilih .

Peringatan: Karena JavaScript adalah bahasa yang sangat kuat , juga mungkin untuk menulis malware, virus, pembajak peramban, dan kejahatan lainnya untuk memberikannya kepada pengguna. Ini berkisar dari mencuri cookie browser, kata sandi, kartu kredit hingga mengunduh virus ke komputer Anda.

 

Bagaimana Cara Kerja JavaScript?

Ketika browser web memuat halaman web, parser HTML mulai menguraikan kode HTML dan membuat DOM. Setiap kali parser menemukan petunjuk CSS atau JavaScript (sebaris atau dimuat secara eksternal), parser akan diserahkan ke pengurai CSS atau mesin JavaScript sesuai kebutuhan. Mesin JavaScript memuat file JavaScript eksternal dan kode inline, tetapi tidak segera menjalankan kode. Ini menunggu penguraian HTML dan CSS selesai. Setelah ini dilakukan, JavaScript dijalankan dalam urutan mereka ditemukan di halaman web: variabel dan fungsi didefinisikan, fungsi panggilan dijalankan, pengendali event dipicu, dll. Kegiatan ini menghasilkan DOM yang diperbarui oleh JavaScript dan dirender secara instan oleh browser.

Cara kerja JavaScript

Memuat JavaScript di Halaman Web

Cara paling umum untuk memuat JavaScript di halaman web adalah menggunakan tag HTML skrip . Tergantung pada kebutuhan Anda, Anda dapat menggunakan salah satu metode berikut.

  • Memuat file javascript eksternal ke halaman web sebagai berikut:
    <script type="text/javascript" src="/path/to/javascript"></script>
    
  • Anda dapat menentukan URL lengkap jika javascript berasal dari domain yang berbeda dari halaman web sebagai berikut:
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    
  • JavaScript dapat langsung tertanam di HTML. Hal berikut ini menyebabkan halaman web untuk memunculkan kotak peringatan ketika dimuat.
    <script type="text/javascript">
    alert("Page is loaded");
    </script>
    

Selain metode ini ada cara memuat kode JavaScript secara dinamis sesuai permintaan. Bahkan, ada seluruh kerangka kerja yang didedikasikan untuk memuat dan menjalankan modul JavaScript dengan dependensi yang tepat diselesaikan pada waktu proses. Diskusi teknik-teknik ini harus ditunda ke artikel lanjutan.

Beberapa Contoh Cuplikan Kode JavaScript

Berikut ini beberapa contoh kode JavaScript sederhana untuk menggambarkan betapa mudahnya menggunakannya di halaman web Anda.

  • Berikut ini memilih semua elemen tebal dalam dokumen dan mengatur warna yang pertama menjadi merah.
    var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
    
  • Ingin mengubah gambar di img tag? Berikut ini mengaitkan event handler untuk peristiwa klik tombol.
    <img id="myImg" src="prev-image.png">
    <button onclick="document.getElementById('myImg').src='new-image.png'">Change Image</button>
    
  • Perbarui konten teks elemen paragraf ( p )? Setel properti innerHTML dari elemen seperti yang ditunjukkan:
    <p id="first-para">Hello World</p>
    <button onclick="document.getElementById('first-para').innerHTML = "Welcome to JavaScript!"'>Click me</button>
    

Contoh kode ini hanya menawarkan sekilas tentang apa yang dapat Anda lakukan menggunakan JavaScript di halaman web Anda. Ada banyak tutorial di web untuk memulai. Coba hari ini!

Membungkus

Mudah-mudahan, pengantar ini telah membawa beberapa wawasan ke JavaScript dan membangkitkan selera Anda untuk pemrograman web secara umum dan JavaScript pada khususnya.

Cara Menonaktifkan Gutenberg & Kembali ke Editor WordPress Klasik

Gutenberg akan dirilis dengan WordPress 5.0. Tanggal rilis masih belum diketahui, tetapi setelah dirilis, situs Anda akan diperbarui secara otomatis untuk mulai menggunakan Gutenberg.

WordPress 5.0 akan menyertakan banyak fitur lain, selain hanya dari editor Gutenberg yang baru. Saya selalu mendorong orang-orang untuk terus memperbarui WordPress dengan menginstal versi terbaru, tetapi saya tahu bahwa beberapa orang tidak akan siap untuk mempelajari editor WordPress yang benar-benar baru. Dan itu baik-baik saja.

WordPress mempermudah untuk menonaktifkan Gutenberg dan kembali menggunakan editor klasik (alias: TinyMCE). Pertama, Anda harus menginstal & mengaktifkan plugin Editor Klasik . Setelah itu, mari berjalan melalui beberapa opsi berbeda yang Anda miliki.

Classic Editor mengembalikan layar Edit Post sebelumnya dan memungkinkan untuk menggunakan plugin WordPress yang memperpanjangnya, menambahkan kotak meta gaya lama, atau bergantung pada editor sebelumnya.

—WordPress

Plugin Editor Klasik WordPress

Saat menonaktifkan Gutenberg, Anda memiliki dua mode berbeda untuk dipilih:

  • Selalu gunakan editor klasik (hapus sepenuhnya Gutenberg)
  • Beralih antara Gutenberg & editor klasik (menggunakan tautan berbeda)

Selalu Gunakan Editor Klasik

Ini adalah opsi default. Segera setelah Anda mengaktifkan plugin, Gutenberg akan benar-benar dinonaktifkan. Semua posting Anda & mengedit halaman layar akan terlihat seperti yang mereka lakukan di WordPress 4.9 dan di bawah. Itu dia! Selamat mengedit🙂

Beralih Antara Gutenberg & Editor Klasik

Jika Anda ingin dapat menggunakan kedua metode pengeditan, mungkin selama waktu transisi di mana Anda masih belajar Gutenberg , ini adalah pilihan yang bagus.

  • Buka  Pengaturan> Menulis , dan cari “Pengaturan editor klasik.”
  • Centang kotak bertuliskan “Jangan ganti editor.”
  • Simpan perubahan
Pengaturan mode Editor klasik
Pilih “Jangan ganti editor” jika Anda ingin menggunakan Gutenberg & editor klasik secara bergantian.

Sekarang Anda memiliki pilihan untuk menggunakan Gutenberg pada beberapa posting / halaman, dan editor klasik pada orang lain. Mari saya tunjukkan bagaimana caranya.

Cara mengedit dengan Gutenberg

Untuk menggunakan Gutenberg, cukup klik judul posting / halaman, atau gunakan tautan “Edit”. Pada dasarnya, lakukan hal yang sama yang selalu Anda lakukan untuk mengedit posting. Baru sekarang, Anda akan dibawa ke Gutenberg.

Tautan Gutenberg vs Editor Klasik

Cara menggunakan editor klasik

Untuk menggunakan editor klasik, Anda harus mengeklik tautan “Editor Klasik” sebagai gantinya (ditunjukkan di atas dengan warna biru). Ini akan membawa Anda ke pengalaman pengeditan TinyMCE sebelumnya yang sudah Anda gunakan.

Anda juga akan melihat tautan untuk menggunakan editor klasik di toolbar admin Anda  di bagian atas layar Edit Post.

tautan editor klasik di bilah alat admin


Gutenberg adalah masa depan WordPress, tidak hanya ketika mengedit posting & halaman, tetapi pada akhirnya, itu akan duduk di belakang semua pengeditan yang Anda buat ke situs WordPress Anda. Oleh karena itu, saya sangat menyarankan Anda untuk menjelajahi antarmuka Gutenberg dan mempelajari cara menggunakannya.

Tetapi bagi mereka yang perlu menonaktifkan Gutenberg, saya harap ini membantu. Beri tahu saya jika ada pertanyaan di komentar.

8

Perancangan Web – Studi Kasus: Tugas Proyek

Overview: Perkembangan teknologi saat ini menempatkan posisi website menjadi media yang populer dan
pemanfaatannya cukup tinggi. Media ini dapat digunakan hampir dalam berbagai bidang kehidupan
seperti media informasi, media promosi, media sosial dan media niaga dan lainnya.

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini

3

Perancangan Web – Template Web

Tujuan Pembelajaran:

  • Mampu membuat web menggunakan template web sesuai thema

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini

circuit

Perancangan Web – Movie Clip

Tujuan Pembelajaran:

  • Mampu mengenal dan membuat konten web berupa movie clip

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini

10

Perancangan Web – Cara membuat Menu Navigasi Website Yang Baik dan Benar

Tujuan Pembelajaran:

  • Mampu membuat berbagai jenis menu navigasi menggunakan berbagai aplikasi untuk digunakan pada halaman web

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini

17

Perancangan Web – Header dan Banner

Tujuan Pembelajaran:

  • Mampu membuat banner dan menggunakannya pada bagian header halaman web yang dibuat

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini

13

Perancangan Web – Web Graphics

Tujuan Pembelajaran:

  • Mampu membuat web graphics menggunakan aplikasi

 

 

Jika anda ingin mengajukan pertanyaan seputar artikel terkait, silahkan masukkan pada kolom komentar. Anda dapat mengunduh Materi Lengkap dari artikel terkait dengan mengklik button download di bawah ini