Iklan

template CSSSaya telah bekerja di web untuk sementara waktu sekarang, dan saya benar-benar merasa lebih mudah untuk menulis setiap dokumen dalam format HTML daripada DOC atau TXT. Jika Anda menggunakan Google Documents, Anda sebenarnya melakukan hal yang sama, karena Google Documents (untungnya) pada dasarnya telah menjadi editor HTML WYSIWYG. Membuat beberapa template dokumen menggunakan HTML dan CSS sangat mudah, bisa dilakukan oleh semua orang, dan jika Anda melakukannya dengan benar, tampilannya akan sama untuk semua orang.

Mengapa menggunakan HTML?

Alasan terbesar saya untuk menggunakan dokumen HTML dan CSS murni adalah bahwa itu mungkin format yang paling kompatibel di seluruh browser dan sistem operasi, kecuali untuk format PDF, yang sangat sulit dan/atau mahal untuk dilakukan dengan baik. Menggunakan Microsoft Office juga bukan yang terbaik. Saya menggunakan Office 2007 yang menggunakan banyak fitur tambahan yang tidak didukung oleh versi sebelumnya, sehingga kualitas dapat diturunkan. Siapa yang tahu seperti apa dokumen ini di Open Office misalnya? Jika Anda membuat dokumen HTML yang terlihat persis sama di Internet Explorer dan Firefox yang telah Anda buat dokumen yang dapat dibuka oleh pengguna Mac, Linux dan Windows, dan akan terlihat sama pada 99% dari browser.

instagram viewer

Apa itu CSS dan HTML?

Jika Anda baru mengenal seluruh hal pengkodean HTML dan CSS ini, jangan khawatir. Ini sangat mudah, dan Anda dapat menemukan banyak sumber daya di web untuk membantu Anda. HTML dan kode CSS adalah apa yang membuat sebagian besar dari apa yang Anda lihat di halaman ini di sini, HTML mengatur konten, sementara CSS mengatur gaya atau bagaimana konten disajikan.

Bagaimana cara membuat templat?

Contoh gaya CSS

Nah, Anda perlu mempelajari sedikit kode. Untungnya, HTML dan CSS sangat mudah dipahami. Untuk memberi objek perbatasan misalnya, cukup ketik

perbatasan: 1px hitam solid

. Ini akan membuat perbatasan solid hitam lebar 1px. Ada banyak opsi pemformatan yang dapat Anda cari dan gunakan, saran saya adalah memvisualisasikan apa yang Anda inginkan, dan kemudian mencari sedikit untuk menemukan cara melakukannya. Template paling dasar adalah file HTML kosong, lihat di bawah.



<p><em>Judul halaman ada di sini</em></p> <p></p>


Konten halaman Anda ada di sini.


Anda kemudian dapat mengisi semua ini dengan konten dan gaya untuk membuat dokumen Anda. Melihat Contoh 1, contoh 2 dan contoh 3 Saya membuat. Perlu diingat bahwa kode di dalam tubuh, isinya sama persis, saya hanya mengubah kode css. Ini menunjukkan bahwa Anda dapat menggunakan gaya untuk membuat tampilan berbeda dengan cepat.

Mengapa ini begitu hebat?

Alasan mengapa ini sangat mengagumkan adalah karena Anda dapat membuat gaya kustom untuk diri Anda sendiri yang mungkin menjadi semacam "merek dagang" dokumen Anda. Anda dapat memotong dan menempelkan kode CSS dan hanya memikirkan konten setelah Anda menyelesaikannya. Selain itu, Anda dapat menautkan di stylesheet, jadi jika Anda menyimpan dokumen secara online, Anda tidak perlu menyertakan CSS dalam file itu sendiri. Ini berarti Anda dapat menautkan stylesheet yang berbeda untuk berbagai kesempatan, dan Anda tidak perlu mengubah dokumen sepanjang waktu.

CSS juga memungkinkan pengeditan dokumen yang lebih cepat dari segi gaya. Saya lebih suka dokumen saya terlihat bagus karena saya merasa lebih baik seperti itu, dan dengan CSS proses pemformatan menjadi jauh lebih sedikit beban. Saat Anda menentukan gaya judul, itu akan diterapkan ke semua judul jenis itu. Ini berarti Anda tidak perlu mengubah warna latar belakang, warna font, ketebalan dan garis bawah judul satu per satu, Anda cukup menentukannya sekali.

Selain itu, karena Google Documents sekarang memiliki dukungan CSS penuh, Anda cukup menyalin dan menempelkan kode gaya Anda ke Documents dan ubah tampilan dokumen Anda tanpa harus memformat setiap judul satu per satu waktu.

Di mana saya bisa belajar lebih banyak?

Seperti yang saya katakan, CSS adalah alat yang sederhana, tetapi memerlukan beberapa pengetahuan dasar. HTML juga logis dan mudah dipelajari, saya sarankan W3Csekolah untuk keduanya. Saya belajar banyak dari apa yang saya ketahui hari ini di sana, untuk kebutuhan dasar ini adalah salah satu situs terbaik di internet. W3C juga mengembangkan standar web, sehingga Anda dapat yakin bahwa apa pun yang mereka tulis di halaman mereka berfungsi.

Halaman lain yang saya gunakan untuk belajar banyak adalah Sumber HTML Anda. Halaman ini berisi HTML dan CSS, dan juga beberapa tips lanjutan tentang pengkodean, promosi, aksesibilitas, dan secara umum cara membuat situs web yang baik. Ini memiliki bantuan CSS yang bagus, pasti patut dikunjungi.

Akhirnya Anda dapat melihat beberapa blog dan artikel terkait seperti kumpulan yang luar biasa ini teknik CSS penting dan 53 teknik Anda tidak bisa hidup tanpanya.