ACARA PRAKTIKUM PEMROGRAMAN WEB I
|
|
- Ridwan Tanuwidjaja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 ACARA PRAKTIKUM PEMROGRAMAN WEB I PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI GORONTALO 2005
2 PENUNTUN PRAKTIKUM PEMROGRAMAN WEB I PENUNTUN PRAKTIKUM I STRUKTUR DASAR DOKUMEN HTML 1. Dapat mengenal struktur dasar HTML 2. Dapat menggunakan tag-tag HTML seperti : <body> </body> ; <head> </head> ; <title> </title> MEMULAI MEMBUAT DOKUMEN HTML Bukalah Notepad (secara manual) dan FrontPage (Otomatis) Ketikkan tag dasar HTML seperti berikut ini : <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> Tag ini anda harus ketikan setiap anda membuat sebuah tampilan dengan menggunakan HTML. Sekarang anda telah siap untuk memulai membuat program HTML Coba ketikkan program kecil dibawah ini <HTML> <HEAD> <TITLE> Berlatih membuat Home Page </TITLE> </HEAD> Selamat Datang di Home Page Saya, halaman ini masih dalam tahap perbaikan </HTML> Setelah anda selesai mengetikan program tersebut pada notepad simpan dengan extension file htm atau html kemudian silahkan anda buka dengan menggunakan salah satu browser yang ada. Ulangi langkah-langkah tersebut sampai anda benar-benar hapal
3 PENUNTUN PRAKTIKUM II ELEMEN-ELEMEN HTML ( SIZE, FACE, COLOR, DLL) 1. Dapat membuat program dengan menggunakan elemen-elemen HTML 2. Dapat membuat dan mengembangkan penggunaan tag-tag HTML yang ada. Praktikum 2 SIZE Coba anda ketikkan program dibawah ini <FONT SIZE=1> Font Size 1</FONT><BR> <FONT SIZE=2> Font Size 2</FONT><BR> <FONT SIZE=3> Font Size 3</FONT><BR> <FONT SIZE=4> Font Size 4</FONT><BR> <FONT SIZE=5> Font Size 5</FONT><BR> <FONT SIZE=6> Font Size 6</FONT><BR> <FONT SIZE=7> Font Size 7</FONT><BR> FACE Cobalah anda ketikan program dibawah ini <FONT FACE= Comic Sans MS > Comic Sans MS</FONT><BR> <FONT FACE= Arial > Arial</FONT><BR> <FONT FACE= Times New Roman > Times New Roman</FONT><BR> <FONT FACE= Verdana > Verdana</FONT><BR> COLOR Cobalah anda ketikan program dibawah ini <FONT COLOR=Red> Huruf ini warnanya Merah</FONT><BR> <FONT COLOR=#800000> Huruf ini warnanya Marun</FONT><BR> <FONT COLOR=Black> Huruf ini warnanya Hitam</FONT><BR> PENUNTUN PRAKTIKUM III MEMBUAT DAFTAR / LIST 1. Dapat membuat suatu penomoran otomatis dengan tag HTML 2. Dapat memahami dan menggunakan tag HTML yaitu daftar dengan Bullet/Unordered list.
4 Coba anda ketikan program di bawah ini <H3> DAFTAR MAHASISWA </H3> <UL> <LI> Antonio Sanadar <LI> Lia Sustina <LI> Kusuma Adi <LI> Rio Rikadin <LI> Alatas Alitas </UL> Contoh berikut membuat penomoran dengan menggunakan atribut TYPE <HTML> <HEAD> <TITLE> Penomoran Otomatis </TITLE> </HEAD> <H3> Daftar dengan berbagai karakter</h3> <UL TYPE= disc > <LI> Daftar dengan (TYPE=disc) <LI> Daftar dengan (TYPE=disc) </UL> <UL TYPE= square > <LI> Daftar dengan (TYPE= square) <LI> Daftar dengan (TYPE= square) </UL> <UL TYPE= circle > <LI> Daftar dengan (TYPE= circle) <LI> Daftar dengan (TYPE= circle) </UL> </HTML>
5 PENUNTUN PRAKTIKUM IV MEMBUAT TABLE 1. Dapat memahami dan membuat table dalam suatu perancangan sebuah halaman web Untuk membuat sebuah tabel yang sederhana anda hanya memerlukan tiga buah tag berpasangan yaitu : <TABLE> </TABLE>, untuk mendefenisikan sebuah tabel. Kemudian diantara tag tersebut digunakan tag </TR> (Table Row) untuk membuat sebuah baris didalam tag. Digunakan tag <TD> </TD> (Table Data) untuk mendefenisikan kolom dan data. Ketiga buah tag tersebut digunakan dengan pola : <TABLE> <TD> Tabel Sangat Sederhana </TD> </TR> </TABLE> Coba anda ketikkan program dibawah ini : <TABLE> <TD> Tabel Sangat Sederhana </TD> </TR> </TABLE> <BR> <TABLE BORDER> <TD> Satu baris dua kolom </TD> <TD> Satu baris dua kolom </TD> </TABLE> <BR> <TABLE BORDER> <TD> Dua baris dua kolom </TD> <TD> Satu baris dua kolom </TD> </TR> <TD> Dua baris dua kolom </TD> <TD> Dua baris dua kolom </TD> </TR> </TABLE>
6 Simpan dokumen diatas pada file htm atau html dan silahkan anda lihat tampilannya melalui web browser. Latihan : Buatlah sebuah web dengan menggunakan tag table. PENUNTUN PRAKTIKUM V MEMBUAT LINK DALAM SATU DOKUMEN 1. Dapat membuat suatu link ke bagian tertentu dalam dokumen yang sama Untuk membuat link kebagian tertentu dari suatu dokumen, anda perlu memberi nama pada bagian tersebut dengan perintah HTML : <A Name= Paragraf A >Teks penghubung </A> Agar lebih jelas mari kita lihat contoh berikut ini :
7 Misalkan anda mempunyai empat buah paragraf dalam sebuah dokumen dan anada ingin dari paragraf pertama langsung melompat ke paragraf ke empat. Maka hal pertama yang harus anda lakukan adalah memberi nama untuk paragraf ke empat tersebut, seperti : <H3> Paragraf pertama </H3> <H3> Paragraf kedua </H3> <H3> Paragraf ketiga </H3> < A Name= Paragraf 4 > Teks penghubung </A> <H3> Paragraf keempat </H3> Perhatikan nama yang kita berikan pada paragraf keempat Paragraf4, nama ini sering juga disebut Jumppoint (titik loncat), nama ini tidak akan muncul pada browser. Setelah anda mendefenisikan nama untuk paragraf keepat tersebut, langksh selanjutnya adalah membuat link ke bagian tersebut. Adapun perintah HTML yang digunakan untuk membuat link ini sama dengan perintah link biasa, <A HREF=url> </A>, hanya saja tanda # harus anda tambahkan sebelum nama titik loncat tersebut. Tuliskan link berikut ini diparagraf pertama : <H3> Paragraf pertama </H3> <A HREF= #Paragraf 4 > Teks penghubung </A> Perhatikan tanda #, tanda ini harus selalu ada, karena jika tidak dibuat, maka Browser akan menganggap link ini sebagai link biasa. Teks penghubung adalah teks yang akan ditampilkan oleh Browser, teks ini bisa anda ganti dengan teks apa saja. Pada Browser bila teks penghubung ini anda klik dengan mouse maka anda akan langsung di bawa ke paragraf keempat. Latihan : Buatlah sebuah link antar dokumen untuk membuat suatu tampilan web untuk membaca berita. Berita di bagi dalam empat bagian kemudian buatlah linknya
8 PENUNTUN PRAKTIKUM VI MEMBUAT LINK ANTAR DOKUMEN 1. Dapat memahami dan mengenal pembuatan suatu link atau dikenal dengan hypertextlink 2. Dapat membuat sebuah link antar dokumen yang ada Jika kita membuat link ke bagian tertentu pada dokumen yang berbeda, maka anda tinggal menyebutkan nama dokumen tersebut sebelum tanda #. Seperti : <A HREF= menu.html1#paragraf1 > teks penghubung >/A> Dalam ilustrasi sebagai berikut : <A HREF= menu html#paragraf1 >.</A> <A Name= Paragraf1 >.</A> Nama dokumen yang dituju Nama untuk titik loncat Latihan : Buatlah sebuah tampilan web yang menggunakan link atau hubungan 2 dokumen
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciTAG 10/2/2011. Pengenalan HTML. Pengantar Bahasa HTML (Menuliskan Kode HTML) Pengantar Bahasa HTML. Pengantar Bahasa HTML (Membuat Dasar Tag)
Perancangan & Pemprograman WEB Pertemuan 2 Pengenalan HTML, TAG, list, dan Hyperlink Pengenalan HTML Apakah file HTML itu? HTML singkatan dari Hyper Text Markup Language. Merupakan suatu bahasa pemorgraman
Lebih terperinci4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta
LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciSekilas Mengenai HTML
Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak
Lebih terperinciKONSEP DASAR HTML. HTML ( HyperText Mark up Language )
KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciPEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
Lebih terperinciMODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL
MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman
Lebih terperinciPembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciPemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
Lebih terperinci1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
Lebih terperinciBerikut akan diberikan contoh program HTML yang sederhana :
1. Struktur Dokumen Syarat perlu mempelajari suatu bahasa pemrograman adalah mengetahui Strukturnya. Program/dokumen HTML terdiri dari Kepala Program/Dokumen dan Badan Program/Dokumen dengan bentuk sbb
Lebih terperinci1.1. File HTML. 1. Dasar-dasar membuatan Homepage 2. Membuat Homepage lebih menarik 3. Professional Homepage
Modul ini membahas teknik teknik pembuatan homepage pribadi dengan menggunakan perintah perintah HTML. Dalam buku ini akan dijelaskan tiga tingkatan pembuatan homepage, yaitu: 1. Dasar-dasar membuatan
Lebih terperinciSoal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Lebih terperinciWeb Programming (WP) Step 2 [ HTML & PHP BASIC]
Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciHTML Dasar Pertemuan - 2
HTML Dasar Pertemuan - 2 Semester Ganjil 2009/2010 HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciBab 1. HTML (Hypertext Markup Language) A. World Wide Web
Bab 1 HTML (Hypertext Markup Language) A. World Wide Web Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia, TCP/ IP menjadi protocol penghubung
Lebih terperinciTampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
Lebih terperinciModul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciMODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
Lebih terperinciHTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
Lebih terperinciHTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
Lebih terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciHTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>
HTML-FRAME 1 A. FRAME HTML Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan.
Lebih terperinciPemrograman Web Dasar
Pemrograman Web Dasar Definisi HTML HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemrograman web desain dan juga biasa di sebut script untuk menyusun dokumendokumen Web.
Lebih terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciNama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
Lebih terperinciDASAR HTML UNTUK PEMULA
DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet
Lebih terperinciBahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciCHAPTER 3 HTML-2. <OL> </OL>, Ordered List, membuat menu berurut, baik dengan nomor, huruf atau bilangan romawi. Propertis:
CHAPTER 3 HTML-2 (ditulis sebagai pemantik belajar mahasiswa Desain Website UNS) A. Tujuan: Mahasiswa mengetahui dasar HTML B. Pokok Bahasan: MENU, ANCHOR C. Materi: 1. MENU Biasa digunakan untuk membuat
Lebih terperinciTujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.
Lebih terperinciBAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Lebih terperinciContoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
Lebih terperinciTUTORIAL MEMBUAT WEBSITE BAGI PEMULA
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA Pengenalan halaman frontpage Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari program frontpage 1 Keterangan : A. Membuka halaman
Lebih terperinciPENGENALAN HTML dan TAG-TAG DASAR HTML
Pengenalan HTML dan Tag tag dasar HTML PENGENALAN HTML dan TAG-TAG DASAR HTML Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML,
Lebih terperinciSecara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>
Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan
Lebih terperinciPEMROGRAMAN WEB. OLEH : Yunita Prastyaningsih, S.Kom
PEMROGRAMAN WEB MODUL OLEH : Yunita Prastyaningsih, S.Kom Modul 2 1. Tag FONT Untuk memodifikasi sebuah font digunakan tag sebagai pembuka dan tag sebagai penutup. Tag ini mempunyai atribut,diantaranya
Lebih terperinci- Hingga Muncul tampilan dan editor Frontpage sebagai berikut : Area Kerja. Menu Formatting. Layer Kerja
MS. Frontpage adalah salah satu software buatan Microsoft yang digunakan untuk membuat halaman-halaman situs (website) yang sangat populer, selain mudah digunakan MS. Frontpage juga mempunyai fitur-fitur
Lebih terperinciStruktur Umum File Dengan Bahasa HTML
Struktur Umum File Dengan Bahasa HTML Resti Alvianingrum rt.rhestyalviabin@gmail.com Abstrak HTML (Hyper Text Markup Language) merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang
Lebih terperinciPertemuan IV. Semester 1
Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table
Lebih terperinciHTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
Lebih terperinciSTRUKTUR DASAR HTML. Presented by: Moh. Sulhan 2009
STRUKTUR DASAR HTML Presented by: Moh. Sulhan : sulhan@ukanjuruhan.ac.id @ 2009 Stuktur Dasar HTML Ekstensi / nama ahiran dari file adalah :.html /.htm Tag HTML tidak bersifat case sensitive Struktur dasar
Lebih terperinciPercobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html
Alat dan Bahan -- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya -- Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai icon pada list
Lebih terperinciHIPER TEXT MARKUP LANGUAGE
HIPER TEXT MARKUP LANGUAGE (HTML) 1. PENGERTIAN HTML Bicara mengenai HTML, kita juga harus bicara mengenal HTTP (hypertext transfer protokol). HTTP adalah protokol yang digunakan untuk mentransfer dokumen
Lebih terperinciHTML (Sindy Nova Si )
HTML (Sindy Nova) Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog,
Lebih terperinciPengantar HTML. Pengantar HTML
Mark Up Language Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur
Lebih terperinciTutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008
Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi willy@ipb.ac.id Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian
Lebih terperinciTujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman
Lebih terperinciSUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks
Lebih terperinci1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Lebih terperinciCopyright 2015
HYPERTEXT MARKUP LANGUAGE (HTML) Asep Herman Suyanto info@bambutechno.com http://www.bambutechno.com A. Pengenalan HTML HTML merupakan bahasa yang digunakan untuk menulis halaman web. Biasanya mempunyai
Lebih terperinciPraktikum Pemrograman Lanjut Dasar WEB(1)
Praktikum Pemrograman Lanjut Dasar WEB(1) Praktikum 1 1. Di bawah ini adalah struktur dari dokumen HTML, buka Notepad kemudian ketikkan teks di bawah ini: contoh1.htm Kepala atau kop dokumen
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan
Lebih terperinciTujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web
HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciEdisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L
Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar
Lebih terperinciMODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML
MODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML Tujuan Instruksional Umum : Agar mahasiswa dapat mengenal dan memahami tag-tag dasar HTML dan Format penulisan pada dokumen HTML Tujuan Instruksional
Lebih terperinciStandar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML
Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciFORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri
FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background
Lebih terperinciPemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman
Pemrograman Web Cascading Style Sheets Created by : Rifqi Sambas Khairurrohman Home Page Anatomi CSS Macam Selector Cara Kerja Anatomi CSS CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector,
Lebih terperinciMembuat web sederhana dengan HTML
Membuat web sederhana dengan HTML Bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan teks. Gambar dan multi media. Dalam html terdapat tag-tag yang mampu dibaca oleh browser web sehingga tampilan
Lebih terperinciTag HTML Container. Nuryani Sofia Dewi / / Kelas A
Tag HTML Container Pada dasarnya, sebuah halaman web adalah teks file yang berisi petunjuk dalam bentuk kode-kode HTML(disebut tag) dan atribut. Tag adalah perintah Web browser yang nantinya ikut memformat
Lebih terperinci4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button
NAMA : KELAS/NoAbsensi : A. PILIHAN GANDA 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a.
Lebih terperinciI. KONSEP DASAR WEB Lisensi Dokumen:
I. KONSEP DASAR WEB Lisensi Dokumen: Copyright win.web.id Seluruh dokumen di win.web.id dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
Lebih terperinciMembuat Layout Web Mengunakan Table
Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : prasetyoutomo771@gmail.com Page 2 1. Pengenalan
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciDasar-dasar Web dan HTML Minggu I. Pemrograman Web - Rosa Ariani Sukamto
Dasar-dasar Web dan HTML Minggu I Pemrograman Web - Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Ngapain Sih? Ya Belajar Membuat website dengan HTML dan PHP Layanan-layanan Internet layanan informasi
Lebih terperinciMODUL TIK - HTML II KELAS XI SEMESTER I
MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima
Lebih terperinciBAB 2. Membuat Halaman Web Sederhana. Materi
BAB 2 Membuat Halaman Web Sederhana Materi Membuat Halaman Web PHP Membuat Halaman Web PHP dalam HTML Membuat Halaman Web PHP dengan Tag-tag HTML Membuat Halaman Web PHP dengan Javascript SESI / PERKULIAHAN
Lebih terperinciBelajar Membuat web sederhana dengan HTML (Bagian 1)
Belajar Membuat web sederhana dengan HTML (Bagian 1) Ahmad Hasnan, Mahasiswa Teknik Mesin Universitas Brawijaya, Anggota komunitas web (webcom) Unibraw. Bahasa HTML merupakan bahasa markup (pelekat) untuk
Lebih terperinciTAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line
TAG UTAMA HTML Materi Heading Paragraf Font Breakline Horisontal Line PERTEMUAN KE-2 TAG UTAMA HTML 2.1 PENGANTAR Dalam Bab Pertemuan ke-2 ini akan disinggung tentang tag utama dasar yang digunakan untuk
Lebih terperinciMateri latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
Lebih terperinciMODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciHTML (Hyper Text Markup Languange) Adalah : Bahasa pemrogramman yang dibuat untuk membangun sebuah website Protokol yang digunakan dalam HTML adalah
Pertemuan 1 HTML (Hyper Text Markup Languange) Adalah : Bahasa pemrogramman yang dibuat untuk membangun sebuah website Protokol yang digunakan dalam HTML adalah HTTP(HyperText Transfer Protocol)
Lebih terperinciCSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS
PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi
Lebih terperinciMembangun website dinamis berbasis PHP-mySQL (3)
Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciKeterampilan Komputer. 8. Pengenalan HTML
Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah
Lebih terperinci1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY
--------------------------------------------------------------------------------------------------------- BELAJAR HTML DASAR LENGKAP SINGKAT JELAS PADAT (Disertai Study Kasus) (www.infomugi.blogspot.com)
Lebih terperinciStandar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink
Pengenalan HTML Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Indikator Hasil Belajar 1. Dapat menjelaskan pengertian html. 2.
Lebih terperinciHTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :
HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya
Lebih terperinciPengenalan Perancangan Web 2017
3. Format Teks HTML 3.1. Logical Format Logical format menerapkan layout dokumen secara logis dan terstruktur. Semua tag ini memerlukan tag penutup. Tag yang termasuk dalam logical format adalah sebagai
Lebih terperinciDESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Lebih terperinciHTML. Minggu 2. Pemrograman Web/MI/D3/2 sks 1
HTML Minggu 2 Pemrograman Web/MI/D3/2 sks 1 HTML (HyperText Markup Language) Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan
Lebih terperinciHTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
Lebih terperinciPRAKTIKUM 3 Pengenalan CSS
Tujuan: - - - PRAKTIKUM 3 Pengenalan CSS Mahasiswa mampu memahami konsep dasar CSS Mahasiswa mampu memahami struktur dasar syntax CSS Mahasiswa mampu memahami penerapan warna pada CSS Dasar Teori CSS merupakan
Lebih terperinciPertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS D3 Manajemen Informatika - Unijoyo 2 Singkatan dari Cascading Style
Lebih terperinci