4 elemen utama yang menjadi faktor pendukung Vokal

Sumber: Smp-prost Gambar 1.29 Lukisan batik. Dari uraian tentang alat, bahan, dan teknik dalam berkarya seni Jukis, diskusikan dengan teman dan guru k … alian, alat dan bahan lain (bahan bekas) sebagai alternatif dalam berkarya seni lukis. Kemudian. presentasikan di depan kelas!​

Sumber: Smp-prost Gambar 1.29 Lukisan batik. Dari uraian tentang alat, bahan, dan teknik dalam berkarya seni Jukis, diskusikan dengan teman dan guru k … alian, alat dan bahan lain (bahan bekas) sebagai alternatif dalam berkarya seni lukis. Kemudian. presentasikan di depan kelas!​

Jika anda perhatikan dalam tahapan menggambar Flora dan fauna serta alam benda, urutan yang benar dalam menggambar adalah.... 1) Memberi kesan latar … belakang. 2) Memberi dimensi gelap terang baik hitam putih atau berwarna 3) Menyusun bagian per bagian. 4) Mengetahui bagian obyek gambar 5) Mengetahui bentuk dasar dari obyek yang akan di gambar. Urutan Jawaban yang benar adalah .... a. 1, 2, 3, 4, 5 b. 2, 3, 4, 5, 1 c. 4, 5, 3, 2, 1 d. 5, 4, 3, 2, 1​

teknik dalam menggambar fauna merupakan pertahanan tentang keanekaragaman, keindahan,dan keunikan objek fauna yang ada di lingkungan sekitar kita, man … akah pernyataan gambar fauna di bawah ini yang benarbantuin kk​

ada yg tau gambar tersebut kalau tau aku kasih point banyak​

1. Finishing dari membuat patung dengan teknik pahat yaitu2. Sebutkan benda 3 dimensi selain patung 3. beberapa daerah menggunakan patung hewan sebaga … i lambang daerah. Patung sapi merupakan lambang daerah4. Patung berkantan lambang daerah5. Patung adalah ​

inii apa plss........​

MAO NANYA GAMBAR TERSEBUT ITU GAMBAR AP ?​

sebutkan minimal 5 pengertian gambar model!!!​

Tinta bak merupakan media yang cocok untuk menggambar model menggunakan teknik .... a. arsir b. siluet c. akuarel d. dussel​

Unsur-unsur apa saja yang harus dipersiapkan untuk sebuah penampilan vokal solo/tunggal yang baik adalah

1. Artikulasi

2. Pernafasan

3. Phrasering

4. Sikap Badan

5. Resonansi

6. Vibrato

7. Improvisasi

8. Intonasi

Pembahasan

Hai teman-teman BrainlyLovers...!!! Sekarang kita akan membahas unsur-unsur teknik vokal.  

Selamat belajar...!!!  

Pengertian

Teknik Vokal adalah sebuah cara untuk memproduksi suara agar dapat baik dan benar, sehingga suara akan terdengar indah, jelas, merdu, dan nyaring.

Unsur-unsur Tenik Vokal

1. Artikulasi adalah sebuah cara pengucapan kata demi kata maupun huruf demi huruf dengan jelas dan benar.

Faktor-faktor agar artikulasi baik

• Dalam menyanyikan lagu sikap badan harus baik dan benar,

• Pada waktu menyanyi posisi mulut harus baik dan benar,

• Latihan vokalisis,

• Teknik pembentukan bunyi vokal, dan

• Teknik pembentukan bunyi konsonan.

2. Pernafasan adalah usaha dengan menghirup udara sebanyak-banyaknya lalu disimpan, dan dikeluarkan secara sedikit demi sedikit yang disesuaikan dengan kebutuhan.

Pernafasan di bagi tiga jenis, yaitu :

• Pernafasan Dada : bentuk pernafasan yang cocok untuk nada-nada yang rendah, penyanyi mudah lelah.

• Pernafasan Perut : bentuk pernafasan yang kurang cocok jika digunakan dalam menyanyi, karena udara cepat habis sehingga penyanyi akan cepat lelah.

• Pernafasan Diafragma : udara akan lebih mudah diatur pemakaiannya, dan bentuk pernafasan yang cocok untuk bernyanyi, karena stabilitas vokal yang baik dan memiliki power.

3. Phrasering adalah suatu aturan penggalan kalimat agar baik dan benar sehingga sesuai kaidah-kaidah yang berlaku dan lebih mudah dimengerti.

4. Sikap Badan merupakan posisi badan pada saat seseorang sedang bernyanyi (duduk maupun berdiri) yang paling penting tidak menganggu saluran pernapasan.

5. Resonansi adalah usaha memperindah suara dengan rongga-rongga udara difungsikan agar ikut bergetar atau bervibrasi di sekitar mulut serta di tenggorokan.

6. Vibrato adalah usaha memperindah sebuah lagu dengan memberi suara atau gelombang yang bergetar lebih teratur, dan pada akhir syair lagu diterapkan.

7. Improvisasi adalah usaha untuk memperindah lagu dengan mengubah sebagian melodi lagu secara profesional, tanpa harus mengubah melodi pokoknya.

8. Intonasi adalah tinggi rendahnya nada yang harus dijangkau oleh penyanyi dengan tepat. Dambaan semua penyanyi adalah ketepatan intonasi setiap syair lagu.

Faktor-faktor agar intonasi menjadi baik

• Percaya diri, tidak tegang, rileks, dan tidak takut mencapai untuk nada-nada tinggi ketika menyanyi,

• Dalam mengambil nada harus konsentrasi dan hilangkan keraguan agar tinggi nada tidak turun,

• Latihan pernafasan dengan diafragma agar nafas lebih panjang,

• Selaraskan pita suara, ketika setiap nada yang ditahan dan terdapat ulangan nada,

• Peka terhadap suara yang lain terutama pada iringan,

• Latihan interval untuk menjangkau lompatan-lompatan nada agar tepat,

• Latihan nada-nada dengan peralihan register suara, untuk bernyanyi lagu-lagu yang mudah berpindah kunci,

• Latihan nada-nada batas kemampuan suara tinggi maupun suara rendah,

• Pengucapan huruf-huruf hidup secara jelas agar tinggi nada tetap,

• Tidak terpengaruh dengan tangga nada yang lain, seperti terbawa oleh kebiasaan menyanyikan tangga nada dari lagu-lagu daerah asal.

Pelajari Lebih Lanjut

1. Kajian tentang music Jazz bisa coba cek brainly.co.id/tugas/14690989  

2. Kajian tentang intonasi dalam bernyanyi bisa coba cek brainly.co.id/tugas/21385492  

3. Kajian tentang jenis pernafasan dalam bernyanyi bisa coba cek brainly.co.id/tugas/320027

Detail Jawaban

Kelas  : 10

Mapel : Seni dan Budaya

Bab 3 : Bernyanyi Dengan Teknik Vokal

Kode  : 7.19.3

Kata Kunci : Teknik Vokal, Pernafasan, Improvisasi Bernyanyi, Artikulasi Bernyanyi.

Elemen dasar dalam Public Speaking: Siapa yang menyampaikan( Pembicara, Guru, Murid, Pastor, Ketua Serikat Pekerja, Mahasiswa, dll) Apa yang disampaikan (Gagasan, ide, masalah-masalah aktual dan menarik dll) Kepada Siapa ( Murid, Umat, anggota Serikat Pekerja, kelompok-kelompok masyarakat lainnya). Medianya ( Media pemahaman bersama:Bahasa yang baik dan benar) Bagaimana mempengaruhinya ( Tulisan, Orasi, Presentasi, Lewat debat, Lobby, dengan visualisasi, dll)

Elemen atau unsur-unsur public speaking, selain materi, ada empat, yaitu teknik vokal, kontak mata (eye contact), humor, dan gerakan tubuh (gesture). Keempat elemen public speaking ini, jika dilakukan dengan baik dan benar, akan menjadikan public speaking yang efektif dan berkesan.Teknik Vokal1. Intonasi (intonation) nada suara, irama bicara, atau alunan nada dalam melafalkan kata-kata.2. Aksentuasi (accentuation) atau logat, dialek. Lakukan stressing pada kata-kata tertentu yang dianggap penting.3. Kecepatan (speed). Jangan bicara terlalu cepat.4. Artikulasi (articulation), yaitu kejelasan pengucapan kata-kata; pelafalan kata (pronounciation).5. Infleksi lagu kalimat, perubahan nada suara; hindari pengucapan yang sama bagi setiap kata. Infleksi naik (go up) menunjukkan adanya lanjutan, menurun (go down) tunjukkan akhir kalimat.Eye Contact1. Pandang audience; sapukan pandangan ke seluruh audience.2. Pandang tepat pada matanya!Gesture1. Alami, spontan, wajar, tidak dibuat-buat.2. Penuh, tidak sepotong-sepotong, tidak ragu.3. Sesuai dengan kata-kata.4. Gunakan untuk penekanan pada poin penting,5. Jangan berlebihan. Less is more!6. The most important gesture: to SMILE!7. Gerakan tubuh meliputi: ekspresi wajah, gerakan tangan, lengan, bahu, mulut atau bibir, gerakan hidung, kepala, badan, kaki.8. Setiap gerakan mengandung tiga bagian: Pendekatan (The Approach) Tubuh siap untuk bergerak; Gerakan (The Stroke) gerakan tubuh itu sendiri; dan Kembali (The Return) kembali ke posisi semula atau keadaan normal.9. Variatif, jangan monoton. Misalnya terus-menerus mengepalkan jari tangan di atas.10. Jangan melalukan gerakan tubuh yang tidak bermakna atau tidak mendukung pembicaraan seperti: memegang kerah baju, mempermainkan mike, meremas-remas jari, dan menggaruk-garuk kepala.11. Makin besar jumlah hadirin, kian besar dan lambat gerakan tubuh yang kita lakukan. Jika kita berbicara di depan hadirin dalam jumlah kecil, atau di videoconferencing, atau di televisi, lakukan gerakan tubuh alakadarnya (smaller gestures).Humor1. Bumbu Public Speaking.2. Use Natural Humor! Dont try to be a stand up comedian!3. Gunakan hentian (pause) sekadar memberikan kesempatan kepada pendengar untuk tertawa.Teknik Humor 1. Exaggeration melebihkan sesuatu secara tidak proporsional. Misalnya, ungkapan hujan lokal bagi pembicara yang menyemburkan air liur.2. Parodi meniru gaya suatu karya serius (lagu, pepatah, puisi) dengan penambahan agar lucu, misalnya mengubah lirik lagu dengan kata-kata baru bernada humor.3. Teknik belokan mendadak membawa khalayak untuk meyakini bawa kita akan berbicara normal, namun tiba-tiba kita mengatakan sebaliknya atau tidak disangka-sangka pada akhir pembicaraan. Contoh: Saya mencintai seorang wanita, namun kami tidak bisa menikah karena keluarganya merasa keberatan. Saya tidak bisa apa-apa, karena keluarganya yang tidak setuju itu adalah suami dan anak-anaknya!; TV (baca: tivi) yang dibuat di Bandung dan bermerk Parisj van Java yaitu tipikir-pikir tidak ada. Wasalam. (www.romeltea.com).*

ELEMEN PUBLIC SPEAKINGElemen PS meliputi (1) Teknik Vokal intonasi/nada bicara, aksentuasi/stressing pada kata-kata tertentu yang dianggap penting, speed, artikulasi/kejelasan pelafalan kata (pronounciation), dan infleksi lagu kalimat; (2) Eye Contact sapukan pandangan ke seluruh audience; (3) Gesture gerakan tubuh; alami, spontan, wajar, tidak dibuat-buat, penuh, tidak sepotong-sepotong, tidak ragu, sesuai dengan kata-kata, jangan berlebihan, variatif, tidak melalukan gerakan tubuh yang tidak bermakna, seperti memegang kerah baju, mempermainkan mike, meremas-remas jari, dan menggaruk-garuk kepala; dan (4) humor, dengan Use Natural Humor,Dont try to be a stand up comedian, gunakan hentian (pause) sekadar memberikan kesempatan kepada pendengar untuk tertawa. (www.romeltea.com).*

FAKTOR-FAKTOR PENDUKUNG BERBICARA DI DEPAN PUBLIK YANG SUKSES1. Penggunaan humor dalam public speakingKemampuan membuat humor akan sangat membantu anda untuk merebut hati audiense dan keluar dari krisis. Seorang pembicara, kecuali pelawak, tidak diharapkan untuk membuat audiensenya tertawa terpingkal-pingkal sebagaimana halnya mereka menyaksikan badut. Namun demikian, kemampuan anda untuk membuat mereka tersenyum kemudian memberikan applause meriah kepada anda akan sangat membantu untuk mengurangi ketegangan dan kebosanan diantara mereka.Tidak semua orang mampu menyampaikan cerita atau anekdot lucu. Sebelum memulai biasanya mereka sudah dihinggapi kekhawatiran apa yang mereka sampaikan tidak akan menciptakan kelucuan yang akhirnya malah membuat mereka kelihatan konyol. Kalau anda tidak bisa jangan lakukan! Tapi apabila anda mempunyai kemampuan untuk itu, ada beberapa tips yangperlu anda perhatikan :Carilah waktu yang tepat kapan anda harus menyampaikannyaBuatlah joke yang relevant dengan topik yang anda bawakanJangan berlebihanJauhi kesan anda sebagai pelawak atau badutBerhati-hatilah terhadap target humor anda. Hindari humor yang mengarah ke SARA atau humor sex yang vulgar, menjijikan serta yang menyerang pribadi dari salah satu audiense andaUsahakan subjek dari joke anda adalah anda atau dari keluarga anda sendiriPersonifikasikan joke-joke anda seolah-olah kejadian itu memang pernah anda terjadi di diri anda atau keluarga andaJangan lakukan apabila anda kurang yakin dengan kemampuan andaHumor yang dihindari :Berselera rendahMenyerang seseorang atau golonganTidak relevanMempraktekan humor adalah satu-satunya hal yang tidak bisa anda latih sendiri. Penyampaian humor memerlukan audiense sebagai parameter keberhasilan.2.Bahasa tubuhMetode komunikasi manusia tidak semata bergantung kepada kata-kata yang diucapkan. Gerakan fisik seseorang dapat menggambarkan apa yang sedang ia pikirkan dan rasakan, siapa dirinya dan dari lingkungan mana ia berasal. Gerakan tubuh ini disebut bahasa tubuh.Dalam konteks anda sebagai pembicara, penggunaan bahasa tubuh yang baik dan benar dapat mempermudah tugas anda untuk memberikan pengertian terhadap apa yang hendak anda sampaikan. Dalam beberapa kasus, bahasa tubuh ternyata lebih komprehensif dibanding kata-kata.Bahasa tubuh dalam konteks pembicara terdiri dari :PakaianGerakan tubuh/posturKontak mataGerakan tanganEkspresi muka2a.PakaianKetika anda pertama kali muncul dalam pandangan seseorang, ia akan langsung membuat penilaian terhadap diri anda. Dengan cepat mereka akan menyimpulkan siapa dan darimana anda. Hal yang sama juga terjadi ketika anda pertama kali muncul di depan audiense. Cara berpakaian anda akan menunjukkan apakah anda satu dari mereka atau dari kelompok lain. Penyimpulan seperti ini dalam bahasa Inggris disebuit Tribal Recognition (pengakuan kesukuan), dan ini lumrah terjadi dimana-mana. Seseorang yang dianggap dari suku mereka akan diterima lebih mudah dibanding yang bukan. Sikap mereka akal lebih terbuka karena dianggapia mengetahui aspirasi, keinginan dan style mereka.Kalau kita ibaratkan suku yang anda hadapi adalah audiense anda hadapi, anda harus berusaha untuk dapat dianggap satu dari mereka. Dengan mendapatkan pengakuan. Kans anda untuk didengar dan dianggap lebih besar.Berpakaian pada saat berbicara didepan publik tidak selalu harus wah atau glamour. Berpakaianlah dengan menarik. Hindari perhiasan yang menegaskan anda bukan dari kelompok mereka. Hindari juga perhiasan yang berlebihan yang mengganggu konsentrasi mereka untuk mendengarkan pembicaraan anda. Perhatikan detil-detil kecil seperti sepatu yang mengkilap, kancing jas dan kemeja, stocking dsb. Ingat, karena anda berdiri didepan setiap bagian ditubuh anda terlihat oleh mereka.Berpakaianlah sesuai dengan jenis audiense dan acara dimana anda tampil. Jangan berpakaian berlebihan sehingga audiense bukannya memperhatikan apa yang anda katakan tapi apa yang anda kenakan.2b.Gerakan TubuhElemen kedua yang akan diperhtikan audiense adalah postur tubuh dan bagaimana anda menggerakkannya. Ketika berada diatas panggung, postur dan gerakan tubuh anda memberikan gambaran tentang sikap/ perasaan anda terhapap forum yang anda hadapi. Kepala yang selalu menunduk dan melihat keatas menunjukkan anda yang tidak percaya diri. Kepala yang menghadap ke depan menandakan keyakinan yang penuh.Pada saat muncul untuk pertama kali, perhatikan cara berjalan anda. Pastikan kedua kaki anda lurus pada waktu melangkah. Jangan berlenggang dan jangan pula terlalu tegap. Berjalanlah dengan tenang namun penuh kewaspadaan. Tegakkan kepala anda, pandanglah audiense anda dengan mata yang anthusias dan senyum. Ketika anda berbicara, pastikan tubuh anda mempunyai ruang yang cukup bernapas.Banyak gerakan yang anda lakukan ketiuka sedang berbicara misalnya memasukkan tangan ke saku celana. Gerakan ini akan menimbulkan kesan kasual, dan berarti tidak cocok dengan forum formal. Anda juga bisa berjalan atau melakukan gerakan-gerakan bebas namun tetap terkontrol.Lakukan gerakan-gerakan yang perlu saja. Usahakan setiap gerakan andabermakna. Gerakan-gerakan yang baik dan sesuai akan membuat pembicaraan anda lebih hidup.2c.Kontak MataKontak mata dengan audiense adalah faktor penting yang membuat acara berlangsung dua arah. Melibatkan audiense dalam acara dimana anda tampil akan membuat acara lebih hidup, terjadi interaksi dan andasendiri merasa mempunyai teman sehingga bisa mengurangi kegugupan.Kemampuan menciptakan kontak mata dengan audiense pada saat berbicara adalah kemampuan yang harus dimiliki oleh seseorang pembicara. Begitu banyak kita lihat pembicara yang terus berbicara tanpa melihat audiense yang ada di h

Page 2

• Elemen Dasar HTMLParagrafBlockqoutePreformatted TextDivider dan CenterKarakter SpesialKomentar

  B.Very Christioko, S.Kom

• Paragraf Elemen .. digunakan untuk menandaisekumpulan teks sebagai suatu paragraf.

  Tag untuk awal paragraf dan tag digunakanuntuk mengakhiri paragraf.

  Tag paragraf memiliki atribut yang dapat dipakaisebagai tambahan untuk pemformatan paragraf, sbb:

• Contoh 1 (tanpa atribut)

  Paragraf satu.Paragraf dua.Paragraf tiga.Elemen paragraf didefinisikan denganmenggunakan tag P.

• Hasil:

• Contoh 2 (dengan atribut)

  Paragraf dengan perataan kanan.Paragraf dengan rata tengah.Paragraf tiga.Paragraf dengan perataanjustify.

• Hasil:

• Blockqoute Tag digunakan untukmenuliskan suatu kutipan teks. Browserbiasanya menampilkan kutipan teks denganmengidentifikasikan teks tersebut ataudengan mengabaikan spasi dalam teks sepertitag paragraf. Kutipan teks dinyatakan denganindentasi yang menjorok ke dalam danberbeda dalam satu paragraf.

• Contoh 1:

  Teknologi Universal Serial Bus (USB) Pada awal tahun 1977 tepatnya komputer denganprosesor Pentium, beberapakomputer sudah mempunyai pirantibaru untuk memudahkan pengguna komputer dalam menanganimasalah kabel yang bayak.Teknologi baru tersebut dinamalan Universal Serial Bus atauyang lebih dikenal dengan USB. Memang masih bayak yang tidakmengetahui apa dan fungsi teknologi ini. Oleh sebab itu bab iniakan memperkenalkan apa yang dimaksud dengan USB dankegunaannya.Disadur dari Buku " Pengantar Sistem Komputer" Hal:134

• Hasil:

• Preformatted Text Pada tag paragraf, penekanan tombol ENTER,Tab, Spasi tidak memberikan pengaruh padaweb page yang kita buat. Untuk menambahkanspasi dan enter pada teks dalam web page dapatmenggunakan tag ... Sehinggateks yang berada di dalam tag pre akanmengikuti sesuai dengan pengetikan yang kitalakukan

• Contoh:

• Hasil:

• Divider dan Center Elemen DIV digunakan untuk membagi-bagidokumen HTML dalam suatu hieraki yangterstruktur.

  Teks yang dikelilingi oleh tag ..akan diformat menurut nilai atribut ALIGN yangditentukan di dalamnya.

  Nilai atribut ALIGN yaitu, Left, Center danRight.

  Penggunaan DIV dengan Align=center dapatdiganti dengan tag ..Keduanya menghasilkan hasil yang sama

• Contoh:

  Teks rata kiri dalam tag DIVTeks rata kanan dalam tag DIVTeks rata tengah dalam tagDIV

  teks ini menggunakan perintah center sebagaipengganti align center pada div

• Hasil:

• Karakter Spesial Karakter-karakter spesial adalah karakter-karakteryang penggunaannya dalam HTML harus menggunakankode-kode tertentu. Tanda < dan > adalah salah satu contoh dari karakterspesial. Karakter-karakter ini merupakan karakterkhusus yang digunakan untuk menandai suatu tagHTML. Untuk menampilkan karakter-karakter ini dalam suatuweb page diperlukan suatu kode khusus yang disebutentity . Terdapat dua macam entity dalam HTML, yaitukarakter entity dan numerik entity yang menggunakansuatu kode angka untuk mewakili suatu karakterspesial. Karakter entity menggunakan suatu namatertentu sebagai ganti karakter spesial dan diawalidengan tanda & serta diakhiri dengan tanda ;.

• Karakter Spesial Contoh entity karakter

  Numerik entity menggunakan suatu kode angkauntuk mewakili suatu karakter spesial dandiawali dengan tanda dan diakhiri dengantanda ;. Salah satu contoh numerik entity adalah yang mewakili karakter >>.

• Contoh:

• Hasil:

• Referensi Karakter Spesial http://www.degraeve.com/reference/specialcharacters.php

  http://webdesign.about.com/library/bl_htmlcodes.htm

  http://www.webmonkey.com/2010/02/special_characters/

• Komentar Komentar digunakan untuk memberikan suatupenjelasan perintah HTML yang tidak akanditampilkan di dalam browser. Untuk membuatkomentar suatu teks diapit oleh tanda . Contoh:

  Contoh penulisan teks biasa

  Elemen Dasar HTMLParagraf Contoh 1 (tanpa atribut)Hasil:Contoh 2 (dengan atribut)Hasil:BlockqouteContoh 1:Hasil:Preformatted Text Contoh:Hasil:Divider dan CenterContoh:Hasil:Karakter SpesialKarakter SpesialContoh:Hasil:Referensi Karakter SpesialKomentar

Page 3

• Struktur Dasar HTMLPendahuluanStruktur HTMLElemen & Tag HTML

  B.Very Christioko, S.Kom

• Pendahuluan

  HTML?Sebuah bahasa markup yang digunakan untuk membuatsebuah halaman web dan menampilkan berbagai informasidi dalam sebuah browser.

  HTML berupa kodekode tag yang menginstruksikanbrowser untuk menghasilkan tampilan sesuai dengan yangdiinginkan.

  HTML saat ini merupakan standar Internet yangdidefinisikan dan dikendalikan penggunaannya oleh WorldWide Web Consortium (W3C)

  B.Very Christioko, S.Kom

• Ciri-ciri dokumen HTML

  Ekstensi file berupa .htm atau .html Non case sensitive. Terdiri atas tagtag pembuka dan

  penutup (walaupun ada beberapa tagyang tidak memiliki penutup).

  Tagtag saling berpasangan & bersarang.B.Very Christioko, S.Kom

• Program Editor HTML(search di google)

  B.Very Christioko, S.Kom

• Program editor yang kita gunakan?

  B.Very Christioko, S.Kom

• Program untuk melihat hasil web?

  B.Very Christioko, S.Kom

• Struktur HTML Document Information

  Document Header

  Document Body

  B.Very Christioko, S.Kom

• Contoh Dokumen HTML

  B.Very Christioko, S.Kom

• Dokumen HEADER

  Page TitleJudul dari halaman webcth :

  ScriptingTempat clientside script yang disertakan(javascript, vbscript, jscript)cth :

  B.Very Christioko, S.Kom

• Dokumen HEADER Style

  Dipergunakan untuk mengatur bagaimanasebuah halaman web dengan berbagaikomponennya hendak ditampilkan ke dalambrowsercth :

  MetaMeta tags, descriptions & keywords untukmempermudah search engine dalam melakukanindexing.cth :

  B.Very Christioko, S.Kom

• Contoh Document Header

  B.Very Christioko, S.Kom

• Document Body

  Bagian dari dokumen web yang akanditampilkan ke usercth : Bagian ini memuat : Teks & gambar Link Server Side Script Multimedia and Special Programmed Events

  (Shockwave,SWFs, Java Applets, online video)

  B.Very Christioko, S.Kom

• Elemen dan tag HTML

  Dua komponen utama pembentuk dokumen HTMLadalah Elemen dan Tag Dengan adanya dua komponenini, maka kita dapat membuat dokumen HTML denganbaik. Elemen

  1. informasi tentang dokumen tersebut,seperti judul dokumen atau hubungannya dengandokumen lain.

  2. menentukan bagaimana isi suatudokumen ditampilkan oleh browser, sepertiparagraf, list (daftar), tabel dan lain-lain.

  B.Very Christioko, S.Kom

• Elemen dan tag HTML

  TagPada saat web browser menampilkan suatu webpage, browser tersebut akan membaca isi padadokumen HTML, dan mencari kode khusus yangdisebut tag. Tag diapit oleh tanda . Tag biasanyamerupakan pasangan, yang disebut tag awal dan tagakhir. Tag awal dinyatakan dalam bentuk sedang tag akhir dinyatakan dalam bentuk .

  Format umum suatu tag berpasangan adalah : Teks yang akan ditampilkan

  B.Very Christioko, S.Kom

• Elemen dan tag HTML

  AtributAtribut mendefinisikan properti untuk elemen,terdiri dari pasangan atribut / nilai, dan munculdalam tag pembuka elemen. Tag awal sebuah elemenmungkin mengandung sejumlah atribut yangdipisahkan oleh spasi.

  Contoh:

  B.Very Christioko, S.Kom

• Catatan

  HTML tidak membedakan penulisan huruf besar danhuruf kecil pada penulisan elemen maupun tag.Penulisan dan dianggap sama, campuran antarahuruf besar dan kecil pun tidak berpengaruhtext

  Tidak semua tag didukung oleh semua browser. Jikasuatu browser tidak mengenali suatu tag tertentu,browser tersebut akan mengabaikan tag yang tidakdikenalnya dan menuliskan isi di dalam tag tersebutsebagai teks biasa.

• Tag, Attribut & Element

  B.Very Christioko, S.Kom

• Penulisan syntax yang baik

  Penulisan program yang baik adalah secaraterstruktur. Artinya antara tag pertama dan tagberikutnya tidak saling tumpang tindih.

  B.Very Christioko, S.Kom

• Penulisan tag Terdapat beberapa cara penulisan tag dalam

  HTML,sbb: Tag dengan pembuka & penutup teks

  Tag tanpa penutup

  Tag dengan pembuka & penutup disertai atribut teks

  Tag tanpa penutup disertai atribut

  B.Very Christioko, S.Kom

• Contoh tidak baik Modul Pengantar Ilmu Komputer Klasifikasi dan Kegunaan KomputerKomputer berasal dari kata to compute yaitumenghitung.Jadi pada awalnya komputer hanya digunakansebagai alat hitung, namun perbedaan yang mendasar dengankalkulator adalah bahwa komputer mempunyai perkembanganzaman, komputer digunakan manusia untuk memprosespemecahan masalah. Untuk lebih jelas tentang kegunaankomputer, komputer dibagi dalam beberapa klasifikasi, yaitu : Berdasarkan JenisData Yang Diolah Berdasarkan Kemampuan Komputer Berdasarkan Bidang Masalah

  B.Very Christioko, S.Kom

• Contoh yang baik

  Modul Pengantar Ilmu Komputer

  Klasifikasi dan Kegunaan KomputerKomputer berasal dari kata to compute yaitu menghitung.Jadi pada awalnya komputer hanya

  digunakan sebagai alat hitung, namun perbedaan yang mendasar dengan kalkulator adalah bahwa komputermempunyai perkembangan zaman, komputer digunakan manusia untuk memproses pemecahan masalah. Untuk lebih jelas tentang kegunaan komputer, komputer dibagi dalam beberapa klasifikasi, yaitu :

  Berdasarkan Jenis Data Yang DiolahBerdasarkan Kemampuan Komputer Berdasarkan Ukuran FisikBerdasarkan Bidang Masalah

  B.Very Christioko, S.Kom

• Hasil (dilihat dengan browser IE)

  B.Very Christioko, S.Kom

• Penjelasan Syntax HTML Perintah HTML digunakan sebagai awalan untuk suatu

  dokumen html. Perintah HEAD digunakan untuk menunjukkan bagian judul

  dokumen. Sifatnya opsional (boleh ditulis/tidak) Perintah TITLE digunakan untuk memberikan judul pada

  masing.masing dokumen. Judul ini akan ditampilkan dibagianatas web browser.

  Perintah BODY menunjukkan bagian isi dari dokumen htmltersebut.

  Perintah H1 digunakan untuk penetapan besar huruf(heading). Apabila angka yang menyertai huruf H semakinbesar, maka huruf semakin kecil.

  Perintah HR digunakan untuk membuat garis Perintah OL digunakan untuk membuat daftar. LI untuk isi

  daftar. Perintah A HREF digunakan untuk membuat link.

• Referensi (Tag & atribut)

  http://www.w3schools.com/tags/default.asp http://www.htmlquick.com/tutorials/tags-

  attributes.html http://www.tizag.com/htmlT/htmlattributes.ph

  p

  B.Very Christioko, S.Kom

• Tugas 1:

  Buat ringkasan tentang sintax HTML besertaatributnya.berikan contoh!

  Format ringkasan sbb: Tag & penjelasannya Atribut setiap tag & penjelasannya Contoh penggunaan tag & atribut

  Struktur Dasar HTMLPendahuluanCiri-ciri dokumen HTMLProgram Editor HTML (search di google)Program editor yang kita gunakan?Program untuk melihat hasil web?Struktur HTMLContoh Dokumen HTMLDokumen HEADERDokumen HEADERContoh Document HeaderDocument BodyElemen dan tag HTMLElemen dan tag HTMLElemen dan tag HTMLCatatanTag, Attribut & ElementPenulisan syntax yang baikPenulisan tagContoh tidak baikContoh yang baikHasil (dilihat dengan browser IE)Penjelasan Syntax HTMLReferensi (Tag & atribut)Tugas 1:

Page 4

Embed Size (px) 344 x 292429 x 357514 x 422599 x 487

• 1. Memformat HTML Heading Phisical Style Font Ganti Baris dan Garis Horizontal List (Daftar) List Definisi

2. Heading Heading adalah sekumpulan kata atau frasa yangmenjadi judul atau subjudul dalam suatu dokumenHTML. HTML menyediakan enam buah tingkat heading.Heading level 1 biasanya merupakan judul yangpenting atau judul utama, sedangkan heading levelberikutnya merupakan bagian atau sub judul darijudul utama. Untuk menyatakan heading, digunakan tag dimana x merupakan nomor level heading dari 1sampai 6, sedangkan untuk mengakhirinyadigunakan tag akhir . 3. Contoh: Contoh Heading Heading Level 1 Heading Level 2 Heading Level 3 Heading Level 4 Heading Level 5 Heading Level 6 4. Hasil 5. Atribut Heading Atribut yang dapat ditambahkan pada elemenheading adalah ALIGN dimana memiliki nilaisebagai berikut : Align=left, untuk meratakan heading ke kiri Align=center, untuk meratakan heading di tengah Align=right, untuk meratakan heading ke kanan Contoh penulisan adalah Heading di rata Tengah 6. Phisical Style Phisical style adalah suatu jenis format yangdiberikan pada teks tanpa tergantung padajenis dari elemen dasar teks tersebut. Elemen-elemen ini sudah sering kita pakaidalam program pengolah kata, sepertimenebalkan atau membuat miring suatu teks. 7. Elemen Physical Style 8. Contoh:Contoh Physical StyleContoh teks Bold
contoh teks miringcontoh teks garis bawahcontoh teks dengan coretancontoh teks berkedipcontoh teks tipe writercontoh teks yang diperbesarcontoh teks yang diperkecilcontoh teks subscript

contoh teks superscript 9. Hasil 10. Font Menentukan Ukuran Teks Untuk mengatur ukuran suatu teks, elemenFONT menyediakan atribut SIZE dengan nilaidari 1 sampai 7. Semakin besar angka, maka semakin besarukuran teks tersebut. 11. Contoh: Contoh Mengubah ukuran font ukuran teks=1 ukuran teks=2 ukuran teks=3 ukuran teks=4 ukuran teks=5 ukuran teks=6 ukuran teks=7 12. Hasil 13. Font Mengubah Warna Teks Untuk mengubah warna dapat menggunakan atributCOLOR pada elemen FONT. Pendefinisian warna dapat dilakukan dengan dua carayaitu, melalui nama warna atau menggunakan nilaiRGB warna. Kode warna dalam heksa. black#000000 blue#0000FF olive#808000 white#FFFFFF fuchsia #FF00FF green#008000 red#FF0000 gray#808080 teal #008080 yellow #FFFF00 silver#C0C0C0 navy #000080 lime #00FF00 maroon#800000 purple #800080 aqua #00FFFF 14. Contoh:Font-Mengubah warna teksteks berwarna merahTeks berwarna Blueviolet 15. Font Mengubah Jenis Font Atribut FACE pada elemen FONT dapat digunakanuntuk membuat bermacam-macam jenis font padasuatu page. Jenis-jenis font seperti ARIAL, TIMESNEW ROMAN, CENTURY GOTHIC, COURIER NEWdan sebagainya. Contoh: Font jenis Arial Jenis Font Comic San MS 16. Contoh Font:

Thisis some text!

This issome text!

This is sometext!

17. Hasil: 18. Referensi Font http://www.bigoo.ws/help/help_font.aspx http://www.tizag.com/htmlT/font.php 19. Ganti Baris dan Garis Horizontal Elemen yang digunakan untuk ganti barisadalah BR (break rule) berguna untukmenuliskan teks pada baris berikutnya.Cara penulisan tag: atau contoh: Font jenis Arial

Jenis Font Comic San MS 20. Ganti Baris dan Garis Horizontal Sedangkan untuk membuat garis horizontal,diperlukan elemen HR (horizontal rule). Ada beberapa atribut yang dapat digunakanuntuk mengubah tampilan garis seperti untukmengubah panjang, ketebalan, warna dan efekbayangan(3-D). Cara penulisan tag: atau 21. Atribut HR Atribut-atribut yang dapat ditambahkan pada elemenHR: 22. Contoh: 23. Hasil 24. List (Daftar) Untuk menampilkan informasi dalam bentukdaftar, HTML menyediakan beberapa jeniselemen, yaitu : Ordered list/numbered list (daftar berurut/daftar dengan nomor atau abjad) Unordered list/bulleted list (daftar tidak berurut/menggunakan bullet) Menu list (daftar menu) Directory list Definition list (glossary/daftar istilah) 25. List - Ordered list Ordered list atau numbered list adalah suatudaftar dimana item-item yang ada di dalamdaftar tersebut memiliki nomor secaraberurut. Ordered list dimulai dengan tag awal

1. dan diakhiri dengan tag akhir

. Sedang untuk menyatakan list item,menggunakan tag . 26. Contoh:Contoh Ordered List:

1. Fakultas Teknologi Informasi dan Komunikasi
2. Fakultas Ekonomi
3. Fakultas Psikologi
4. Fakultas Hukum
5. Fakultas Teknik

27. Hasil: 28. Atribut Ordered List Ordered list memiliki atribut-atribut yang dapatdigunakan untuk mengganti nomor menjadi huruf ataubilangan romawi juga dapat mengatur nomor awaluntuk daftar. 29. Contoh: 30. Hasil: 31. List - Unordered list Unordered list/bulleted list adalah suatudaftar dimana urutan tidak diutamakan, jadiitem-item dalam daftar bisa muncul dalamsembarang urutan. Unordered list dimulai dengan tag

. Sedang isi daftar menggunakan tag . 32. Contoh:Atribut Pada Unordered List

• atribut Type="disc"
• atribut Type="circle"
• atribut Type="square"

33. Hasil 34. Atribut Unordered List Atribut yang dapat ditambahkan pada tagunordered list adalah atribut TYPE 35. Contoh: 36. Hasil 37. Kombinasi Ordered List danUnordered ListContoh: Teh

• Teh hitamContoh Kombinasi Ordered List
• Teh hijaudan Unordered List:

Kopi

Susu

38. Hasil: 39. List Definisi List definisi digunakan untuk mendefinisikan ataumenjelaskan istilah-istilah, oleh karena itu disebutjuga daftar istilah (glossary list). Terdapat tiga tagyang digunakan untuk menyusun suatu daftar istilah : 40. Contoh:Contoh List Definisi:HTMLHyper Text Markup Language, merupakan bahasa markup yangdigunakan untuk membuat halaman-halaman web. Internet ExplorerWeb browser yang merupakan bawaan dari sistem operasiWindows, digunakan untuk menampilkan halaman-halaman web. 41. Hasil:

Page 5