9 Idea untuk Membina Laman Web Besar Dengan Kurang

Kita semua tahu bagaimana kerja web yang sihat. Ia bukan satu tugas untuk hati lemah dan biasanya memerlukan satu tahun atau lebih kajian untuk benar-benar memahami. Apabila era kami telah berkembang, kami telah melihat idea-idea dan inovasi cemerlang yang mengetengahkan komuniti dalam talian ke arah sumber terbuka dan perkongsian.

Pembinaan laman web telah benar-benar berkembang menjadi proses berbilang lapisan. Anda harus mempertimbangkan grafik laman web, gaya depan dan susun atur coding, hosting pelayan, dan kemungkinan pengaturcaraan back-end untuk boot. Pemaju telah berbincang dengan sistem ini selama bertahun-tahun dan akhirnya kami telah sampai ke tahap minat, tetapi ia akan menjadi sangat meletihkan jika anda akan mengendalikan semua karya ini dengan sendirinya sendiri.

Di bawah ini saya telah berkongsi beberapa sumber yang berguna untuk merancang reka bentuk laman web yang hebat dengan cekap. Ini datang dalam pelbagai bentuk sepanjang keseluruhan proses kreatif. Walaupun ini bukan senarai yang lengkap, saya berharap dapat menyentuh sumber yang berguna kepada pakar dan pemula.

1. Biarkannya kepada pakar

Dari pereka ikon ke pengaturcara di seluruh dunia, kita semua mempunyai set kemahiran berbeza yang berbeza-beza. Kami tidak sering membayangkan diri kita sebagai wira super yang ingin membina kemahiran di luar titik penguasaan. Walau bagaimanapun untuk menjadi seorang artis kreatif dan pengaturcara adalah hadiah yang benar.

Bagi kita yang menumpukan kepada niche khusus, bantuan luaran hendaklah disambut dengan hangat. Ia boleh mempercepatkan proses membina laman web sepuluh kali ganda dan menawarkan pengalaman yang unik untuk bekerja dalam suasana pasukan. Beberapa PSD terbaik untuk perkhidmatan HTML termasuk psd2html dan xhtmlchop.com, Google "JPA ke perkhidmatan HTML" untuk mendapatkan lebih banyak, atau lihat senarai 100+ perkhidmatan di sini.

Proses fizikal duduk untuk kod dokumen Photoshop ke dalam HTML / CSS boleh menjengkelkan. Terutamanya jika anda telah berkod selama beberapa tahun kerana pengulangan menjadi membosankan dan hampir kuno. Kebanyakan perkhidmatan ini menjanjikan penghantaran 24 jam dan akan juga menawarkan diskaun untuk reka bentuk sub halaman.

Jika anda berminat dalam pengekodan tetapi tertinggal dengan kemahiran reka bentuk saya akan mengesyorkan melayari beberapa rangkaian artis digital. Ini termasuk Dribbble dan DesignMoo di mana pereka grafik boleh menghantar dan berkongsi karya terbaru mereka. Pada umumnya anda juga akan menemui halaman paparan portfolio untuk setiap artis termasuk maklumat hubungan seperti e-mel, Twitter, atau sembang IM.

2. Penyumberan Luar Penyelesaian

Terdapat contoh hebat freelancers yang menawarkan perkhidmatan mereka untuk menyokong studio projek. Tetapi dengan tahap komunikasi saat ini terdapat banyak contoh di mana para freelancers akan bekerja secara manual untuk menyelesaikan kerja projek. Malah mungkin dari dua lokasi berbeza di seluruh dunia!

Dengan melepaskan begitu banyak komuniti bebas, tidak pernah mudah bagi pereka dan pemaju untuk bertemu dan bekerjasama. Programmer Meetmer Designer komuniti yang hebat membolehkan kedua-dua pemaju dan pereka web untuk pesan dan berkongsi idea untuk projek. Ini adalah rangkaian yang agak tidak diketahui dan masih berfungsi sebagai cincin profesional yang kecil.

Sebagai alternatif, anda mungkin mencari kerja sebagai freelancer dan mencari kerja sukar. Di sinilah banyak papan kerja dari seluruh Internet menunjukkan penggunaannya. Syarikat-syarikat seperti Fresh Web Jobs dan Krop adalah hanya beberapa contoh banyak peluang freelance. Setiap dikemas kini setiap hari dan menawarkan penerangan penuh bersama-sama dengan maklumat kenalan.

3. Gunakan Sumber Terbuka

Salah satu ciptaan terbaik dari komuniti pembangunan web hari ini harus menjadi perisian sumber terbuka. Terdapat banyak usaha yang dilakukan setiap hari untuk menambah dan meningkatkan perpustakaan sedia ada. jQuery dan MooTools adalah dua daripada beratus-ratus perpustakaan JavaScript yang menonjol dari yang lain berdasarkan tutorial mudah dan reputasi. Walau bagaimanapun, JavaScript bukan satu-satunya protokol terbuka yang telah dijalankan. Secara harfiah beratus ribu pemaju berkongsi dan menyumbangkan pakej kod di GitHub setiap hari. Bahasa termasuk PHP, CSS, SQL, ASP, Objektif-C, Java, dan banyak lagi!

WordPress, sebuah platform blog yang dibangunkan oleh Matt Mullenweg dan telah berkembang secara sejarah sejak beberapa tahun yang lalu, mungkin merupakan lambang projek kejayaan sumber terbuka. Nampaknya mengagumkan melihat banyak pakej kecil yang ditapis melalui web, tetapi WordPress menguasai berjuta-juta laman web dan menganjurkan beribu-ribu pemaju yang bekerja di belakang mereka. Keseluruhan pakej adalah percuma untuk dimuat turun dan sangat mudah dipasang. Laman web rasmi syarikat wordpress.org menawarkan pautan dan tutorial untuk pemaju yang berminat untuk membina tema dan plugin WP. Kami juga telah menaja tutorial pengenalan pada plugin WP untuk memulakan pengaturcara. Begitu juga ada galeri rasmi yang menawarkan sejumlah plugin percuma untuk semua pengguna WordPress untuk dinikmati.

Bagi anda yang mencari skrip e-dagang sumber terbuka, semak siaran ini.

4. Merancang Ikon Sendiri - Tidak diperlukan

Bergerak ke arah grafik dan reka bentuk sampingan animasi kita masih melihat masyarakat terbuka dan berkongsi. Pereka web tidak hanya menikmati berkongsi karya seni mereka ke dunia tetapi membantu orang lain mempromosikan idea mereka.

Grafik adalah beberapa aspek yang paling rumit dari laman web. Ini berlaku terutamanya kerana pereka grafik grafis sangat sukar untuk datang. Banyak set ikon percuma seperti FamFamFam, Wefunction, Fugue, dan banyak lagi, mendedahkan muat turun mereka sebagai percuma untuk digunakan melalui pautan retribusi atau mengkreditkan kerja mereka. Ini seolah-olah satu perdagangan mudah untuk kegunaan tanpa had!

Satu lagi Pencari Icon perkhidmatan yang hebat bertindak sebagai enjin carian untuk set ikon yang paling popular. Selalunya jika anda melayari hasil carian Google terdapat beratus-ratus blog reka bentuk web yang mempamerkan ikon percuma yang terbaik. Ini juga telah dikongsi ke dalam enjin sedemikian sebagai Icon Finder untuk membuat laman web bangunan lebih cepat.

5. Perjanjian yang lebih baik dalam Perkongsian Hosting & Fail

Kita semua boleh menggunakan beberapa wang tambahan pada hari ini. Walaupun sebagai pereka web, penting untuk mencari syarikat-syarikat yang menawarkan tawaran dan menyokong generasi freelance.

Hosting web adalah salah satu daripada banyak perbelanjaan untuk dipertimbangkan. Sering kali anda boleh mencari kupon di laman web yang berkaitan yang menjimatkan wang pada pembelian nama domain dan ruang pelayan.

Perkongsian fail telah menjadi sebahagian penting daripada gaya hidup pereka web. Terdapat perkhidmatan yang dibayar dan percuma yang tersedia, dan jika anda tahu seseorang dalam perniagaan itu tidaklah sukar mendapatkan akaun keanggotaan. Untuk yang lain, pertimbangkan melayari alternatif perkongsian fail kami yang memberikan sokongan sepenuhnya kepada semua pengguna.

6. Pemeriksaan Prestasi Percuma

Aplikasi laman web adalah trend terbaru yang merosakkan melalui jahitan digital. Dari aplikasi mudah alih ke dalam aplikasi pelayar, hampir apa saja boleh diselesaikan pada komputer pada hari ini. Bagi webmaster, penting untuk mengetahui banyak peluang percuma untuk ujian mekanikal dan penyelenggaraan laman web.

Sekiranya anda seperti kebanyakan kita maka uptime laman web adalah kebimbangan serius. Mempunyai laman web anda turun walaupun beberapa minit boleh menjadi bencana kepada nombor trafik anda, apatah lagi membingungkan kepada pelawat anda. Pingdom adalah alat percuma yang harus digunakan oleh webmaster untuk memeriksa kod respons dari pelayan web mereka. Ini adalah cara yang pasti untuk menyimpan tab di belakang dan memantau prestasi dari belakang tabir.

Satu lagi perkhidmatan hebat, Google Webmaster membolehkan pemaju untuk menuntut pemilikan laman web mereka. Ini boleh dilakukan dengan sitemap, meta tag atau alternatif lain yang disediakan oleh Google. Jika anda menggunakan akaun Google, mungkin untuk menyimpan data RSS dan juga menjejaki kata kunci untuk laman web individu. Aplikasi ini 100% percuma dan membolehkan anda menyimpan sambungan laman web tanpa had!

7. Kod Editor Boleh Menjadi Murah (atau Percuma)

Sama ada kami ingin mengakui bahawa kebanyakan pereka laman web cenderung untuk mencuba dalam beberapa bentuk pembangunan web. Hanya untuk mereka yang benar-benar berbakat dalam Adobe Photoshop atau Illustrator yang tidak menceburi reka bentuk HTML dan CSS.

Bagi programmer frontend dan backend sama, sukar untuk mencari persekitaran kerja yang selesa. Adobe menawarkan Dreamweaver yang menyokong penonjolan kod dalam banyak bahasa, namun sayangnya akan menelan belanja sedikit. Kami telah menyemak 10 editor kod sumber teratas dan telah menawarkan pautan muat turun terus ke setiap halaman.

Sekiranya anda baru memulakan pengekodan saya sangat mengesyorkan untuk menghabiskan masa untuk meneliti perkara ini. Persekitaran pembangunan anda adalah penting dan akan memberi kesan kepada bagaimana anda menulis kod. Ramai daripada editor ini adalah Windows khusus, dan walaupun anda mungkin mendapati beberapa pilihan mesra Mac, saya cadangkan Panic's Coda - editor kod cara yang lebih murah (berbanding Adobe Dreamweaver) untuk pembangunan web yang serius.

8. Angkat Beberapa Starter Kit

Sekarang anda mempunyai idea yang kukuh tentang perkhidmatan dan program yang tersedia cuba muat turun beberapa kit starter untuk mendapatkan anda. Sebagai pereka web, penting untuk menumpukan perhatian sedar kami ke arah kreativiti dan merangsang idea baru untuk platform susun atur.

Sepanjang beberapa tahun kebelakangan, pereka telah perlahan mengeluarkan pakej bebas ikon, templat, elemen bentuk, komponen GUI, dan banyak kerja yang serupa. Silakan periksa senarai kit pereka pereka web untuk melihat apakah ada yang menangkap mata Anda.

Kerja-kerja susun atur Photoshop tidak semestinya paling mudah untuk diselesaikan. Sering kali kita mendapati diri kita meragui dan terlibat semula untuk skim dan penempatan warna yang betul. Pepatah lama “amalan sempurna” nampaknya sangat sesuai dalam senario ini, bersama dengan banyak orang lain. Dan kit starter asas ini sepatutnya mengeluarkan anda pada kaki kanan!

9. Sentiasa Teruskan dengan Waktu Pengajian

Apabila masa bergerak, kita semua cenderung kehilangan minat dalam aktiviti. Jika anda benar-benar bersemangat mengenai reka bentuk web, anda harus terus bermotivasi dan mempelajari topik baru. Pertimbangkan untuk membuka fikiran anda kepada bahasa pembangunan atau mengamalkan perisian baru.

Perkakas dalam talian hari ini lebih maju daripada sebelum ini dalam membantu pemula pereka web muda mengambil hadiah itu. Perpustakaan Reka Bentuk Web pada asalnya dilancarkan di bawah Template Monster bersama dengan Jetimpex Inc, dan terus menjadi katalog tutorial yang sangat popular. Laman web ini dikemas kini setiap hari dengan pautan baru dan item pameran untuk inspirasi.

Laman ini juga menghubungkan antara banyak tempat rakan kongsi termasuk Templat Ninajas. Ini mengakibatkan tawaran harian yang anda tidak dapat mencari tempat lain - kadang-kadang walaupun demo atau hadiah percuma! Templat laman web adalah tempat yang bagus untuk bermula apabila anda tidak dikenali dengan membina susun atur laman web atau hanya memerlukan beberapa idea baru.

Saya juga sangat mengesyorkan Tuts + Network yang dicipta oleh Envato. Mereka menganjurkan ribuan tutorial dari Photoshop, Illustrator, HTML5, ActionScript, bentuk vektor, dan juga fotografi. Sesetengah kod mereka memerlukan keahlian untuk dimuat turun tetapi semua tutorial bebas untuk diikuti dan menawarkan arahan langkah demi langkah untuk memudahkan kitaran pembelajaran.

Bersama dengan artikel bertulis, kebanyakan ulasan juga akan memberikan nasihat yang hebat. Seluruh rangkaian dijalankan oleh pereka web dan dibaca oleh pereka web, jadi anda boleh yakin dengan maklum balas yang berkualiti tinggi.

Kesimpulannya

Kaedah ini sepatutnya membolehkan anda memulakan jalan gemuruh ke arah pencerahan reka bentuk web. Cara terbaik perdagangan telah diluluskan selama bertahun-tahun melalui komuniti Internet. Begitu juga dengan jumlah pereka web telah meningkatkan standard terbuka yang telah dibuat.

Pertimbangkan beberapa idea yang dipaparkan di atas dan luangkan masa untuk melayari artikel atau tutorial yang menarik. Malah membiasakan diri dengan bahan-bahan segar boleh berjoging otak anda dan membuat anda berfikir ke dalam minda reka bentuk yang tinggi. Sekiranya anda mempunyai idea yang serupa, sila rujuk bahagian komen di bawah.