Sebagian besar Desainer web sekarang menggunakan program mahal seperti Adobe Dreamweaver atau Adobe Fireworks untuk membuat situs web mereka. Yah program-program ini memiliki banyak fungsi tetapi mereka juga memiliki label harga yang mahal juga. Sebagai perancang web pemula, saya tidak memiliki akses ke program seperti ini sampai saya telah merancang beberapa situs. Jadi saya membutuhkan cara saya bisa membuat Desain Web dengan apa yang saya miliki ketika saya mulai dan itu adalah Laptop dengan Windows XP, koneksi internet, dan kemauan untuk belajar. Yang saya butuhkan adalah cara saya bisa tata letak cara saya ingin halaman web saya terlihat dan kemudian mengekstrak bagian gambar untuk situs web saya.
Cara Membuat Website - Tutorial Desain Web
Adobe memiliki alat kecil yang rapi ini yang disebut alat irisan yang Anda gunakan untuk memotong gambar Anda sehingga akan berfungsi di halaman web. Apa yang saya temukan adalah MS Paint dapat melakukan ini juga, tidak semudah Photoshop melakukannya tetapi masih bisa dilakukan. Jadi yang Anda perlukan untuk mulai membuat halaman web yang berkualitas, adalah Notepad, MS Paint, dan Windows Calculator. Jadi sekarang kita akan membuka MS Paint dan pergi ke :Image: dan pilih :Attributes: atau tekan Ctrl + E dan ubah ukuran Anda menjadi 800x600 atau ukuran apa pun yang Anda inginkan dari halaman web Anda. Sekarang pergi kacang dan membuat warna latar belakang utama menggunakan alat kaleng cat dan membuat spanduk Anda, tautan gambar Anda di samping atau di atas. Pada dasarnya buat gambar ini terlihat persis seperti yang Anda inginkan, tetapi jangan menambahkan konten ke halaman web.
Sekarang setelah desain Anda selesai di MS Paint, kami akan mengekstraksi gambar sehingga kami dapat menggunakannya. Cara termudah untuk melakukan ini adalah dengan menggunakan alat pilih persegi di kanan atas bilah alat Anda. Pilih alat ini dan kemudian gunakan untuk memilih kotak pertama Anda yang akan menjadi gambar pertama Anda. Setelah gambar Anda dipilih, Anda akan mengklik :Edit: lalu :Salin: atau lakukan Ctrl + C. Selanjutnya buka contoh lain dari MS Paint dan klik :Edit: lalu :Tempel: atau Ctrl + V sehingga pilihan kita sekarang adalah gambarnya sendiri. Pastikan Anda mengambil kotak kanan bawah gambar dan mengubah ukuran kanvas sehingga sekarang ada tambahan putih di sekitar gambar kami. Sekarang simpan gambar ini sebagai sesuatu yang akan Anda ingat. Kami sekarang akan melakukan ini untuk semua orang dari bidang logis pada gambar kami, seperti setiap tautan akan menjadi gambarnya sendiri, setiap ruang tambahan akan menjadi gambar, seluruh area tempat Anda meletakkan konten Anda akan menjadi gambarnya sendiri.
Sekarang setelah kita memiliki semua gambar kita, saatnya untuk menggabungkannya ke halaman web kita. Ini hanya dapat dilakukan dengan menggunakan tabel dan memiliki sedikit pasien untuk memastikan semuanya berukuran benar. Anda pertama-tama akan membuat tabel dengan lebar 800, karena itu adalah lebar dari gambar asli yang kita buat. Jika Anda memiliki lebar yang lebih besar pada gambar asli yang Anda buat pastikan bahwa tabel Anda akan mencerminkan gambar itu. Selanjutnya kita ingin memastikan bahwa border = :0:, cellpadding = :0:, dan cellspacing = :0: karena kita ingin semuanya menyentuh satu sama lain. Semua gambar kita akan ditempatkan di tabel sesuai sehingga kita menciptakan gambar asli. Saat Anda membuat tautan dengan gambar, pastikan bahwa di tag img Anda menentukan border = :0: sehingga Anda tidak mendapatkan batas biru di sekitar gambar.
Berikutnya adalah bagaimana kami menangani area konten situs web Anda dan kami memiliki dua cara untuk melakukannya. Cara pertama adalah mengambil gambar yang kami potong dan menggunakannya sebagai latar belakang kami untuk tag td yang akan memiliki konten kami di dalamnya. Cara ini sedikit lebih mudah tetapi meningkatkan waktu buka halaman web. Cara lain hanya berfungsi jika latar belakang Anda untuk bagian konten Anda adalah warna solid. Kembali ke MS Paint dengan gambar asli dimuat di layar dan pilih tombol toolbar kecil yang terlihat seperti penetes mata dan klik pada area gambar yang akan menjadi konten Anda. Melakukan hal ini akan memberi warna pada program cat di mana kita dapat melihatnya dan mengeditnya. Klik pada :Warna: lalu :Edit Warna ...: dan sebuah jendela akan terbuka di mana Anda mengklik :Tentukan Warna Kustom >>:. Ini akan membuka jendela samping kecil di mana Anda dapat melihat jumlah Merah, Hijau, dan Biru yang digunakan. Salin angka-angka ini dan klik batal pada jendela :Edit Warna:. Sekarang buka kalkulator Anda dan klik :Lihat: lalu :Ilmiah: sehingga Anda mendapatkan semua opsi tambahan dengan kalkulator Anda. Untuk mendapatkan warna di halaman web kita, kita perlu mengkonversi angka desimal yang kita dapatkan dari cat menjadi HEX. Jadi mari kita ambil angka pertama yang kita catat dan ketik ke dalam kalkulator kita lalu klik tombol radio yang mengatakan HEX. Kami sekarang memiliki HEX yang setara dengan angka desimal kami. Jadi kita perlu melakukan ini untuk ketiga angka yang kita salin, misalnya kita memiliki Merah 56 Hijau 153 dan Biru 23 begitu kita mengonversikannya ke HEX mereka Merah 38 Hijau 99 dan Biru 17. Jadi kode kita untuk mengatur latar belakang di tr kita tag akan menjadi :# 389917:.
Jadi seperti yang mungkin Anda lihat menggunakan MS Paint sedikit lebih memakan waktu daripada menggunakan Photoshop untuk membuat halaman web Anda. Tetapi akan dikenakan biaya tidak lebih dari sedikit waktu sampai Anda dapat membuat situs web yang cukup sehingga Anda dapat membeli Photoshop atau Fireworks. Saya harap Anda menikmati artikel ini dan menemukan itu informatif. Cara Mendesain Situs Web Aturan Emas untuk situs web yang sukses telah dan terus menjadi :Tetap cepat, mudah, dan terorganisir.: Navigasi dan konten harus mudah untuk menarik pengunjung dan menjaga mereka di tempat begitu mereka tiba di sana. Membuatnya cepat, mudah, dan teratur tidak terjadi secara kebetulan. Itu terjadi dengan menghindari beberapa kesalahan desain situs web umum.
Pengunjung pertama kali ke situs web mana pun perlu mengetahuinya, secepat mungkin:
...Siapa kamu
...Mengapa situs Anda layak dibaca
...Mengapa mereka harus membeli dari Anda
...Yang terpenting, bagaimana cara bergerak di sekitar situs untuk mencapai tujuan yang mereka inginkan
Situs yang tidak memberikan dasar-dasar ini atau membuat kesalahan umum lainnya tidak menahan pengunjung dan tersesat di antara begitu banyak situs web yang sudah ada di Internet.
Untuk memberi diri Anda kesempatan berjuang untuk dilihat, hindari kesalahan situs web berikut untuk membantu memastikan visibilitas maksimum Anda secara online:
1. Ketika Anda memiliki situs web, penting untuk fokus pada klien Anda. Salah satu kesalahan situs web terbesar adalah mengatur situs Anda sedemikian rupa sehingga menguntungkan perusahaan tetapi membingungkan klien. Pertama, cari tahu apa yang diinginkan klien Anda, dan kemudian cobalah membuat situs web yang memudahkan mereka mendapatkannya. Terlalu banyak situs web yang dirancang sehingga hanya perancang yang mengerti cara menggunakan situs tersebut!
2. Banyak bisnis sangat bersemangat tentang potensi bahwa mereka mendekati desain situs web benar-benar mundur - mereka mendapatkan nama domain dan hosting, mengembangkan situs web, dan menentukan apa yang diinginkan pelanggan.
Berikut adalah urutan langkah-langkah yang benar untuk biaya yang lebih rendah dan peningkatan keberhasilan:
a) Tetapkan harapan dan kebutuhan pelanggan
b) Kembangkan situs web - Anda dapat memesan nama domain saat ini, tetapi hosting belum diperlukan
c) Pilih hosting dan aktifkan nama domain
d) Unggah situs web ke server dan integrasikan keberadaan internet Anda ke dalam pendekatan pemasaran Anda
3. Pikirkan tentang browser Web yang akan digunakan pengunjung Anda untuk melihat situs Web Anda, bersama dengan resolusi layar. Pastikan situs web Anda ditampilkan dengan benar dan mudah dibaca. Misalnya, lihat situs web Anda di Internet Explorer dan Firefox, dua browser paling populer, sebelum menyelesaikan desain Anda. Situs Anda dapat membuat berbeda dari browser ke browser. Memiliki situs yang sulit dijelajahi adalah salah satu kesalahan situs web terbesar yang mungkin Anda lakukan.
4. Beberapa Situs Web membuat kesalahan dengan mengharuskan pengguna mengunduh aplikasi perangkat lunak untuk menggunakan situs web. Memiliki program khusus yang harus diunduh sebelum bagian situs Anda dapat dilihat adalah kesalahan besar. Penelitian telah menunjukkan bahwa orang tidak ingin mengunduh item ke komputer mereka untuk melihat halaman web. Satu-satunya pengecualian adalah ebook PDF. PDF adalah standar industri dan sebagian besar komputer memiliki pembaca PDF bawaan. Kebanyakan orang merasa nyaman mengunduh ebook dalam format PDF.
5. Perangkat lunak desain web memungkinkan perancang untuk menempatkan lebih banyak gambar pada situs web daripada yang praktis. Meskipun gambar besar dapat berukuran lebih kecil, masih dapat mengkonsumsi bandwidth dalam jumlah besar dan memperlambat pemuatan halaman web. Ini adalah cara yang pasti untuk mengusir pengunjung. Selain itu, foto pribadi tidak selalu menyajikan penampilan profesional dan harus digunakan hemat, jika sama sekali.
6. Hindari plug-in, efek khusus, visual yang kompleks, dan tipuan lainnya. Ini sering memakan waktu lama untuk memuat, memerlukan perangkat lunak khusus atau, paling buruk, crash komputer pengunjung. Kecuali jika situs web Anda dirancang untuk menjadi karya seni atau pertunjukan, dan ada terutama untuk tujuan hiburan, hindari hal-hal mewah. Kebanyakan orang mengunjungi situs web untuk mendapatkan informasi atau produk secepat dan semudah mungkin.
Akhirnya, salah satu kesalahan paling umum adalah menganggap bahwa pengunjung akan tiba-tiba mulai berbondong-bondong ke situs web Anda segera setelah online. :Jika Anda membangunnya, mereka akan datang: tidak berlaku. Anda harus memberi tahu mereka bahwa Anda membangunnya dan di mana menemukannya. Segera setelah Anda puas dengan situs web Anda, mulailah dengan dasar-dasar pemasaran online.