Alat-alat dasar yang dibutuhkan untuk desain web luar biasa sederhana. Selain dari komputer dan koneksi internet, sebagian besar alat yang Anda butuhkan untuk membangun situs web adalah program perangkat lunak, beberapa di antaranya mungkin sudah ada di komputer Anda. Anda memerlukan teks atau editor HTML, editor grafis, browser web, dan klien FTP untuk mengunggah file ke server web Anda.
Memilih Teks Dasar atau Editor HTML
Anda dapat menulis HTML dalam editor teks biasa seperti Notepad di Windows 10, TextEdit di Mac, atau Vi atau Emacs di Linux. Anda memasukkan kode HTML, menyimpan dokumen sebagai file web, dan membukanya di browser untuk memastikan kelihatannya seperti yang seharusnya.
Jika Anda ingin lebih banyak fungsi daripada yang Anda temukan di editor teks biasa, gunakan editor HTML sebagai gantinya. Editor HTML mengenali kode dan mampu mengidentifikasi kesalahan pengkodean sebelum Anda meluncurkan file. Mereka juga dapat menambahkan tag penutup yang Anda lupakan dan menyorot tautan yang rusak. Mereka mengenali dan mengakomodasi bahasa pengkodean lainnya seperti CSS, PHP, dan JavaScript.
Ada banyak editor HTML di pasar dan mereka bervariasi dari dasar hingga perangkat lunak tingkat profesional. Jika Anda baru dalam menulis halaman web, salah satu editor WYSIWYG (What You See is What You Get) mungkin bekerja paling baik untuk Anda. Beberapa editor hanya menampilkan kode, tetapi dengan beberapa di antaranya, Anda dapat beralih antara tampilan pengkodean dan tampilan visual. Berikut adalah beberapa dari banyak editor web HTML yang tersedia:
- Komodo IDE dan antarmuka yang mudah digunakan cocok untuk pengembang web awal dan mahir. Fitur pelengkapan otomatis Komodo IDE sangat berguna untuk pengembang baru karena tahu cara menulis kode untuk elemen umum seperti tautan. Perangkat lunak ini mendukung pengkodean warna dari berbagai jenis pengkodean seperti HTML, CSS, dan banyak bahasa pengkodean lainnya. Komodo IDE adalah perangkat lunak lintas platform yang berjalan di Windows, Mac, dan Linux.
- Editor HTML CoffeeCup adalah untuk pengembang baru yang lebih tertarik dalam mempelajari kode daripada antarmuka visual. Editor yang tangguh ini dilengkapi dengan templat dan memiliki pemeriksa validasi untuk menjaga kode Anda tetap bebas kesalahan. Ini termasuk penyelesaian kode dan mendukung bahasa pengkodean lain yang mungkin Anda gunakan bersama dengan HTML. Pemula akan menghargai ketika perangkat lunak menyoroti kesalahan dalam kode, menjelaskan mengapa mereka muncul dan memberi tahu pengembang cara memperbaikinya. CoffeeCup HTML Editor berjalan di Windows.
- Mobirise adalah editor HTML untuk orang yang tidak ingin terlibat dengan kode. Ini semua tentang memilih tema dan kemudian menyeret dan menjatuhkan elemen di halaman. Tambahkan teks seperti yang Anda lakukan di editor teks biasa dan masukkan gambar, video atau ikon - semua tanpa menulis kode apa pun; Mobirise melakukan bagian itu untuk Anda. Mobirise tersedia untuk Windows dan Mac, dan gratis.
Browser Web
Uji halaman web Anda di browser untuk memastikan mereka terlihat seperti yang Anda inginkan sebelum Anda meluncurkan halaman. Chrome, Firefox, Safari (Mac), dan Internet Explorer (Windows) adalah browser yang paling populer. Periksa HTML Anda di browser sebanyak yang Anda miliki di komputer dan unduh browser yang kurang dikenal, seperti Opera, juga.
Editor Grafis
Jenis editor grafis yang Anda butuhkan tergantung pada situs web Anda. Meskipun Adobe Photoshop adalah standar emas untuk bekerja dengan foto, Anda mungkin tidak membutuhkan banyak daya. Anda mungkin lebih memilih program grafis vektor untuk kerja logo dan ilustrasi. Beberapa editor grafis untuk melihat untuk penggunaan pengembangan web dasar meliputi:
- GIMP adalah program pengeditan foto sumber terbuka gratis yang menyediakan banyak fitur dari pesaingnya yang lebih mahal. Sebagai perangkat lunak open source, tersedia untuk Windows, Mac, dan Linux.
- Elemen Photoshop untuk Mac dan PC adalah editor gambar yang merupakan versi ringan dari senama tetapi dengan banyak daya untuk bekerja dengan grafis untuk web.
- Corel PaintShop Prountuk PC memiliki hampir semua alat berguna yang Anda temukan di Photoshop dan antarmuka yang mudah digunakan.
- Inkscape untuk Windows, Mac, dan Linux adalah editor grafik vektor gratis. Alternatif ini untuk Adobe Illustrator yang memiliki daya lebih dari cukup untuk pekerjaan desain sederhana dan grafis web.
Klien FTP
Anda memerlukan klien FTP untuk mentransfer file HTML Anda dan mendukung gambar dan grafik ke server web Anda. Meskipun FTP tersedia melalui baris perintah di Windows, Macintosh, dan Linux, jauh lebih mudah untuk menggunakan klien. Ada banyak klien FTP berkualitas baik yang tersedia termasuk:
- FileZilla adalah klien FTP gratis yang tersedia untuk Windows, Mac, dan Linux. Ini mendukung transfer file drag-and-drop dan memiliki fitur jeda dan melanjutkan untuk mengunggah file besar.
- Cyberduck adalah perangkat lunak open-source, lintas platform gratis yang dikenal karena integrasi tanpa batas dengan editor eksternal dan antarmuka pengguna yang menarik.
- FTP gratis dan FTP langsung dibuat oleh perusahaan yang sama. FTP gratis adalah klien minimalis, tetapi memenuhi semua kebutuhan transfer file dasar. Direct FTP adalah versi premium yang menawarkan fitur-fitur canggih. Kedua versi didukung oleh Windows 7,8 dan Vista, tetapi hanya Direct FTP yang cocok untuk Windows 10.
- Mengirimkan adalah klien FTP premium, khusus Mac. Ini memfasilitasi transfer cepat yang luar biasa dan mendukung Amazon CloudFront.
- FTP lucu adalah klien FTP premium yang andal yang dapat Anda gunakan untuk membuat hingga 100 transfer secara bersamaan. Ini dianggap sebagai salah satu klien FTP paling aman di sekitar.
