MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE

Ukuran: px
Mulai penontonan dengan halaman:

Download "MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE"

Transkripsi

1 MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE Dengan pokok materi pelajaran : 1. Pemrograman web dasar 2. Desain Grafis (Paint dan Photoshop) 3. Animasi (Flash MX) 4. Desain Web Dinamis (Dream waver, Photoshop, MySQL, PHP dan Web Server) OLEH : AHMAD SAFINGI, S.Pd.T. Guru Produktif TKJ langitcool@yahoo.com PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK NEGERI 2 BAWANG - BANJARNEGARA Jl. Raya Mantrianom, Bawang, Kode Pos Telp. (0286) Web site : smkn2bawang@yahoo.com Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 1

2 1. menggunakan tag Hx (Heading nomor 1-7) untuk format huruf dengan ukuran terbesar sampai terkecil <html> <head> <title> ::Latihan membuat web 1... </title> </head> <body> <h1>mau pintar ya belajar...</h1> <h2>mau pintar ya belajar...</h2> <h3>mau pintar ya belajar...</h3> <h4>mau pintar ya belajar...</h4> <h5>mau pintar ya belajar...</h5> <h6>mau pintar ya belajar...</h6> <h7>mau pintar ya belajar...</h7> </body> </html> Tampilan hasilnya sbb: Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 2

3 2. Menggunakan tag font untuk format huruf dengan tanpa parameter <html> <head> <title> ::Latihan membuat web 2... </title> </head> <body> <h1>membuat format tulisan dengan tag font selain Hx...</h1> <hr> <font size="7" color= red >mau pintar ya belajar...</font> <font size="6" color= #00ff00 >mau pintar ya belajar...</font> <font size="5">mau pintar ya belajar...</font> <font size="4">mau pintar ya belajar...</font> <font size="3">mau pintar ya belajar...</font> <font size="2">mau pintar ya belajar...</font> <font size="1">mau pintar ya belajar...</font> </body> </html> Tampilan hasil sbb: Catatan : penggunaan tag font tanpa ada tag <br> maka akan menjadi baris bersambung. Parameter color= red dengan warna dlm bahasa inggris atau color= 00ff00 dengan warna kode heksadesimal. Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 3

4 3. Menggunakan tag font dan tag br untuk ganti baris <html> <head> <title> ::Latihan membuat web 2... </title> </head> <body> <h1>membuat format tulisan dengan tag font selain Hx...</h1> <hr> <font size="7">mau pintar ya belajar...</font><br> <font size="6">mau pintar ya belajar...</font><br> <font size="5">mau pintar ya belajar...</font><br> <font size="4">mau pintar ya belajar...</font><br> <font size="3">mau pintar ya belajar...</font><br> <font size="2">mau pintar ya belajar...</font><br> <font size="1">mau pintar ya belajar...</font><br> </body> </html> Tampilan hasilnya sbb: Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 4

5 4. Membuat format tulisan dengan parameter size, color dan tipe <html> <head> <title> ::Latihan membuat web 2... </title> </head> <body> <h1>membuat format tulisan dengan tag font dengan parameter size,color dan tipe <hr> <font size="7" color="green" type="arial Black">mau pintar ya belajar...</font><br> <font size="6" color="yellow" type="arial">mau pintar ya belajar...</font><br> <font size="5" color="blue" type="georgia">mau pintar ya belajar...</font><br> <font size="4" color="red" type="arial">mau pintar ya belajar...</font><br> <font size="3" color="#225566" type="times">mau pintar ya belajar...</font><br> <font size="2" color="#ff0099" type="arial">mau pintar ya belajar...</font><br> <font size="1" color="#1199ff" type="arial">mau pintar ya belajar...</font><br> </body> </html> hasilnya sbb: Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 5

6 5. membuat background gambar dan menyisipkan gambar <html> <head> <title> ::Latihan membuat web 2... </title> </head> <body background="file:///d:/ahmadsafingi/images/abu.jpg"> <h1>membuat format tulisan dengan tag font dengan parameter size,color dan tipe <hr> <font size="7" color="green" type="arial Black">mau pintar ya belajar...</font><br> <font size="6" color="yellow" type="arial">mau pintar ya belajar...</font><br> <font size="5" color="blue" type="georgia">mau pintar ya belajar...</font><br> <img border="0" src="file:///d:/ahmadsafingi/images/bunga.jpg" width="187" height="283"> <font size="4" color="red" type="arial">mau pintar ya belajar...</font><br> <font size="3" color="#225566" type="times">mau pintar ya belajar...</font><br> <font size="2" color="#ff0099" type="arial">mau pintar ya belajar...</font><br> <font size="1" color="#1199ff" type="arial">mau pintar ya belajar...</font><br> </body> </html> hasil sbb: Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 6

7 <HTML> <HEAD> <TITLE> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 7

8 ::belajar web hari kedua.. </TITLE> </HEAD> <BODY BACKGROUND="..\ahmadsafingi\images\abu.jpg"> <H1>BELAJAR WEB ITU ASYIK..</H1> <H2>BELAJAR WEB ITU ASYIK..</H2> <H3>BELAJAR WEB ITU ASYIK..</H3> <H4>BELAJAR WEB ITU ASYIK..</H4> <H5>BELAJAR WEB ITU ASYIK..</H5> <H6>BELAJAR WEB ITU ASYIK..</H6> <H7>BELAJAR WEB ITU ASYIK..</H7> </BODY> <HTML> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 8

9 <HTML> <HEAD> <TITLE> ::belajar web hari kedua.. </TITLE> </HEAD> <BODY BGCOLOR="#d6ddfb"> <p align="center"> <IMG SRC="..\ahmadsafingi\images\enak.jpg" width="400" height="400"> </p> <H1>BELAJAR WEB ITU ASYIK..</H1> <H2>BELAJAR WEB ITU ASYIK..</H2> <H3>BELAJAR WEB ITU ASYIK..</H3> <H4>BELAJAR WEB ITU ASYIK..</H4> <H5>BELAJAR WEB ITU ASYIK..</H5> <H6>BELAJAR WEB ITU ASYIK..</H6> <H7>BELAJAR WEB ITU ASYIK..</H7> </BODY> <HTML> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 9

10 <HTML> <HEAD> <TITLE> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 10

11 ::belajar web hari kedua.. </TITLE> </HEAD> <BODY BGCOLOR="#d6ddfb"> <p align="center"> <IMG SRC="..\ahmadsafingi\images\enak.jpg" width="400" height="400"> </p> <font size="7">belajar WEB ITU ASYIK..</font> <font size="6">belajar WEB ITU ASYIK..</font> <font size="5">belajar WEB ITU ASYIK..</font> <font size="4">belajar WEB ITU ASYIK..</font> <font size="3">belajar WEB ITU ASYIK..</font> <font size="2">belajar WEB ITU ASYIK..</font> <font size="1">belajar WEB ITU ASYIK..</font> </BODY> <HTML> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 11

12 <HTML> <HEAD> <TITLE> ::belajar web hari kedua.. </TITLE> </HEAD> <BODY BGCOLOR="#d6ddfb"> <p align="center"> <font size="7"> Belajar membuat Tabel untuk alat bantu desain web site...jadi perhatikan baik - baik </font> </p> <TABLE BORDER ="1" WIDTH= "500" ALIGN="CENTER" <TR> <TD> BARIS 1 KOLOM 1 </TD> <TD> BARIS 1 KOLOM 2 </TD> </TR> <TR> <TD> BARIS 2 KOLOM 1 </TD> <TD> BARIS 2 KOLOM 2 </TD> </TR> </TABLE> </BODY> <HTML> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 12

13 Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 13

14 <HTML> <HEAD> <TITLE> ::belajar web hari kedua.. </TITLE> </HEAD> <BODY BGCOLOR="#d6ddfb"> <p align="center"> <font size="7"> Belajar membuat Tabel untuk alat bantu desain web site...jadi perhatikan baik - baik </font> </p> <TABLE BORDER ="0" WIDTH= "500" ALIGN="CENTER" <TR> <TD> <IMG SRC="..\ahmadsafingi\images\header.jpg" width="850" height="180" </TD> </TR> <TR> <TD> <p align="left"><font size="7">belajar WEB ITU ASYIK..</font></p> <p align="center"><font size="6">belajar WEB ITU ASYIK..</font></p> <p align="right"><font size="5">belajar WEB ITU ASYIK..</font></p> <p align="center"><font size="4">belajar WEB ITU ASYIK..</font></p> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 14

15 <p align="left"><font size="3">belajar WEB ITU ASYIK..</font></p> <p align="center"><font size="2">belajar WEB ITU ASYIK..</font></p> <p align="right"><font size="1">belajar WEB ITU ASYIK..</font></p> </TD> </TR> <TR> <TD> <P ALIGN="CENTER"><FONT SIZE="3"> copyright 2009 Ahmad Banjar Group </font></p> </TR> </TABLE> </BODY> <HTML> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 15

16 <html> <head> <title> ::ini judul web :: </title> </head> <body> <table width="800" border="1" align="center"> <td><div align="center"><span class="style1">ini ADALAH UNTUK HEADER </span></div></td> <td><table width="100%" border="1"> <td width="77%" align="left" valign="top"><p><strong>info terbaru </strong></p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p> <p><strong>info tadi pagi </strong></p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p> <p><strong>info KEMARIN </strong></p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p> <p>di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI TAMPILKAN... </p></td> <td width="23%" align="left" valign="top"><table width="100%" border="1"> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 16

17 <td align="left" valign="top"><div align="center"><strong>menu - MENU </strong></div></td> <td align="left" valign="top"><a HREF="menu1.html">MENU 1</A> </td> <td align="left" valign="top"><a HREF="menu2.html">MENU 2 </A></td> <td align="left" valign="top">menu 3 </td> <td align="left" valign="top">menu 4 </td> <td align="left" valign="top">menu 5 </td> <td align="left" valign="top">menu 6 </td> <td align="left" valign="top">menu 7 </td> <td align="left" valign="top">menu 8 </td> <td align="left" valign="top">menu 9 </td> </table></td> </table></td> <td><div align="center"><strong>ini NAMA PEMILIK WEB </strong></div></td> </table> </body> </html> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 17

18 Membuat master desain web dengan system table, terdiri dari 3 sistem table. Tabel utama berisi 3 baris dan 1 kolom dengan lebar width=85% dari tampilan lebar monitor atau sekitar 850 piksel. Berfungsi sebagai header atau kepala web yang dapat diisi dengan gambar grafis. Tabel kedua terdiri dari 1 baris dan dua kolom yang menggunakan lebar width=100% dari lebar table utama. Untuk table kedua, lebar kolom 1 = 78% dan kolom 2=22% jadi total 100% dari table utama. Berfungsi sebagai bagian isi web yang terdiri kolom menampilkan berita atau info di kolom 1 (sebelah kiri) dan untuk menampilkan system menu di kolom 2 (sebelah kanan). Tabel ketiga terdiri dari 10 baris dan 1 kolom dengan lebar 100% dari kolom kedua pada table kedua atau sama dengan 22%. Digunakan untuk memudahkan pemasangan menu sehingga tiap menu ada dalam satu baris. Tabel Utama 3 baris, 1kolom Tabel Kedua 1 baris, 2 kolom Tabel Ketiga 10 baris 1kolom <body> <table width="85%" border="1" align="center"> <td><img src=..\ahmadsafingi\header.jpg width= 900 height= 200 ></td> <td><table width="100%" border="1"> <td width="78%" align="left" valign="top">ini untuk berita atau info</td> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 18

19 <td width="22%" align="left" valign="top"> <table width="100%" border="1"> <td>menu - menu</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </table></td> </table></td> <td> </td> </table> Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 19

20 Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 20

21 Contoh desain web yang menggunakan system table pada web site Politeknik Negeri Semarang yang beralamat di Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 21

22 Modul ini masih belum selesai. Dan merupakan rilisan edisi no.x.1 Moga bermanfaat untuk membantu belajar. Trimakasih. Kritik dan saran bisa lewat blog atau lewat langitcool@yahoo.com Modul Belajar Mulok Desain Web Site Jurusan TKJ SMK N 2 Bawang 22

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. 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 terperinci

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat

Lebih terperinci

HTML (HyperText Markup Language)

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 terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. 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 terperinci

Pemrograman Internet by Susiana Sari, S.Kom

Pemrograman 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 terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP 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 terperinci

BAB I PERKENALAN HTML

BAB 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 terperinci

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan 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 terperinci

BAB I PERKENALAN HTML

BAB 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 terperinci

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi 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 terperinci

PENGGUNAAN SINGKATAN

PENGGUNAAN SINGKATAN PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda

Lebih terperinci

HTML (Hypertext Markup Language)

HTML (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 terperinci

Penulis :

Penulis : 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 terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: 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 terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: 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 terperinci

1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY

1. 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 terperinci

Membuat Layout Web Mengunakan Table

Membuat 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 terperinci

Modul Praktikum Desain Web 2015

Modul 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 terperinci

Berikut akan diberikan contoh program HTML yang sederhana :

Berikut 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 terperinci

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013 1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.

Lebih terperinci

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

BAB 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 terperinci

Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript

Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript 2014 Pertemuan II 2.1. Definisi dan Pengertian HTML 2.2.1 Ringkasan Materi HTML merupakan singkatan dari HyperText Markup Language adalah script

Lebih terperinci

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta

4. 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 terperinci

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :

HTML 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 terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman 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 terperinci

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga

Lebih terperinci

1.1. File HTML. 1. Dasar-dasar membuatan Homepage 2. Membuat Homepage lebih menarik 3. Professional Homepage

1.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 terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman 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 terperinci

Iankee.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 terperinci

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel BAB VII Tabel Setiap tabel minimal tersusun dari tiga tag dasar yaitu tag yang menandai sebuah tabel, tag yang membentuk baris dan tag yang membentuk kolom. Masing-masing tag tersebut harus

Lebih terperinci

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

PEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom

PEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom MODUL PEMROGRAMAN WEB Oleh : Yunita Prastyaningsih, S.Kom Modul 3 1. IMAGE / GAMBAR Untuk menampilkan gambar di dalam dokumen HTML, kita perlu menggunakan tag . Tag ini tidak memiliki pasangan tag

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL 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 terperinci

Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten

Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten Pemrograman Web Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten Pengertian Website Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman 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 terperinci

BAB-2 HTML Tingkat DASAR

BAB-2 HTML Tingkat DASAR BAB-2 HTML Tingkat DASAR Dasar dari semua pemrograman web adalah pemrograman HTML, sehingga dikatakan bahwa tidak akan dapat membangun suatu gedung tanpa ada fondasi yang mendasari dari gedung tersebut.

Lebih terperinci

DASAR HTML UNTUK PEMULA

DASAR 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 terperinci

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

Bahasa 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 terperinci

Komunikasi Multimedia

Komunikasi 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 terperinci

STRUKTUR DASAR HTML. Presented by: Moh. Sulhan 2009

STRUKTUR 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 terperinci

MODUL PEMROGRAMAN WEB

MODUL PEMROGRAMAN WEB MODUL PEMROGRAMAN WEB OLEH : Yunita Prastyaningsih, S.Kom Dalam HTML, table memiliki dua fungsi : Modul 4 TABEL Untuk mengatur informasi ke dalam bentuk tabular Untuk mengatur tampilan (layout) dari suatu

Lebih terperinci

Menampilkan Images, Audio, Video, dan Membuat Tabel

Menampilkan Images, Audio, Video, dan Membuat Tabel Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan

Lebih terperinci

Pemrograman Web Week 2. Team Teaching

Pemrograman 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 terperinci

TAG HTML LANJUT Tujuan Instruksional :

TAG HTML LANJUT Tujuan Instruksional : 3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

Sekilas Mengenai HTML

Sekilas 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 terperinci

TAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line

TAG 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 terperinci

Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT

Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT Pengantar HTML Achmad Fadlil Chusni, S.Kom, M.MT Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti tentang WWW Mengerti tag-tag dasar HTML

Lebih terperinci

HIPER TEXT MARKUP LANGUAGE

HIPER 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 terperinci

Materi latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:

Materi 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 terperinci

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

Web dan HTML Dasar. Siti Maesyaroh, M.Kom Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen

Lebih terperinci

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan

Lebih terperinci

HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>

HTML-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 terperinci

MODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML

MODUL 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 terperinci

Pemrograman Web DASAR HTML 2

Pemrograman Web DASAR HTML 2 Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang

Lebih terperinci

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

Pembuatan 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 terperinci

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 PEMROGRAMAN BERBASIS WEB Part 1,2 HTML By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 Referensi HTML5, JavaScript, and jquery 24-Hour Trainer, Copyright 2015 by

Lebih terperinci

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan

Lebih terperinci

Membuat Simpel Site HTML Layout Menggunakan Tag div

Membuat Simpel Site HTML Layout Menggunakan Tag div Membuat Simpel Site HTML Layout Menggunakan Tag div Oleh: Yudhistira Bayu W Ya, setelah saya memberikan Tutorial Tutorial Simpel HTML pada sebelumnya, Kali Ini saya akan memberikan Cara Membuat Simpel

Lebih terperinci

ACARA PRAKTIKUM PEMROGRAMAN WEB I

ACARA PRAKTIKUM PEMROGRAMAN WEB I ACARA PRAKTIKUM PEMROGRAMAN WEB I PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI GORONTALO 2005 PENUNTUN PRAKTIKUM PEMROGRAMAN WEB I PENUNTUN PRAKTIKUM

Lebih terperinci

XHTML dan Dasar-dasar CSS XHTML

XHTML dan Dasar-dasar CSS XHTML XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language

Lebih terperinci

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

MODUL 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 terperinci

FORMAT 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. 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 terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax 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 terperinci

Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164

Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 08018244-Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 CHAPTER 4 - CSS Salah satu tantangan bagi anda saat membuat halaman Web adalah saat mengatur letak posisi elemen. Sebuah halaman Web tidak

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukannya analisa dan perancangan sistem pada bab sebelumnya, lalu langkah selanjutnya adalah implementasi dan pengujian sistem dimana didalam

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan 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 terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

P - 6 Bab 4 : HTML (Hypertext Markup Language)

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara

Lebih terperinci

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah : PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.

Lebih terperinci

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML

1. 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 terperinci

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

HTML. 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 terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 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 terperinci

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5 PENGANTAR KOMPUTER DAN TI PERTEMUAN 5 Struktur dokumen HTML Homepage Kepala Judul Homepage Tubuh Isi Teks Isi Tabel. Isi Audio, Video, dll.

Lebih terperinci

Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language)

Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language) Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language) PERHATIAN 1. Rajin Mencoba dan tak pantang menyerah dengan kegagalan 2. Membaca modul dan mencoba mempraktekannya dalam

Lebih terperinci

Dasar-dasar HTML 2. Oleh: Cecep Yusuf

Dasar-dasar HTML 2. Oleh: Cecep Yusuf Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar

Lebih terperinci

Soal Remedial Prakarya-1

Soal 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 terperinci

TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB

TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB NAMA NIM KELAS : Satria Adi Prasetya : A410090156 : 7D Jawaban : a. Kode penyusunan Untuk index.html : mathematics Surgeons

Lebih terperinci

Chapter 1. Pengenalan HTML

Chapter 1. Pengenalan HTML Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

Praktikum Pemrograman Lanjut Dasar WEB(1)

Praktikum 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 terperinci

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada

Lebih terperinci

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 19. Menampilkan Data MySQL dalam

Lebih terperinci

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

SUSUNAN 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 terperinci

Chapter 2. Format Karakter

Chapter 2. Format Karakter Chapter 2. Format Karakter Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik.pemformatan karakter tersebut mencakup beberapa hal : 1) Logical

Lebih terperinci

P - 6 Bab 4 : HTML (Hypertext Markup Language)

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1

Lebih terperinci

Bab 2 Pengenalan HTML

Bab 2 Pengenalan HTML Bab 2 Pengenalan HTML 2.1 Dokumen HTML HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen

Lebih terperinci

BAB I DASAR-DASAR HTML

BAB I DASAR-DASAR HTML BAB I DASAR-DASAR HTML A. KOMPETENSI DASAR Memahami struktur dasar dokumen HTML dan HTML5 Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi.

Lebih terperinci

PANDUAN UJI KOMPETENSI

PANDUAN UJI KOMPETENSI PANDUAN UJI KOMPETENSI KLASTER WEB DESIGN LSP TIK INDONESIA Jl. Pucang Anom Timur 23 Surabaya 60282, Jawa Timur Telp: +62 31 5019775 Fax: +62 31 5019776 Daftar Isi 1. Latar Belakang... 2 2. Persyaratan

Lebih terperinci

Gambar 1.1 Desain halaman web

Gambar 1.1 Desain halaman web DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya

Lebih terperinci

Tutorial Pengenalan HTML (Hypertext Markupable Language)

Tutorial Pengenalan HTML (Hypertext Markupable Language) Tutorial Pengenalan HTML (Hypertext Markupable Language) http://pcr.aksespraktis.net Dilarang menggandakan atau menduplikasi tanpa ijin dari penulis Sekilas Mengenai Bahasa HTML HTML atau kependekan dari

Lebih terperinci

Copyright 2015

Copyright 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 terperinci

DIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/ SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50

DIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/ SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50 1 DIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/2014-1 SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50 http://sma11jogja.sch.id/ 2 HALAMAN PENGESAHAN Mengetahui, Kepala sekolah Dra.Baniyah NIP: 19560409

Lebih terperinci

Dasar-dasar Web dan HTML Minggu I. Pemrograman Web - Rosa Ariani Sukamto

Dasar-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 terperinci

PENGENALAN HTML dan TAG-TAG DASAR HTML

PENGENALAN 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 terperinci

Cara Membuat website dengan Dreamweaver

Cara Membuat website dengan Dreamweaver Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See

Lebih terperinci

MODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 02 Tag Gambar bergerak, List,

Lebih terperinci

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML

Nama : 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 terperinci