Laman

Kamis, 20 April 2017

Tes Formatif BAB 6 Pemrograman Web Semester 1

Tes Formatif BAB 6

1.    Bagaimana cara membuat list kombinasi?
2.    Atribut apa yang digunakan untuk memulai list berurutan yang tidak dimulai dengan 1 (pertama)? Berikan contohnya!
3.    Ketika membuat daftar berurutan diselingi daftar tidak berurutan, maka agar tipenya sama dengan daftar berurutan sebelumnya, apa yang harus dilakukan?
4.    Apa yang ditampilkan dari tag berikut ini :
<ol type="A" start="10">
<li>Blok huruf dengan text tool</li>
<li>Tekan CTRL+C</li>
<li>Berikutnya tekan CTRL+V untuk</li>
</ol>
5.    Apa yang ditampilkan dari tag berikut ini :  
<ol type="I" start="10">
<li>Blok huruf dengan text tool</li>
<li>Tekan CTRL+C</li>
<li>Berikutnya tekan CTRL+V untuk paste</li>
</ol>

JAWABAN

1.    cukup menggabungkan <ol> dangan <ul>.
2.    start=” ” contoh= <ol start="17">
3.    Maka digunakanlah atribut “start=” tersebut.
4.    J. Blok huruf dengan text tool
K.Tekan CTRL+C
L.Berikutnya tekan CTRL+V untuk
5.    X.Blok huruf dengan text tool
XI.Tekan CTRL+C
XII.Berikutnya tekan CTRL+V untuk paste

Tes Formatif BAB 5 Pemrograman Web Semester 1

Tes Formatif BAB 5

1.    Apa Perbedaan tag <ol> dengan <ul> ?
2.    Apa perbedaan <dl> dan <dt> ?
3.    Apa fungsi <li> ?
4.    Sebutkan contoh type bullet dalam daftar tidak berurutan!

JAWABAN

1.    Tag <ol> digunakan untuk memulai suatu daftar berurutan tertentu, sedangkan Tag <ul> digunakan untuk membuat suatu daftar yang tidak berurutan dalam dokumen HTML.
2.    <dl> = Sebuah daftar definisi
<dt> = Sebuah istilah definisi, sebagai bagian dari daftar definisi.
3.    untuk digunakan dengan <ol> atau <ul>.

4.    Disk, Circle, dan Square

Tes Formatif BAB 4 Pemrograman Web Semester 1

Tes Formatif BAB 4

1.    Isikan tag-tag untuk deskripsi berikut ini !
Tag
Deskripsi

Mendefinisikan teks tebal

Mendefinisikan teks menekankan

Mendefinisikan teks miring

Mendefinisikan teks kecil

Mendefinisikan teks penting

Mendefinisikan teks di bawah garis

Mendefinisikan teks di atas garis

Mendefinisikan teks sisipan

Mendefinisikan teks dicoret

Mendefinisikan teks ditandai

2.    Apa fungsi tag-tag berikut ini !
a.    <p> </p>
b.    <code>
c.    <pre>

JAWABAN

1.     
Tag
Deskripsi
<b>
Mendefinisikan teks tebal
<em>
Mendefinisikan teks menekankan
<i>
Mendefinisikan teks miring
<small>
Mendefinisikan teks kecil
<strong>
Mendefinisikan teks penting
<sub>
Mendefinisikan teks di bawah garis
<sup>
Mendefinisikan teks di atas garis
<ins>
Mendefinisikan teks sisipan
<del>
Mendefinisikan teks dicoret
<mark>
Mendefinisikan teks ditandai













2.      a.  Adalah Tag HTML untuk paragrap
b.    Mendefinisikan teks kode komputer
c.    Mendefinisikan teks terformat

Tes Formatif BAB 3 Pemrograman Web Semester 1

Tes Formatif Bab 3
1. HTML kepanjangan dari
a) Hyperlinks and Text Markup Language
b) Hyper Text Markup Language
c) Home Tool Markup Language
d) Homepage Text Markup Language
2. Siapakah yang membuat standar Web?
a) Google
b) Microsoft
c) Mozilla
d) The World Wide Web Consortium
3. Pilih tag HTML yang benar untuk ukuran huruf heading terbesar
a) <head>
b) <h6>
c) <heading>
d) <h1>
4. Pilih tag HTML yang benar untuk membuat huruf italic
a) <italic>
b) <i>
5. Apa Tag HTML yang benar untuk membuat hyperlink?
a) <a name="http://www.w3schools.com">W3Schools.com</a>
b) <a>http://www.w3schools.com</a>
c) <a href="http://www.w3schools.com">W3Schools</a>
d) <a url="http://www.w3schools.com">W3Schools.com</a>
6. Sebutkan 4 tag minimal dalam sebuah dokumen HTML!
JAWABAN
6.    <html>, <head>, <title>, dan <body>




Note : jawaban yang di highlight dengan warna merah adalah jawaban yang benar

Tes Formatif BAB 2 Pemrograman Web Semester 1

Tes Formatif BAB 2

1.    Pada saat tahap desain, ada kegiatan Pembuatan Diagram Wireframe dan Diagram Situs, jelaskan kegiatan tersebut!
2.    Dalam tahap pengembangan, ada kegiatan Authoring, Styling, dan Scripting & Pemrograman, jelaskan kegiatan tersebut!
3.    Sebutkan Perangkat keras yang diperlukan dalam pengembangan web!
4.    Sebutkan contoh aplikasi yang termasuk dalam kelompok Web page Authoring!
5.    Sebutkan contoh aplikasi yang termasuk dalam kelompok HTML Editor!
6.    Sebutkan contoh aplikasi yang termasuk dalam kelompok Editing gambar!
JAWABAN
1.    a.  Pembuatan Diagram Wireframe (Gambar Rangka), tujuan dari diagram gambar rangka
adalah untuk menunjukkan bagaimana lay out halaman web dan menunjukkan di mana fungsi dan konten seperti navigasi, kotak pencarian, elemen bentuk dan sebagainya, tanpa desain grafis.
b.    Diagram Situs, Sebuah diagram situs menunjukkan struktur situs secara keseluruhan dan bagaimana halaman individual berhubungan satu sama lain.
2.    a.  Authoring, adalah istilah yang digunakan untuk proses mempersiapkan konten untuk
nantinya diunggah di Web, atau lebih khusus, menandai konten dengan tag HTML yang menggambarkan isi dan fungsinya.
b.    Styling, dalam development web, penampilan halaman dalam browser dikendalikan oleh aturan style yang ditulis dalam CSS ( Cascading Style Sheets )
c.    Scripting dan pemrograman, ada bahasa pemrograman web terkait diantaranya PHP, Ruby, Python, dan ASP.NET, yang berjalan pada server dan mengolah data dan informasi sebelum dikirim ke browser pengguna.
3.    Komputer Utama, Memori tambahan, Sebuah monitor besar, Sebuah scanner dan/atau kamera digital, Sebuah komputer kedua, dan Perangkat mobile/smartphone.
4.    Adobe Dreamweaver, Microsoft Expression Web (lisensi dari Windows), dan Nvu (Linux, Windows, dan Mac OS X)
5.    TextPad, Teks Sublime, Coda oleh Panic, Textmate oleh MacroMates, dan BBEdit oleh Bare Bones

6.    Adobe Photoshop, Adobe Photoshop Elements, Adobe Illustrator, Adobe Fireworks, dan Corel Paint Shop Photo Pro

Tes Formatif BAB 1 Pemrograman Web Semester 1

Tes Formatif BAB 1

1.    Jelaskan apa tugas profesi dalam pengembangan aplikasi web berikut :
a.       Web Designer
b.      Web Programmer
c.       Web Administrator
d.      Web Master
2.    Apa kepanjangan dari istilah-istilah berikut ini :
a.       WWW
b.      HTML
c.       URL
d.      W3C
e.       HTTP
f.        FTP
                       g.        IP 
3.    Sebutkan versi HTML dari versi awal hingga sekarang !
4.    Sebutkan berbagai jenis browser!

JAWABAN
1.    a.  Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan
tampilan sebuah website. Tugasnya adalah pendisainan tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs.
b.    Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat mudah bagi seorang web admin.
c.    Web Administrator tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting).
d.    Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web).
2.    a.  WWW = World Wide Web
b.    HTML = Hypertext Markup Language
c.    URL = Uniform Resource Locator
d.    W3C = World Wide Web Consurtium
e.    HTTP = Hyper Text Transfer Protocol
f.     FTP = File Transfer Protokol
g.    IP = Internet Protocol
3.    a.  Versi 1.0 = Merupakan versi pertama setelah lahirnya HTML dan mempunyai
kemampuan seperti untuk heading, paragraph, hypertext, list, cetak tebal, dan cetak miring pada teks. Selain itu juga dukungan peletakan image pada dokumen dengan tidak memperbolehkan peletakan teks di sekelilingnya (wrapping).
b.    Versi 2.0 = Diliris pada tanggal 14 Januari 1996 dengan beberapa kemampuan
tambahan seperti penambahan form. Hal ini menjadi pionir untuk membuat sebuah web yang interaktif.
c.    Versi 3.0 = Diliris pada tanggal 18 Desember 1997, yang dikenal dengan HTML+.
Versi ini memiliki beberapa vitur tambahan seperti fitur table dalam paragraph.
d.    Versi 3.2 = Diliris pada buan Mei 1998, merupakan versi terbaru penyempurnaan dari
versi 3.0.
e.    Versi 4.0 = Diliris pada tanggal 24 Desember 1999 dengan penambahan beberapa fitur
seperti adanya link, imagemaps, image, dan lain-lain.
f.     Versi 5.0 = Diliris pada tahun 2009 yang menjadi standar baru untuk HTML, XHTML,
dan DOM HTML. HTML5 ini merupakan proyek kerja sama antara W3C (World Wide Web Consurtium) dan WHATG (Web Hypertext Application Technology Working Group).

4.    Google Chrome, Mozila Firefox, Internet Explorer, Operamini, dan Safari