Pengenalan HTML dasar untuk pemula
HTML adalah Hypertext Markup Language HTMLmemungkinkan seorang pengguna untuk membuat dan menyusun bagian paragraf, heading, link atau tautan untuk halaman web atau aplikasi. bahasa pemrograman ini ditulis dalam berkas format ASCII supaya bisa menghasilkan tampilan wujud yang terintegerasi. Terdapat 3 (tiga) struktur penting dalam membuat website, pertama HTML yang berguna menjadi pondasi lalu ada CSS untuk menghiasi website itu sendiri sehingga bisa mempercantik website yang kita buat, kemudian ada JAVA SCRIPT yang merupakan otak dari struktur itu sendiri sehingga membuat website lebih dinamsi dan atraktif.
BAGAIMANA CARA KERJA SEBUAH WEBSITE?
Jika kita mengunjungi Blog ini pastinya kita membutuhkan koneksi internet, karena website memerlukan sebuah web server hosting yang dapat diakses dimana saja, hal pertama yang akan dilakukan sebuah website ketika kita menekan enter pada alamat web yang kita akan tuju adalah browser menghubungi Domain Name System (DNS) server untuk mengarahkan ke alamat server. kemudian browser akan mengirimkan request agar server mengirimkan salinan dari informasi yang nantinya ditampilkan pada client (browser). jika request tersebut berhasil maka server menanggapi (response) permintaan tersebut dan mulai mengirimkan salinan yang dibutuhkan. browser menggabungkan bagian-bagian informasi yang diperoleh untuk kemudian ditampilkan di jendela browser.
Untuk menampilkan informasi pada halaman, browser menggunakan HTML dan CSS yang dikirimkan dari server. dan informasi dalam bentuk HTML dan CSS lah yang dikirimkan server untuk client (browser). Halaman website juga membutuhkan informasi extra seperti berkas gambar, suara dan video dan semua berkas tersebut bisa ditanamkan pada (embed) HTML dan sebenarnya halaman website juga membutuhkan Java Script untuk merender HTML atau CSS agar dapat menampilkan informasi secara dinamis.
Untuk mempelajari dan mendalami HTML kita akan belajar rangkaian penggunaan HTML pada website. mulai dari pembuatan berkas HTML, menggunakan elemen, serta menampilkan gambar dan menyusun layout. dan juga kita akan mempelajari dan mendalami Styling lalu menerapkannya pada website untuk mempercantik dalam penyusunan website yang menarik.
Software/tools yang dibutuhkan
Untuk langkah awal memulai membuat bahasa pemrograman kita tentu kita harus memiliki tools/text editor yang berguna untuk menuliskan kode HTML,CSS dan juga JavaScript. Sebenarnya beberapa sistim operasi komputer sudah memiliki text editor sendiri. contohnya Windows memiliki Notepad, Linux memiliki Text editor dan Mac Os memiliki Text edit. meskipun begitu banyak software yang menawarkan alternatif lain. berikut ini adalah software text editor yang memiliki banyak pengguna diantaranya adalah.
Visual studio code
Visual Studio Editor merupakan software text editor yang dikembangkan oleh Microsoft. dalam software ini terdapat fitur debugging, Git control, syntax highlighting, code completion, snippets, dan code refactoring. Visual Studio Code bisa diunduh oleh pengguna Windows, Mac Os dan juga Linux, dan pastinya text editor ini bisa dipakai secara gratis tanpa harus membeli lisensinya, untuk mendownloadnya silahkan kunjungi website: https://code.visualstudio.com/
Sublime Text
Sublime Text merupakan aplikasi editor untuk kode dan teks yang dapat berjalan di berbagai platform dengan menggunakan teknologi Phyton API. Terbentuknya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah fleksible dan powerfull. Fungsional dari aplikasi ini bisa dikembangkan dengan menggunakan sublime-packages. Software ini juga mendukung berbagai bahasa pemrograman dan mampu menyajikan fitur syntax highlight hampir di semua bahasa pemrograman yang didukung ataupun dikembangkan oleh komunitas seperti: C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, Latex, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Phyton R, Ruby, SQL, TCL Textile and XML. Software ini juga bisa diunduh seraca gratis dan tidak memerlukan lisensi anda bisa mengunduhnya di: https://www.sublimetext.com/
Atom Editor
Atom Editor merupakan software text editor yang mirip dengan Sublime Text, namun fiturnya lebih lengkap dan nyaman digunakan, Atom Editor software code buatan Github yang merupakan perusahaan terkenal dengan layanan Cloud Computing untuk project open source menggunakan Git. software ini juga bisa diundah gratis dan tidak memerlukan lisensi tambahan, anda bisa mengunduhnya di: https://atom.io/
Selanjutnya kita akan mencoba membuat berkas HTML dan membangun struktur HTML lalu menerapkan elemen-elemen lainnya.
Tidak ada komentar:
Posting Komentar