REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
TUJUAN 1) Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. 2) Dapat berkreasi dengan beberapa image, link untuk membuat sebuah karya web personal. ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN KERJA 1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan. LANGKAH KERJA 1) 2) 3) 4) 5) 6)
Periksa semua kabel penghubung pada komputer. Hidupkan komputer dengan menekan saklar pada komputer, jangan menghidupkan komputer dengan memasukkan colokan ke stop kontak ketika saklar dalam keadaan On. Jika komputer telah hidup, buatlah satu folder di D dengan nama folder : no. Absen spasi nama_siswa. Jalankan aplikasi Notepad. Start all program accessories Notepad Buat file baru Klik New File. Ketiklah tag HTML di bawah ini, perhatikan untuk penulisannya, untuk tag HTML gunakan huruf kapital. a. Simpan file berikut di folder yang anda buat tadi dengan nama awal.html <TITLE>Selamat Datang
Selamat datang di Web Kami!
b.
Dibuat oleh : Wening Tyas S
header.html <TITLE>Headers
level 1 header
level 2 header
level 3 header
level 4 header
level 5 header
level 6 header
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Dibuat oleh : Wening Tyas S
c.
text_styling.html <TITLE>Selamat Datang
Selamat Datang di Web Site Kami!
Kami mendesign halaman web ini dengan menggunakan <EM>HTML. Kami menggunakan <EM>HTML sejak versi<STRONG> 2.0. Dan kami merasa nyaman menggunakannya.
Selamat Berselancar…
d.
link.html <TITLE>Selamat Datang
Ini adalah Situs favorite saya
<STRONG>Klik pada alamat halaman situs yang akan dituju
Yahoo: http://www.yahoo.com
Dinas Pendidikan: http://www.depdiknas.go.id
SMK Negeri 1 Wonosobo: http://www.smkn1-wnb.sch.id
Kabupaten Wonosobo: http://wonosobokab.go.id
e.
gambar.html (sebelum mengetik file ini, anda copykan 2 gambar jpeg yang akan anda gunakan dalam file ini ke dalam folder yang sama) <TITLE>Selamat Datang
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Dibuat oleh : Wening Tyas S
f.
navigasi.html <TITLE>Selamat Datang
g.
font.html <TITLE>Selamat Datang
Selamat Datang di Web Site Kami!
Kami mendesign halaman ini menggunakan<EM>HTML. Kami menggunakan <EM>HTML sejak versi<STRONG> 2.0, dan kami merasa nyaman memakainya. Ini membutuhkan waktu yang pendek dan kami dapat mempelajarinya melalui buku <EM>HTML
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Anda juga akan mengetahui hal-hal yang baru pada HTML 4.0..
Selamat menikmati Web Site ini!
h.
karakter.html <TITLE>contact page
Alamat email ku adalah [email protected]. Klik alamat tersebut dan otomatis akan membuka pesan email pada alamat itu.
Semua informasi di halaman ini<STRONG>© deitel<STRONG>&Assosiates.1999.
Anda dapat mengcopy 3.14 x 10<SUP>2characters informasi dari web site ini.
Tetapi ada <SUB>beberapa informasi yang tidak dapat anda copy
No permission is needed if you only need to use<STRONG> < ¼of the information presented here.
i.
Dibuat oleh : Wening Tyas S
horisontal_rule.html
<TITLE>Horizontal rules
<STRONG>size:4 <STRONG>width:75%
<STRONG>size:12 <STRONG>width:25%
<STRONG>size:8 <STRONG>width:50% <STRONG><EM>No Shade...
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Dibuat oleh : Wening Tyas S
j.
list_simbol1.html <TITLE>Links
Ini adalah website favorite saya
<STRONG>Klik salah satu alamat berikut jika ingin membuka halaman yang diinginkan.
k.
list_simbol2.html <TITLE>List
Keutamaan Internet
- Dapat bertemu dengan teman baru dari negara lain di seluruh dunia.
- Dapat mengakses informasi baru secara umum:
- Game
- Aplikasi
- Untuk Bisnis
- Untuk Hiburan
- Berita 24 jam
- Search Engine
- Shopping
- Programming
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
- HTML
- Java
- Dynamic HTML
- Scripts
- New languages
- Links
- Dapat tetap berhubungan dengan teman lama
- Merupakan teknologi masa depan!
My3 Favorite <EM>CEO's
- Bill Gates
- Steve Jobs
- Michael Dell
l.
list_nomor.html <TITLE>List
Uraian Singkat Tentang Web Site
- Halaman Home
- Halaman Links
- Links ke Google
- Links ke Site Pendidikan
- Sekolahan
- SMU
- www.smun2-mlg.sch.id
- www.sman6jkt.web.id
- SMK
- www.smk2-yk.sch.id
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
- www.smkn4jogja.sch.id
- Dinas Pendidikan
- Links ke site hiburan
- Halaman Feedback
- Halaman Kontak
- Contoh Halaman HTML
7)
Jika sudah selesai, pahami tag-tag HTML tersebut
TEST FORMATIF 1) Amati setiap tag HTML pada setiap file yang tadi anda buat. 2) Setelah anda mengetahui fungsi dari tiap-tiap tag HTML, silahkan anda modifikasi sehingga akan tampak lebih menarik.
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
