. .

WEB DESIGN : Perangkat Lunak Dan Pengenalan HTML dan HTML5

Posted by CHRISTIANTO D,WIBOWO | D3MI-2016 STMIK BUMI GORA On Jumat, Desember 23, 2016 No comments

Sebelum lanjutkan pembelajaran ini, perlu di informasikan bacalah dulu artikel pembelajaran sebelumnya dan kuasai pengenalan pengetahuan dasar di :
WEB PROGRAMMING
  1. PEMROGRAMAN WEB
  2. WEB DESIGN
  3. MEMULAI BELAJAR WEB PROGRAMMING
  4. Memulai Membangun WEBSITE Dengan HTML - Panduan Bagi Pemula
Perangkat Lunak
Untuk mulai menulis halaman web, kita akan menggunakan editor teks sederhana. Dengan begitu, kitaa akan dapat fokus pada kode, tanpa terganggu oleh menu dan tombol kompleks dari sepotong perangkat lunak Desain Web. Jika kita menggunakan Windows, maka Notepad adalah editor teks yang sangat baik untuk digunakan. Untuk memulai itu, klik menu Start Anda di bagian kiri bawah layar Anda. Klik All Programs, kemudian Accessories. Dari folder Accessories, pilih Notepad; atau ada yang lebih baik dari perangkat lunak adalah Notepad ++.  Pengguna Mac dan Linux memiliki sejumlah teks editor yang tersedia, tetapi menemukan yang gratis dan sebaik seperti Notepad ++ cukup sulit. Bluefish atau Smultron adalah cukup baik, tapi tampak sedikit tertinggal, terutama untuk pengolahan HTML. Untuk editor teks dasar seperti Notepad, Mac mempunyai TextEdit, yang dapat kita temukan di folder Applications. Kita mungkin ingin bermain-main dengan Preferences, Rich Text daripada Plain Text. Editor gratis lain yang baik untuk Mac adalah TextWrangler

Terimakasih banyak pada sumber utama pembelajaran ini :
➽ Software for Writing Web Pages | http://www.homeandlearn.co.uk/WD/wds1p2.html

Dan buat saya, saya gunakan  Notepad ++, alasannya adalah tidak terlalu rumit tetapi mempunyai plugins yang cukup lengkap dengan kemampuan interface hampir di semua browser termasuk Google Chrome yang saya gunakan untuk menguji pengkodean yang kita buat nantinya.
Apakah  Halaman WEB - Webpage itu
Pada bagian ini, kita akan belajar apakah halaman web itu dan bagaimana hal itu dapat dibaca oleh browser seperti Internet Explorer atau Google Chrome. Kita juga akan membangun halaman web pertama.
File di komputer kita dilengkapi dengan ekstensi. Jika kita menulis surat dengan menggunakan Microsoft Word dan menyimpannya dengan nama 'MyLetter', perangkat lunak akan menambah dengan nama ekstensi filenya. Karena itu diketik menggunakan Word, empat huruf yang ditambahkan ke nama file kita adalah .docx. Jadi nama file kita akan menjadi 'MyLetter.docx' dan bukan hanya 'MyLetter'. Jika kita membuat spreadsheet di Microsoft Excel dan menyebutnya 'Account', software Excel akan menambahkan sendiri extension ke nama file kita .xlsx. Jadi kita mengajukan nama 'Accounts.xlsx' dan bukan hanya 'Account'. Jadi kita akan mendapatkan perpanjangan nama ekstensi file yang berbeda tergantung pada perangkat lunak yang digunakan.

Ekstensi ini sangat penting untuk komputer. Mereka digunakan untuk mengidentifikasi jenis file. Dengan ekstensi file, Word dapat mengenali dokumennya sendiri.

Halaman web memiliki ekstensi file mereka sendiri. Ada yang berekstensi file tiga huruf dan ekstensi empat huruf. halaman web datang dengan .htm ekstensi atau .html. Tetapi Browser dapat mengenali ke dua ekstensi ini dengan baik.

Ketika kita membuka sebuah halaman web dengan browser, Internet Explorer misalnya, perangkat lunak browser memeriksa ekstensi file, jika melihat htm atau html, browser tahu itu sebuah halaman web dan kemudian mencoba untuk membukanya. Bahkan browser modern, disamping dapat membuka jenis file .htm dan .html juga bisa membuka file dengan ekstensi lainnya, contohnya Internet Explorer dapat membuka dokumen Word dan file PDF.
Tetapi di belakang layar, hal yang Internet Explorer lakukan untuk membuka file-file tersebut adalah benar-benar sebuah file teks yang telah memiliki perubahan/konvert ekstensi dari txt ke .htm. File teks meskipun memiliki simbol-simbol khusus dan kata-kata, yang disebut Tag. Ketika browser melihat Tags ini ia memprosesnya untuk bekerja, menampilkan apa pun yang kita ketik dan menyembunyikan Tag dari pemirsa webpage.

Halaman web yang ditulis di internet dalam kode yang disebut HTML.
HTML adalah singkatan dari HyperText Markup Language, 
HTML bukan merupakan bahasa pemrograman: itu adalah bahasa yang dirancang untuk meningkatkan presentasi teks. Sebagai contoh, di Microsoft Word, jika kita ingin judul besar yang bagus, kita dapat memilih ukuran font dari menu. HTML memiliki cara mudah untuk mengubah ukuran teks judul. Tapi pada dasarnya semua yang kita lakukan dengan HTML 'menyajikan teks dan gambar pada halaman web. Cara kita melakukan ini adalah dengan hal-hal yang disebut TAGS.
Pengenalan HTML5
HTML datang dalam versi yang berbeda. Ketika orang berbicara tentang HTML 5 mereka berbicara tentang update untuk mark up bahasa. Pembaruan ini disepakati oleh seluruh pihak host yang berbeda, semua anggota sebuah organisasi bernama W3C. W3C didirikan pada tahun 1994 oleh Tim Berners-Lee, yang juga menciptakan versi pertama dari HTML dan menemukan World Wide Web. Mereka sekarang mengawasi mendefinisikan teknologi Web baru. Companies yang membuat browser seperti Microsoft (Internet Explorer), Mozilla (FireFox), dan Apple (Safari) kemudian dapat memutuskan mana dari technoligies Web baru yang mereka ingin terapkan.

Sebagian besar nama-nama besar di teknologi browser memutuskan untuk menerapkan cukup banyak update baru yang disarankan (spesifikasi) yang diajukan oleh W3C. Spesifikasi ini umumnya dikenal sebagai HTML 5. Dalam prakteknya, ini berarti menerapkan fitur seperti HTML Video dan audio langsung ke browser, sebagai pembandingnya membutuhkan plugin pihak ke-3 seperti Adobe Flash. Update lain yang menarik adalah sesuatu yang disebut tag kanvas - Canvas tag. Hal ini memungkinkan kita untuk membuat animasi cukup canggih dan grafis menggunakan JavaScipt, tanpa perlu plugin/aplikasi pihak ke-3.

Ada banyak tag HTML baru yang mengambil teknologi browser maju ke abad ke-21. Sepanjang pembelajaran ini, kita akan diperkenalkan pada esensial HTML 5 tag yang kita butuhkan untuk membuat halaman web modern. OK take a break buddy, kita istirahat dulu, selanjutnya kita akan membahas  HTML tags.

0 komentar:

Posting Komentar