Bagaimana Mengajar Diri Sendiri Desain Web

Bagaimana Mengajar Diri Sendiri Desain Web

Ya, sangat mungkin untuk belajar sendiri tentang desain web. Saya bertanya sekitar minggu ini untuk melihat bagaimana orang berhasil memperoleh keterampilan dan saya mencoba mengingat apa yang berhasil bagi saya Anda juga bisa belajar banyak melalui website ini http://69.16.224.146/ dan Anda juga bisa langsung menggunakan program html live tester mereka.

Ada satu cara utama untuk mempelajari desain web sendiri.

Dengan melakukan . Orang belajar dengan benar-benar membuat situs web.
Dengan menggunakan sumber daya online . Setiap orang di beberapa titik menemukan jawaban online tentang cara merancang situs web.
Dengan membaca . Yang ini mengejutkanku. Sebagian besar desainer mengatakan bahwa mereka mempelajari desain web, sebagian, dengan membaca buku.

Jadi, mari kita telusuri masing-masing kategori iniUntuk meningkatkan mata artistik Anda, hasilkan karya secara teratur dan kemudian coba perbaiki. Buat sketsa desain di atas kertas lalu kerjakan di Photoshop atau program grafis apa pun yang Anda miliki. Latihan akan membantu Anda menjadi desainer yang lebih baik. Saya akan merekomendasikan lebih banyak sumber daya nanti yang akan membantu Anda dengan prinsip-prinsip desain.

untuk mencari tahu cara mengajar diri Anda sendiri tentang desain web.

Belajar desain web dengan melakukan

Belajar desain web dengan melakukan

Cara terbaik untuk mulai memahami halaman web adalah dengan melihat bagaimana situs web yang ada disatukan dan membuatnya sendiri.

Amati cara kerja situs web lain

Untuk memulai, sebagian besar halaman web di internet ditulis, setidaknya sebagian, dalam HTML. Untuk melihat HTML yang membuat halaman ini, Anda perlu “View Source” di browser yang Anda gunakan. Coba gunakan Cmd / Ctrl-U (untuk Firefox), buka Cmd / Ctrl-Alt / Opt-U (untuk Chrome), dan jika Anda menggunakan Internet Explorer, Anda benar-benar perlu bertanya pada diri sendiri apakah desain web adalah jalur karier yang tepat untukmu.

Coba lihat HTML untuk melihat bagaimana berbagai elemen pada halaman web diberi markup. Anda mungkin dapat langsung mengidentifikasi tag tertentu. Misalnya

untuk paragraf, adalah judul, untuk gambar, dll. Anda akan melihat bahwa sebagian besar tag ini bekerja berpasangan untuk menunjukkan awal dan akhir markup.

Hal lain yang mungkin Anda perhatikan dari sumber HTML adalah bahwa semua halaman HTML memiliki struktur yang serupa. Semuanya dimulai dengan deklarasi yang mengatakan versi HTML mana, diikuti dengan deklarasi, diikuti oleh dokumen yang merupakan wadah dari berbagai elemen termasuk tautan ke skrip, style sheets, informasi meta, dll. Setelah itu muncul tempat elemen halaman web diberi markup.

Alat perdagangan

Saat Anda melakukan ini, akan ada alat tertentu yang Anda perlukan.

  • Berbagai browser dan ponsel pintar . Coba uji situs Anda sendiri di browser dan ponsel yang berbeda (di sinilah Anda akan memulai perselingkuhan yang sudah berlangsung lama dengan Internet Explorer).
  • Editor teks . Anda dapat menggunakan NotePad dasar (PC) atau TextEdit (Mac), atau mungkin Coda (Mac) atau Dreamweaver – jangan gunakan Dreamweaver dalam mode visual, cukup kerjakan kodenya, Anda perlu memahami bagaimana hal ini bekerja di bawah jilbab.
  • Validator . Validasi laman web Anda dengan Validator HTML dan Validator CSS (gunakan plugin browser seperti Pengembang Web untuk Chrome untuk memanggilnya dengan cepat).
  • Alat Pengembang Chrome dan Firebug untuk Firefox . Alat-alat ini membantu Anda memahami CSS dan JavaScript yang, jika menurut Anda HTML itu sulit, perlu sedikit pemahaman.
  • Editor grafis dan gambar . Inti dari desain web adalah editor gambar seperti Photoshop atau Fireworks. Ini cukup mahal tetapi ada GIMP plus sejumlah editor gambar online jika Anda baru memulai.

Membuat situs web HTML statis Anda sendiri

Sementara pemahaman Anda tentang HTML, CSS dan JavaScript berkembang, Anda harus membuat situs HTML statis, baik secara lokal atau di server web. Terus-menerus bermain dengan kode untuk mencoba melakukan hal-hal keren. Cobalah untuk membuat ulang elemen tertentu di situs web lain dengan menyalin sedikit kode.

Meskipun situs web yang pada akhirnya Anda buat kemungkinan besar tidak dibuat dari file HTML, penting bagi Anda untuk memahami cara membuat situs HTML statis terlebih dahulu sebelum Anda dapat mulai menggunakan PHP dan / atau Sistem Manajemen Konten (CMS) untuk membuat HTML.

Membuat situs web Anda sendiri dengan CMS

Sebagian besar situs web dibuat oleh CMS – perangkat lunak yang dapat membuat halaman HTML dalam template tertentu. Yang terbaik adalah WordPress , Joomla dan Drupal , tetapi ada sejumlah CMS open source yang lebih ringan yang dapat Anda coba, ini akan mengajari Anda bagaimana PHP, dan dengan CMS lain, ASP, digunakan untuk menyusun situs web.

Gunakan MAMP (Mac) atau WAMP (Windows) di komputer Anda untuk menjalankan sistem ini secara lokal sehingga Anda bisa mendapatkan pemahaman yang baik tentang cara kerjanya.

Menggunakan editor gambar

Anda perlu tahu cara menggunakan Photoshop atau yang serupa. Anda akan membutuhkan ini untuk membuat grafik untuk situs serta untuk memberikan visual lengkap tentang bagaimana situs akan terlihat ketika selesai untuk membantu proses desain.

Mulailah mendesain

Tentu saja, saya belum menyebutkan bahwa situs web yang dihasilkan tidak hanya harus memvalidasi, berfungsi, ditemukan oleh mesin telusur, memiliki tujuan, dan dipasarkan, tetapi juga… harus terlihat bagus.

Untuk meningkatkan mata artistik Anda, hasilkan karya secara teratur dan kemudian coba perbaiki. Buat sketsa desain di atas kertas lalu kerjakan di Photoshop atau program grafis apa pun yang Anda miliki. Latihan akan membantu Anda menjadi desainer yang lebih baik. Saya akan merekomendasikan lebih banyak sumber daya nanti yang akan membantu Anda dengan prinsip-prinsip desain.