 |
Ilustrasi (sumber: pixabay) |
Laboratorium menjadi sarana yang esensial dalam bidang riset maupun pendidikan. Dalam pengolahan laboratorium ada banyak komponen yang menyusunnya baik berupa standar operasional prosedur (SOP) setiap tindakan maupun jadwal penggunaan. Agar dapat digunakan secara layak, laboratorium perlu dimanajemen sebaik mungkin bahkan jika perlu memiliki standar pengelolaan khusus.
Agar pengguna dapat memanfaatkan laboratorium dengan baik, pengelola harus dapat menyampaikan informasi yang cukup jelas sehingga meminimalisir informasi yang keliru. Terdapat berbagai banyak media yang bisa dimanfaatkan untuk memberikan informasi kepada pengguna laboratorium salah satunya dengan memiliki media informasi online. Media online juga memiliki beberapa tipe seperti text, gambar, video maupun audio.
Untuk menjadikan konten dalam satu media yang utuh, pengelola laboratorium dapat memanfaatkan Website sebagai sarana. Media website yang paling mudah digunakan adalah menggunakan HTML dan CSS. Oleh karena itu, dalam tulisan ini akan dijelaskan bagaimana tahapan membangun website sederhana sehingga menciptakan media informasi digital bagi pengguna laboratorium.
Kelebihannya yaitu media website berbasis HTML dan CSS lebih mudah diakses karena lebih ringan. Selain itu layout desain juga dapat di kustom sesuai keinginan. Dengan demikian supaya dapat memahami cara penggunannya, silahkan ikuti tahapannya sebagai berikut:
Download Aplikasi Visual Studio
Untuk mendownload aplikasi tersebut, silahkan menggunakan link
di sini. Jika aplikasi sudah terdownload, silahkan melakukan proses installasi seperti biasa di perangkat komputer Anda. Aplikasi yang berhasil diinstall akan tampak seperti di bawah ini:
 |
| Tampilan Visual Studio Code |
Memahami Struktur HTML dan CSS
Secara umum, HTML memiliki struktur yang sama dengan anatomi makhluk hidup yaitu terdapat kepala (head) badan (body) dan kaki (footer). Sementara CSS pada dasarnya terdiri atas 2 komponen: properties yang berisi indikator yang dapat dibaca manusia dengan fitur yang bisa dimodifikasi, values merupakan nilai yang ingin ditentukan merujuk kepada properti yang ingin dimodifikasi.
Ketika ingin memulai memasukan fungsi maka dibutuhkan penanda pembuka dan penutup. Contoh dapat dilihat pada gambar seperti di bawah ini:
 |
Penanda terbuka dan tertutup yang distabilo kuning
|
Menyimpan file dengan format HTML
Agar halaman dapat menjalankan fungsi koding dengan baik, lakukan penyimpanan dengan klik File --> Save as --> Lalu pilih format HTML. Jika berhasil, maka hasil kodingan dapat diklik menuju ke halaman browser seperti Chrome.
 |
| Proses penyimpanan file dan penentuan format file |
Membuat folder di dalam yang nanti akan dihubungkan ke halaman HTML yang sudah dibuat
Demikian pengantar singkat untuk pembuatan halaman pengolahan informasi laboratorium secara online menggunakan HTML dan CSS. Tahap berikutnya akan dibahas lebih lengkap di Part 2. Sekian dan terima kasih. Jika ada yang mau ditanyakan, bisa kirim komentar di kolom bawah.
More From Author
Tutorial