Saya telah merancang situs web selama sekitar sembilan tahun sekarang. Pada waktu itu, saya telah membuat hampir setiap kesalahan yang dikenal manusia, tapi aku belajar lebih dari yang pernah bisa membaca beberapa buku atau mengambil kelas. Aku sudah dari Halaman rookie depan untuk seorang desainer PHP licik dan tekan setiap benjolan di antara.
Kursus website Saya sudah mencoba ASP, ASP.Net, PHP, HTML, XHTML, CSS, CGI, java script, action script, dan hampir setiap bahasa yang dapat Anda pikirkan. Dan, dari waktu ke waktu, saya telah mengembangkan sebuah metode sederhana untuk membuat situs web yang menakjubkan desain lebih cepat, lebih mudah, dan lebih menyenangkan bahwa kebanyakan orang bisa membayangkan. Sekarang, saya merasa berkewajiban untuk berbagi dengan Anda metode yang saya berharap aku punya ketika saya mulai keluar sembilan tahun yang lalu.
Bagaimana TIDAK untuk Berpikir Tentang Web Desain
Sangat penting untuk selalu memulai dengan tepat pola pikir saat mengambil setiap proyek dan merancang situs web tidak berbeda. Salah satu jalan-blok terbesar yang saya temui dalam perjalanan saya adalah ketakutan saya sendiri "kotor" dengan kode.
Kursus Web Design Selama empat tahun pertama, saya murni Halaman pria depan ... tidak pernah berani untuk menjelajah ke dalam kode kecuali aku benar-benar harus Ia tidak sampai saya menjadi benar-benar frustrasi dengan sifat terbatas dari software yang saya perlahan beringsut cara saya dalam mempelajari beberapa HTML.
Dan, biarkan aku memberitahu Anda ... dari hari pertama, aku berharap aku akan lebih berani cepat. Kode belajar mudah, karena begitu logis. Kebanyakan bahasa pemrograman, terutama hari ini, beroperasi off akal sehat sederhana dan logika.
Kursus Seo Dan, setelah Anda mulai belajar beberapa kode, Anda menyadari berapa banyak lagi yang dapat Anda lakukan mengetahui hanya sedikit kode.
Jadi, potongan pertama saya saran adalah untuk TIDAK melakukan apa yang saya lakukan. Jangan menghabiskan tahun frustrasi oleh sebuah program perangkat lunak yang tidak pernah akan memberikan kontrol yang Anda cari. Jika Anda serius tentang menjadi seorang desainer web atau merancang situs web benar-benar profesional, belajar kode. Ini sederhana, mudah, dan bahkan pengetahuan dasar dari bahasa pemrograman pasangan memungkinkan Anda untuk melakukan lebih dari yang pernah Anda bisa dengan program perangkat lunak.
Sekarang ke lembar contekan ...
Langkah # 1: The Pre-langkah
Jika Anda seperti saya, insting pertama Anda ketika Anda datang dengan ide baru adalah untuk segera bergegas ke komputer dan mulai bekerja.
Kursus Desain Grafis Tidak begitu cepat, teman saya. Salah satu yang paling sederhana dan paling efektif langkah-langkah yang dapat Anda ambil untuk membuat hidup Anda kurang stres adalah untuk mengambil waktu sejenak dan hanya menarik keluar tata letak desain yang Anda lihat di selembar kertas.
Ini mungkin terdengar bodoh dan sembrono, tapi itu membuat seperti perbedaan besar. Seolah-olah pikiran tiba-tiba berfokus setelah Anda menempatkan ide Anda di atas kertas. Dengan meletakkan di atas kertas, Anda menentukan apa elemen yang Anda ingin memiliki pada setiap halaman, apa tampilan dan nuansa harus, dan Anda memberikan pikiran Anda spesifik dan terfokus arah di mana untuk tujuan.
Tidak peduli seberapa konyol mungkin atau tidak mungkin tampak, menarik keluar desain Anda pertama!
Langkah # 2: Lay Out File Anda
Jika Anda menggunakan standar desain web saat ini (dan Anda harus) maka setiap situs Anda membangun akan memiliki satu set sama file inti: 1) header.php, 2) footer.php, 3) sidebar.php, 4) gaya Css dan 5) halaman Anda setiap konten (yaitu indeks, tentang, hubungi kami, dll). Pergi ke depan dan membuat file-file ini langsung dari kelelawar. Anda tahu Anda membutuhkannya, jadi hanya membuat mereka, dan memasukkan mereka dalam file index.php (Catatan: jika Anda tidak yakin apa yang saya bicarakan di sini atau bagaimana melakukannya, lihat kotak sumber daya di bawah).
Ini mendapat fungsionalitas inti dari situs Anda keluar dari jalan, dengan cara itu Anda dapat fokus pada merancang dan Anda dapat menguji situs Anda hidup untuk melihat tampilannya.
Langkah # 3: Membangun Layouts Page Anda
Di sinilah Anda harus memutuskan dengan tepat apa elemen halaman situs Anda akan memiliki dan di mana mereka akan pergi (kami tidak khawatir tentang apa yang mereka terlihat seperti, belum). Apa yang akan header terlihat seperti? Apakah itu memiliki beberapa kolom atau hanya satu? Apakah Anda memiliki sebuah bar navigasi di atas atau di sidebar? Apakah Anda memiliki sidebar? Bagaimana footer Anda? Di mana ia akan pergi? Apa jenis elemen akan dimilikinya?
Ini adalah di mana Anda lay out struktur dasar dari situs Anda - jenis seperti membangun dinding rumah. Anda tidak lukisan dan menggantung gambar,
Seo Jakarta namun - sebagai gantinya, Anda membuat cetak biru yang menentukan bagaimana itu semua datang bersama-sama. Lay semua ini dulu.
Langkah # 4: Perilaku Dasar CSS Styling
Sekarang, bahwa Anda punya Anda "dinding", itu saatnya untuk mulai menambahkan beberapa isolasi dan drywall dan melihat bagaimana semuanya terlihat. Dengan kata lain, Anda akan ingin melakukan gaya yang sangat dasar. Dapatkan divs Anda berbaris bagaimana Anda inginkan - ketinggian yang tepat dan lebar, tata letak dasar mereka dan bentuk.
Sebuah sedikit trik saya gunakan adalah untuk membuat semua divs utama saya (yang biasanya harus header, konten, sidebar, dan footer) warna yang berbeda, jadi saya tahu mana div yang ketika saya melihat di browser dan saya dapat melihat apakah semuanya berbaris bagaimana saya inginkan. Bahkan, aku akan meninggalkan warna-warna ini diterapkan di seluruh sebagian besar pekerjaan desain saya, jadi saya bisa melihat bagaimana semuanya datang bersama-sama.
Langkah # 5: Membangun Desain Elemen Anda
Ini adalah di mana Anda akan menghabiskan sebagian besar waktu Anda - dan, Anda akan menghabiskan di Photoshop (atau apa pun program grafis yang Anda gunakan). Ini adalah di mana Anda membuat Anda gambar latar belakang, logo, bar, header, dan sebagainya. Ini adalah di mana sebagian besar karya kreatif sebenarnya terjadi.
Membangun elemen desain Anda, menguji mereka, dan membuat mereka persis bagaimana Anda ingin mereka. Tidak bergerak dari sini sampai Anda punya persis bagaimana Anda inginkan. Dan, tentu saja, Anda dapat memutuskan untuk melakukan outsourcing bagian ini merancang Anda, tetapi, setidaknya jika Anda melakukannya, Anda memiliki ide yang lebih jelas tentang apa jenis elemen Anda harus - yang dapat menghemat waktu, uang, dan frustrasi.
Langkah # 6: Periksa Kompatibilitas Browser
Saya menguji desain saya di Firefox sebagai saya membangun mereka, sehingga mau tidak mau saya telah memeriksa untuk melihat bagaimana Internet Explorer merender situs saya. Pada titik ini, Anda ingin berhenti dan melakukan hal ini untuk elemen desain utama Anda telah membangun sejauh ini. Tidak ada yang lebih frustrasi daripada membangun seluruh situs hanya untuk mengetahui hal itu menyebabkan Internet Explorer untuk memiliki serangan jantung.
Ini mungkin tampak membosankan, tapi percayalah ... berhenti di sini dan memeriksa. Anda memiliki kode kurang banyak untuk bekerja melalui dan jika Anda menangani isu-isu utama sekarang, biasanya berhasil menjadi bekerja kurang harus Anda lakukan kemudian.
Langkah # 7: Mengintegrasikan Teknologi Web
Sekarang, Anda punya elemen desain utama Anda turun, Anda memiliki situs Anda terutama di tempat, dan saatnya untuk menambahkan elemen teknologi utama Anda. Sangat penting untuk melakukan ini sekarang sebelum Anda melakukannya lagi CSS styling, sehingga Anda dapat melihat bagaimana teknologi yang akan mengintegrasikan ke situs Anda. Jika Anda sedang membangun sebuah tema WordPress (yang dapat Anda lakukan berikut ini metode yang sama) ini titik ketika Anda akan mengintegrasikan kode WordPress PHP ke dalam desain Anda.
Langkah # 8: Lanjutan CSS Styling
Pada titik ini, Anda harus memiliki situs Anda sebagian besar dibangun secara struktural ... sekarang, Anda dapat mulai untuk menyelesaikan styling CSS Anda. Satu hal yang perlu diingat adalah bahwa tahap ini tidak pernah benar-benar berakhir. Aku selalu tweaker situs saya di sini dan di sana. Sebagian besar adalah dengan CSS Anda dapat gaya elemen yang sangat khusus dan mendapatkan mereka persis bagaimana Anda seperti mereka.
Langkah # 9: Validasi
Oh yeah ... validasi. Bagi sebagian orang, mungkin ini opsional, tapi, bagi saya, itu tidak. Membangun situs yang memvalidasi adalah tanda seorang desainer web profesional. Kursus Website, Kursus Web Programming , Kursus Web, Kursus Web Design, Dumet School Belum lagi, itu dikabarkan bahwa Google memperhatikan ini. Ini benar-benar tidak sulit untuk dilakukan dan, biasanya, pada membawa saya setengah jam ke jam untuk melumpuhkan. Ini layak waktu dalam hal peringkat reputasi, kredibilitas, dan mesin pencari.
Wrapping It All Up
Nah, yang saya contekan dan metode yang tepat saya gunakan untuk merancang situs web. Butuh waktu sekitar lima tahun untuk mendapatkannya ke ilmu seperti ini, tapi itu layak pada akhirnya. Tentu saja, kita tidak dapat menutup satu topik terlalu banyak detail di sini, jadi jika Anda ingin mempelajari lebih lanjut tentang desain web, pastikan untuk memeriksa kotak sumber daya saya di bawah ini.