Anda tidak memerlukan banyak perisian untuk bermula sebagai pemaju web
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. Sekiranya 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:
- IDE Komodo 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.
- CoffeeCup HTML Editor adalah untuk pemaju baru yang lebih berminat untuk belajar untuk kod berbanding 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, menjelaskan mengapa ia muncul, dan memberitahu pemaju bagaimana 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 ialah editor imej yang merupakan versi cahaya senama tetapi mempunyai banyak kuasa untuk bekerja dengan grafik untuk web.
- Corel PaintShop Pro untuk 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 perisian sumber terbuka bebas, perisian cross-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.
- Transmit adalah premium, pelanggan FTP Mac sahaja. Ia memudahkan pemindahan yang luar biasa dan menyokong Amazon CloudFront.
- Cute FTP 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.