Alat asas yang diperlukan untuk reka bentuk web adalah sangat mudah. Selain daripada komputer dan sambungan internet, kebanyakan alat yang anda perlukan untuk membina laman web adalah program perisian, beberapa di antaranya mungkin berada di komputer anda. Anda memerlukan editor teks atau HTML, editor grafik, penyemak imbas web, dan klien FTP untuk memuat naik fail ke pelayan web anda.
Memilih Teks Asas atau Editor HTML
Anda boleh menulis HTML dalam editor teks biasa seperti Notepad dalam Windows 10, TextEdit pada Mac, atau Vi atau Emacs di Linux. Anda memasukkan kod HTML, simpan dokumen itu sebagai fail web, dan membukanya dalam pelayar untuk memastikan ia sepertinya sepatutnya.
Sekiranya anda mahukan lebih banyak fungsi dari yang anda temukan dalam editor teks biasa, gunakan editor HTML. Editor HTML mengenali kod dan dapat mengenal pasti ralat pengekodan sebelum anda melancarkan fail. Mereka juga boleh menambah tag penutup yang anda lupakan dan menyerlahkan pautan yang rosak. Mereka mengenali dan menampung bahasa pengekodan lain seperti CSS, PHP, dan JavaScript.
Terdapat banyak editor HTML di pasaran dan mereka berbeza dari asas ke perisian peringkat profesional. Jika anda baru menulis laman web, salah satu daripada WYSIWYG (Apa yang Anda Lihat Apa Yang Anda Dapatkan) editor mungkin berfungsi yang terbaik untuk anda. Sesetengah editor hanya menunjukkan kod, tetapi dengan beberapa daripada mereka, anda boleh bertukar antara pandangan pengekodan dan paparan visual. Berikut adalah beberapa daripada banyak editor web HTML yang tersedia:
- Komodo IDE dan antara muka mesra pengguna yang sesuai untuk kedua-dua pembangun web awal dan maju. Ciri autolengkap Komodo IDE amat berguna untuk pemaju baru kerana ia tahu cara menulis kod untuk elemen umum seperti pautan. Perisian ini menyokong kod warna jenis pengekodan yang berbeza seperti HTML, CSS, dan banyak bahasa pengkodan lain. IDE Komodo adalah perisian rentas platform yang berjalan pada Windows, Mac, dan Linux.
- Editor HTML CoffeeCup adalah untuk pemaju baru yang lebih berminat untuk belajar untuk kod daripada dalam antara muka visual. Editor tegar ini dilengkapi dengan templat dan mempunyai pemeriksa pengesahan untuk memastikan kod anda bebas daripada ralat. Ia termasuk penyelesaian kod dan menyokong bahasa pengekodan lain yang mungkin anda gunakan bersamaan dengan HTML. Pemula akan menghargainya apabila perisian menyoroti kesilapan dalam kod tersebut, menjelaskan mengapa mereka muncul dan memberitahu pemaju cara untuk membetulkannya. CoffeeCup HTML Editor berjalan pada Windows.
- Mobirise adalah editor HTML untuk orang yang tidak mahu terlibat dengan kod. Ia adalah mengenai memilih tema dan kemudian menyeret dan menjatuhkan elemen pada halaman. Tambahkan teks seperti yang anda lakukan dalam editor teks biasa dan masukkan imej, video atau ikon - semua tanpa menulis sebarang kod; Mobirise melakukan bahagian itu untuk anda. Mobirise tersedia untuk Windows dan Mac, dan ianya percuma.
Pelayar Web
Uji laman web anda dalam pelayar untuk memastikan ia kelihatan seperti yang anda inginkan sebelum anda melancarkan halaman. Chrome, Firefox, Safari (Mac), dan Internet Explorer (Windows) adalah pelayar yang paling popular. Semak HTML anda sebagai banyak penyemak imbas seperti yang ada pada komputer anda dan muat turun penyemak imbas yang kurang dikenali, seperti Opera, juga.
Editor Grafik
Jenis editor grafik yang anda perlukan bergantung pada tapak web anda. Walaupun Adobe Photoshop adalah standard emas untuk bekerja dengan foto, anda mungkin tidak memerlukan kuasa yang banyak. Anda mungkin lebih suka program grafik vektor untuk logo dan kerja ilustrasi. Beberapa editor grafik untuk melihat penggunaan asas pembangunan web termasuk:
- GIMP adalah program pengeditan foto sumber terbuka yang menyediakan banyak ciri pesaingnya yang lebih mahal. Sebagai perisian sumber terbuka, ia tersedia untuk Windows, Mac, dan Linux.
- Elemen Photoshop untuk Mac dan PC adalah editor imej yang merupakan versi cahaya senama tetapi dengan banyak kuasa untuk bekerja dengan grafik untuk web.
- Corel PaintShop Prountuk PC mempunyai hampir semua alat berguna yang anda dapati di Photoshop dan antara muka yang mudah digunakan.
- Inkscape untuk Windows, Mac, dan Linux adalah editor grafik vektor percuma. Alternatif ini kepada Adobe Illustrator pricier mempunyai kuasa yang lebih daripada cukup untuk kerja reka bentuk ringkas dan grafik web.
Pelanggan FTP
Anda memerlukan klien FTP untuk memindahkan fail HTML anda dan menyokong imej dan grafik ke pelayan web anda. Walaupun FTP boleh didapati melalui baris arahan di Windows, Macintosh, dan Linux, lebih mudah untuk menggunakan klien. Terdapat banyak pelanggan FTP berkualiti yang boleh didapati termasuk:
- FileZilla adalah klien FTP percuma yang tersedia untuk Windows, Mac, dan Linux. Ia menyokong pemindahan fail drag-and-drop dan mempunyai ciri jeda dan resume untuk memuat naik fail besar.
- Cyberduck adalah sumber terbuka percuma, perisian rentas platform yang dikenali untuk integrasi lancar dengan editor luaran dan antara muka pengguna yang menarik.
- FTP Percuma dan FTP langsung dibuat oleh syarikat yang sama. FTP percuma adalah pelanggan minimalis, tetapi ia memenuhi semua keperluan pemindahan fail asas. FTP langsung adalah versi premium yang menawarkan ciri-ciri canggih. Kedua-dua versi ini disokong oleh Windows 7,8 dan Vista, tetapi hanya FTP Direct sesuai untuk Windows 10.
- Menghantar adalah premium, pelanggan FTP Mac sahaja. Ia memudahkan pemindahan yang luar biasa dan menyokong Amazon CloudFront.
- FTP comel adalah pelanggan FTP premium yang kuat yang boleh anda gunakan untuk membuat sehingga 100 pemindahan pada masa yang sama. Ia dianggap sebagai salah satu pelanggan FTP yang paling selamat di sekitar.
