Tool Pendukung Desain Web

Sebelum mulai mendesain web, ada beberapa hai yang perlu Anda persiapkan. lni terkait dengan peralatan yang Anda perlukan untuk menyusun da...

Sebelum mulai mendesain web, ada beberapa hai yang perlu Anda persiapkan. lni terkait dengan peralatan yang Anda perlukan untuk menyusun dan menguji desain web Anda.Yuk langsung saja kita perhatikan :
persiapan untuk memulai membuat situs

Teks Editor

Untuk menuiiskan kode HTML, CSS, dan script bagi desain halaman web, Kita dapat menggunakan beberapa cara. Cara pertama adalah menuliskan kode secara manual menggunakan program teks editor
sederhana (misalnya Notepad/Notepad++ disarankan). Cara kedua adalah secara visual menggunakan program web editor (misalnya Dreamweaver).

teks editor

Untuk keperluan mempelajari kode-kode HTML, CSS, dan script, penulis menyarankan penggunaan teknik manual. Melalui cara ini, Anda akan menguasai kode-kodenya dengan baik. Penguasaan Anda nantinya akan sangat membantu, meskipun di masa mendatang Anda mungkin ingin menggunakan sebuah program web editor. Penguasaan kode HTML dan CSS juga Anda perlukan saat membutuhkan 'pemrograman web bagi pembuatan konten website Anda.


 Web Browser 

Web Browser Anda perlukan untuk menguji-coba hasil pembuatan HTML. Selain untuk memastikan tampilan web Anda sudah selalu ada kemungkinan sebuah halaman web berbeda saat dibuka di browser yang berbeda.

Dewasa ini ada banyak pilihan program web browser, misalnya yang populer di kalangan pengguna internet adalah Mozilla Firefox, Google Chrome, dan lnternet Explorer. Masing-masing web browser memiliki versi yang berbeda-beda, dengan support teknologi web yang berbeda-beda pula.
Sebagai contoh, web browser modern dengan versi terkini seperti Mozilla Firefox dan Google Chrome sudah mendukung HTML5 dan teknologi web terbaru lainnya. Adapun lnternet Explorer versi 6 bawaan Windows XP memiliki banyak kekurangan, sehingga tidak bisa menampilkan dengan baik halaman web yang dibuat dengan HTML5 maupun teknologi web terbaru lainnya.

Mengingat kemampuan dan support teknologi yang dimiliki browser serta masih banyak pengguna intemet yang menggunakan browser yang- tidak up to date, maka  di komputer Anda terinstal ketiga browser tersebut di atas. Penulis Anda netap menggunakan Internet Explorer versi lama simulasi. Hal ini untuk memastikan bahwa desain web ditampilkan dengan baik dan konsisten di ketiga web browser


Software Gratis

Untuk Keperluan pembuatan objek gambar di halaman web, Anda software grafls, misalnya Photoshop. Selain untuk gambar logo, ikon, atau gambar pendukung, Anda juga membutuhkan nya
untuk mengompres ñle-file gambar yang akan dipakai citompres, ukuran tile sebuah foto bisa mencapai puluhan kfii fıtur kompres yang ada di software gråfis, Anda bisa ,emyusutkan ukuran ñle gambar hingga hanya puluhan atau ratusan
teknik ini akan mempercepat loading website Anda nantinya, sekaligus menghemat pemakaian bandwidth

Koneksi Internet 

dokumen HTML sebenarnya tidak mutlak membutuhkan Koneksi internet, Koneksi internet di sini Anda butuhkan karena Andamengggunakan sumber daya ekstemal yang bersumber dari intemet di halaman web yang akan kita desain desain.
kita akan menggunakan font Google untuk teks halaman web, merujuk link situs lain, dan menggunakan ' widget tertentu dari pihak ketiga misalnya kode JavaScript untuk web counter/statistik, widget Facebook,atau tombol share ke jejaring sosial). Untuk menguji apakah kode yang kita gunakan sudah benar, maka Kita memerlukan koneksi internet.
Melalui Komeksi internet, Kita juga dapat menguji langsung apakah desain web kita sudah sesuai dengan standar W3C. Kita cukup membuka situs http://validator.w3.org kemudian menyalin kode HTML kita untuk diperiksa.
Kita akan memperoleh petunjuk, kode HTML mana yang kurang baku atau mungkin akan bermasalah.

Web Server

Web server adalah program untuk melayani penyajian halaman web di internet. Untuk kebutuhan simulasi, Anda dapat menginstal software web server di komputer lokal.
Jika Anda hanya mendesain web statis menggunakan HTML dan CSS, maka Anda tidak membutuhkannya. Namun jika Anda mendesain web dinamis menggunakan script pemrograman seperti PHP, maka Anda membutuhkannya
Namun jika Anda mendesain web dinamis menggunakan script pemrograman seperti PHP, maka Anda membutuhkannya.
Program web server populer adalah Apache. Anda dapat menginstal paket softwarenya sesuai sistem operasi Anda. Misalnya untuk Windows Anda bisa memakai WAMP atau XAMPP yang berisi paket softwareApache, MySQL, dan PHP. Penggunaan web server, pemrograman PHP,dan pembuatan database MySQL akan dibahas pada bab tersendiri. 

Program Klien FTP

Llntuk meng-upload ñle-file hasil desain web ke web hosting, Anda bisa menggunakan fasilitas upload file di control panel yang disediakan webhosting. Namun cara ini kurang efektif dan terlalu lama, karena Anda harus memilih dan meng-upload ñle satu-satu. Supaya praktis, Anda membutuhkan program klien FTP, misalnya FileZilla atau WinSCP. Program ini memungkinkan transfer file bisa Anda lakukan secara mudah, praktis, dan cepat. Teknik penggunaannya akandibahas pada bab tersendiri.

Berikut Ulasan Dari Saya dulu mohon kritikan nya gan silahkan corat coret di komentar, terima kasih

Postingan Terkait

0 komentar