Isi kandungan:
Video: 5 Menit Cara Membuat Website dengan WordPress - Dewaweb 2024
Sebelum anda memulakan kod HTML, pertimbangkan pilihan dari segi persekitaran pengekodan. Terdapat pelbagai alat, yang terdiri daripada editor teks percuma yang disertakan dengan sistem operasi anda (seperti Windows Notepad atau TextEdit pada Mac) kepada aplikasi profesional (terutamanya Dreamweaver) yang menyediakan alat penting untuk membantu anda menulis, dan menguji, kod.
Editor kod
Terdapat tiga tahap editor kod:
-
Editor teks sistem pengendalian anda: Yup, OS anda mempunyai editor teks yang dibina masuk. Nice. Berikut adalah dua kelebihan hebat menggunakan editor yang dibina dalam OS anda sebagai editor kod HTML (dan CSS):
-
Tidak ada biaya.
-
Apl sudah dipasang pada komputer anda. Selesai dan selesai.
Laluan ini pastinya merupakan pilihan tanpa bawaan, kekurangan kod-petunjuk dan ciri semak yang tersedia dalam editor kod percuma yang boleh dimuat turun. Kecuali anda merancang untuk melakukan hanya sedikit pengekodan HTML, muat turun editor kod percuma seperti Text PSPad atau Text Wrangler.
Mencipta HTML dengan TextEdit pada Mac.
Mencipta HTML dengan Notepad di Windows.
-
-
Editor kod percuma, boleh dimuat turun: Behind Door # 2 adalah editor kod percuma, seperti TextWrangler untuk Mac atau PSPad untuk Windows.
Sekali lagi, percuma adalah baik. Editor kod percuma (dan lain-lain) ini termasuk ciri-ciri di atas apa yang terdapat dengan aplikasi OS anda:
-
Fail yang membolehkan anda bekerja dengan berbilang fail pada masa yang sama. Keupayaan ini penting untuk bekerja dengan HTML dan fail CSS yang dikaitkan pada masa yang sama.
-
Pengekodan warna yang mengenal pasti elemen sintaks pengekodan. Anda akan mendapati ciri ini sangat membantu apabila anda salah taip beberapa kod kerana kandungan yang salah taip itu tidak akan menerima kod warna yang dijangka.
-
Pemeriksaan ejaan boleh didapati dalam editor kod bebas seperti TextWrangler dan PSPad untuk membantu mengenal pasti kata-kata yang salah eja dengan cepat.
-
Autocomplete dimasukkan dalam PSPad.
Editor kod bebas seperti TextWrangler (untuk Mac) dan PSPad (untuk Windows) tidak datang dengan tingkap grafis WYSIWG yang memaparkan bagaimana halaman HTML akan kelihatan dalam penyemak imbas. Dan mereka tidak mempunyai pilihan kod-hinting yang tersedia dalam editor kod yang memerlukan wang.
-
-
Editor kod kos rendah: BBEdit, sebagai contoh (menjual untuk $ 50 pada penulisan ini), adalah versi TextWrangler yang dipertingkatkan. Salah satu ciri yang paling berkuasa BBEdit ialah ia boleh membuat kod autocomplete - menjangkakan dan mengisi pada pengakhiran kod semasa anda mengetik. Contoh berikut, untuk contoh, menunjukkan pelbagai tag HTML yang bermula dengan huruf "h" yang diminta dengan menaip "h."
Dreamweaver
Alat yang paling berkuasa untuk bekerja dengan HTML ialah Adobe Dreamweaver. Di samping ciri-ciri yang terdapat di editor kod profesional yang canggih (seperti semakan ejaan dan pengenalan kod), tarikan utama Dreamweaver adalah bahawa anda tidak perlu kod tangan HTML. Anda boleh, sebaliknya, menggunakan pilihan menu (seperti "Insert → Image") dan panel (seperti pemeriksa Properties) untuk menghasilkan HTML.
Ramai orang menyedari bahawa Dreamweaver boleh membuat HTML tanpa pengekodan tangan. Tetapi apa yang ramai tidak menyedari ialah Dreamweaver beroperasi dalam dua mod:
-
Reka bentuk pandangan: Dalam pandangan ini, kod dijana dengan tindakan menu dan tetikus yang tersembunyi. Pandangan ini menyediakan persekitaran pengekodan penuh dengan pengenalan dan pengujian kod bukan hanya HTML tetapi bahasa rekaan web lain seperti CSS (lembaran gaya), JavaScript (untuk animasi dan interaktiviti), dan PHP (untuk skrip sampingan pelayan yang mengurus data dalam talian).
-
Seperti yang dinyatakan, cabaran terbesar Dreamweaver ialah ia membolehkan pereka untuk menghasilkan HTML (serta CSS dan beberapa pengekodan lain) dalam tetingkap reka bentuk yang kelihatan dan dirasai seperti aplikasi Adobe Creative Suite lain seperti Photoshop, Illustrator, atau InDesign.
