Pages

Minggu, 31 Maret 2013

TUGAS HYPERLINK

 Ada 3 fungsi dari tag Hyperlik :
1. Menghubungkan antara file dalam 1 website
KODENYA :

<html>
<head>
<title>Tugas Menggunakan Tag Hyperlink dalam 1 website</title>
</head>
<body background="file:///D|gambar2/natural/bbb.jpg">
<p align="center"><font size="6">TUGAS MENGGUNAKAN TAG HYPERLINK DALAM 1 WEBSITE</font></p>
<a href="file://D:/RPL bu ires/html/tag dl.html">KLIK DISINI UNTUK MELIHAT CONTOH TAG DL DAN DT</a>
</body>
</html>

HASILNYA :


Jika kita klik tilisan yang berwarna biru itu, (KLIK DISINI UNTUK MELIHAT CONTOH TAG DL DAN DT) maka akan terhubung ke halaman seperti di bawah ini :











2. MENGHUBUNGKAN KE WEBSITE LAIN
KODENYA :


<html>
<head>
<p align="center"><font size="7"face="AButterflyOnaDaffodil">tugas hyperlink </font></p>
</head>
<body>
 <a href=http://twitter.com>twitter</a>
</body>
</html>

HASILNYA :



Klik tulisan yang berwarna biru, maka akan muncul seperti gambar di bawah ini :



3. HYPERLINK UNTUK MENGHUBUNGKAN KE BAGIAN LAIN DALAM SATU HALAMAN
KODENYA :

<html>
<head>
<title> Tugas menggunakan tag hyperlink ke bagian lain dalam satu halaman</title>
</head>
<body>
<body background="file:///D|gambar2/template/siip/ggg.jpg">
<p align="center"><font size="7" > Tugas menggunakan tag hyperlink ke bagian lain dalam satu halaman</font></p>
<a name="TOP"><fony size="5">DAFTAR ISI</font></a></br>
<a href="#Penjelasan html"><font size="4">1. penjelasan HTML</font></a></br>
<a href="#penjelasan visual basic"><font size="4">2. penjelasan visual basic</font></a></br>
<a href="#penjelasan atribut pada html"><font size="4">3. penjelasan atribut pada HTML</font></a></br>
<a href="#penjelasan c++"><font size="4">4. penjelasan c++</font></a></br>
<a href="#penjelasan komponen elektronika aktif dan pasif"><font size="4">5.penjelasan komponen elektronika aktif dan pasif </font></a></br>
<a name="penjelasan html"><font size="5"><strong>1. penjelasan HTML</strong></font></a></br>
<p align="left">
HTML (hyper text markup language) merupakan kumpulan-kumpulan tag yang di presentasikan sebagai tampilan dalam web browser.komponen penting HTML tag-tag dan tag atributes. beberapa fungsi HTML yaitu text formating, insert hyperlink, making table, insert objek, dan making form.</p></br>
<a name="penjelasan visual basic"><font size="5"><strong>2. penjelasan visual basic</strong></font></a></br>
<p align="left">
pemrograman visual adalah pemrograman yang menggunakan komponen-komponen grafis dalam membanbgun suatu aplikasi. contoh pemrograman visual adalah visual basic dan delphi.
visual basic hanya dapat dijalankan pada komputer yang menggunakan sistem operasi windows. konsep dasar pemrograman VB yaitu menggunakan form, alur jalannya program dapat berbeda beda sesuai
dengan even atau kejadian yang diberikan, melibatkan property, method, event.</p></br>
<a name="penjelasan atribut pada html"><font size="5"><strong>3. penjelasan atribut pada html</strong></font></a></br>
<p align="left">
<strong>1.tag addres= digunakan untuk mendefinisikan informasi kontak untuk penulis/pemilik dokumen.</strong></br>
<strong>2.tag a= Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain.</strong></br>
<strong>3.tag b= membuat teks tebal.</strong></br>
<strong>4.tag br= Memberi baris baru/pindah baris.</strong></br>
<strong>5.tag center= Untuk perataan tengah terhadap teks atau gambar.</strong></br>
<strong>6.tag left=Untuk perataan kiri terhadap teks atau gambar.</strong></br>
<strong>7.tag right=Untuk perataan kanan terhadap teks atau gambar.</strong></br>
<strong>8.tag td= Mendefinisikan sel di dalam sebuah tabel.</strong></br>
<strong>9.tag body= Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya.</strong></br>
<strong>10.tag font= Mendefinisikan jenis font, warna dan ukuran untuk teks.</strong></br></p></br>
<a name="penelasan c++"><font size="5"><strong>4. penjelasan c++</strong></font></a></br>
<p align="left">
c++ adalah bahasa pemrograman yang dapat digunakan untuk membuat aplikasi berbasis windows dan berbasisi teks. perangkat ini menyediakan lingkungan yang dinamakan IDE (intregatet developmen enveroment) yang
memungkinkan pemakai membuat, mengkamilasi, menggabungkan dan menguji program dengan cepat dan mudah.</p></br>
<a name="penjelasan komponen elektronika aktif dan pasif"><font size="5"><strong>5.penjelasan komponen elektronika aktif dan pasif </strong></font></a></br>
<p align="left">
Komponen elektronika berupa sebuah alat berupa benda yang menjadi bagian pendukung suatu rangkaian elektronik yang dapat bekerja sesuai dengan kegunaannya.   Banyak macamnya mulai dari yang  tidak menempel langsung pada papan rangkaian
(dengan misalnyakabel,alat penghubung lain) atau menempel langsung pada papan rangkaian baik berupa Protoboard, CCB, PCB,  maupun Veroboard dengan cara disolder.
Ada beberapa macam, berdasarkan cara dan sistem kerjanya komponen elektronika dibagi manjadi dua macam yaitu komponen pasif dan aktif.</p></br>
<strong>1.Komponen aktif adalah komponen  yang dapat beroperasi jika mendapatkan suntikan arus atau tegangan listrik.</strong></br>
<strong>2.sedangkan komponen pasif adalah komponen walaupun tidak diberi arus atau tegangan listrik komponen ini tetap dapat bekerja dan beroperasi dengan baik.</strong></br>
<b>contoh Komponen Aktif</p></br></b>
<strong>A.<b>Transistor</b></p></br></strong></br>
Macam-transistor</p></br>
<strong>1. Transistor Bipolar</strong></br>
<strong>2. Transistor Darlington</strong></br>
<strong>3. Transistor IGBT</strong></br>
<strong>4. Transistor Efek Medan</strong></br>
<strong>5. Photo Transistor</strong></br></p></br>
<strong>B.<b>Dioda</p></br></b>
Dioda merupakan suatu semikonduktor yang hanya dapat menghantar arus listrik dan
tegangan pada satu arah saja.</p></br>
<strong>1. Dioda Pemancar Cahaya (LED)</strong></br></p></br>
Dioda Pemancar Cahaya (LED)
LED adalah kepanjangan dari Light Emitting Diode (Dioda Pemancar Cahaya).
Dioda ini akan mengeluarkan cahaya bila diberi tegangan sebesar 1,8 V dengan
arus 1,5 mA. LED banyak digunakan sebagai lampu indikator dan peraga
(display).</p></br>
<strong>2. Dioda Zener</strong></br>
<strong>3. Photo Dioda</strong></br>
<strong>4. Dioda Scottky</strong></br>
<strong>5. Dioda Bridge</strong></br></p></br>
<strong>C.<b>IC (Integrated Circuit)</p></br></b>
<strong>1. IC Digital</strong></br>
<strong>2. IC Analog</strong></br>
<b>contoh komponen pasif</p></br></b>
<strong>1.Inductor (kumparan)</strong></br>
<strong>2.Saklar (switch)</strong></br>
<strong>3.Trafo (Transformator)</strong></br></p></br>
Transformator disingkat dengan Trafo. Trafo terdiri dari dua buah lilitan yaitu lilitan
primer dan lilitan skunder. Trafo bekerja berdasarkan sistem perubahan gaya medan listrik,
yang dapat digunakan untuk menaikan atau menurunkan tegangan listrik AC.</p></br>
<srong>4.Relay</strong></br></p></br>
 Relay adalah saklar (switch) elektrik yang bekerja berdasarkan medan magnet. Relay
terdiri dari suatu lilitan dan switch mekanik. Switch mekanik akan bergerak jika ada arus
listrik yang mengalir melalui lilitan.</p></br>
Susunan kontak pada relay adalah</p></br>
Normally Open : Relay akan menutup bila dialiri arus listrik.</p></br>
Normally Close : Relay akan membuka bila dialiri arus listrik.</p></br>
Changeover : Relay ini memiliki kontak tengah yang akan melepaskan diri dan
membuat kontak lainnya berhubungan.</p></br>
<a href="#Top">Back To Top</a>
</body>
</html>

HASILNYA :



Jika kita klik tulisan yang berwarna biru, (daftar isi) maka akan terhubung ke bagian yang kita klik tersebut. contonya kita klik "Penjelasan atribut pada HTML" maka akan terhubung ke bagian yang kita klik tadi
seperti di bawah ini :

Jika ingin kembali klik tulisan BACK TO TOP.

Senin, 04 Maret 2013

Tugas PRODUKTIF menggunakan TAG


1. MENGGUNAKAN TAG <OL>

a. kodenya :
<font size="4">MENU</font>
<ol>
<li>Ayam</li>
<ul>
<li>goreng</li>
<li>bakar</li>
<li>bumbu pedas</li>
</ul>
<li>Nasi</li>
<ul>
<li>goreng</li>
<ul>
<li>mawut</li>
<li>spesial</li>
</ul>
<li>campur</li>
<li>uduk</li>
</ul>
<li>mei goreng</li>
</ol>

b. gambar :



2. MENGGUNAKAN TAG <DL>

a. kodenya :

<dl>
<dt><b>RPL</b></dt>
<dd>Adalah singkatan dari <b>Rekayasa Perangkat Lunak.</b></dd>
<dt><b>TKJ</b></dt>
<dd>Adalah singkatan dari <b>Teknik Komputer dan Jaringan.</b></dd>
<dt><b>MM</b></dt>
<dd>Adalah singkatan dari <b>Multimedia.</b></dd>
</dl>

b. gambar :






Minggu, 24 Februari 2013

Fungsi beberapa Tag HTML




Address : Tag HTML yang digunakan untuk mendefinisikan informasi kontak untuk penulis/pemilik dokumen.

Basefont : Untuk membuat atribut teks default ; seperti warna, ukuran, dan jenis font untuk semua teks dalam dokumen.

Big : Untuk memperbesar ukuran teks sebesar satu point dari defaultnya.

Blink : Tag HTML untuk membuat teks berkedip.

Marquee : Untuk membuat teks berjalan secara vertikal atau horizontal.

Cite : Tag HTML untuk Mendefinisikan kutipan.

Code : Untuk mendefinisikan sebuah bagian dari kode komputer.

Dfn : Untuk mendefinisikan sebuah istilah definisi.

Em : Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi
tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring.

Pre : Untuk membuat teks dengan ukuran huruf yang sama.

Sub : Memberikan efek subscript pada teks.

Sup : Memberikan efek superscript pada teks.

Rabu, 20 Februari 2013

Vidio 2 NE 1 (Lonely)

 

Vidio Korea yang beranggotakan 4 cewek cantik yang di antaranya: " CL , PARK BOM , DARA dan MINZY " vidio ini berjudul "LONELY"

Belajar Corel Draw X3 (versi 13)

Corel Draw X3 merupakan salah satu software desain grafis yang sangat terkenal.
Corel Draw X3 termasuk salah satu Aplikasi untuk mengolah gambar berbasis vektor.
Berbagai fasilitas untuk mendesain tersedia di sini sehingga memudahkan para
penggunanya untuk memanfaatkannya.
Sebagai pengolah vektor, Corel Draw sering digunakan untuk membuat gambar
seperti kartun, logo, illustrasi, dan sebagainya. Selain itu corel draw juga dapat
digunakan untuk mengatur tata letak secara sederhana yang tidak terlalu banyak
walaupun mungkin tidak terlalu lengkap seperti aplikasi khusus untuk tata letak.
Seperti membuat brosur, membuat pamplet, surat undangan, dan cover buku yang menarik dan sebagainya
1) Konsep Dasar
Kita mengenal istilah Aplikasi desktop publishing yaitu:
a. Pengolah Photo/Pixel.
• Adobe Photo Shop.
• Corel photo Paint.
• Photo Impact, dsb.
b. Aplikasi Pengolah Vektor.
• Corel Draw.
• Macromedia Freehand.
• Adobe Illustrator, dsb.
c. Aplikasi tata Letak/layout.
• Adobe Page Maker.
• Adobe InDesign.
• Corel Ventura, dsb.

2) Memulai Corel
Untuk membuka aplikasi Corel Draw X3.
􀂾 Klik Start lalu sorot All Programs.
􀂾 Pilih CorelDRAW Graphics Suite X3 dan Klik CorelDRAW X3.
Setelah itu Biasanya muncul menu tampilan seperti berikut:
􀂾 Klik new untuk membuat baru.
􀂾 Recently used untuk membuka file-file yang telah dibuka.
􀂾 Open untuk membuka file yang tersimpan.
􀂾 New From Template membuat baru dari template.
􀂾 Corel Tutor melihat instruksi secara bertahap tentang Corel Draw.
􀂾 What’s New untuk melihat fasilitas baru pada Corel Draw X3.
Untuk menghilangkan tampilan ini ketika membuka corel berikutnya, hilangkan
tanda chek list pada Show this Welcome Screen at Start Up.
Cara lain: Klik shortcut di desktop yang bertuliskan CorelDRAW X3.
Adapun untuk membuat shorcut tersebut, langkah-langkahnya:
􀂾 Klik Start lalu sorot All Programs.
􀂾 Pilih CorelDRAW Graphics Suite X3 dan Klik kanan (bukan klik yang kiri)
CorelDRAW X3
􀂾 Maka muncul sejumlah menu dan klik Send to lalu klik Desktop (Sreate Shorcut).
Apabila langkah-langkahnya benar maka icon Corel Draw X3 akan muncul.

3) Mengenal Komponen Corel
Berikut ini adalah tampilan jendela Corel Draw X3.

􀂾 Title bar (1) berisi informasi judul aplikasi dan file yang sedang dibuka.
􀂾 Menu bar (2) berisi menu-menu yang ada di aplikasi Corel Draw.
􀂾 Toolbar terdiri dari beberapa icon meliputi:
• Standar (3) perintah-perintah pada menu utama
• Property bar (4) berisi tombol-tombol perintah tambahan.
• Tool box (5) berisi alat untuk mendesain gambar.
􀂾 Ruler (6) sebagai garis pengukur objek.
􀂾 Color Pallete (7) berisi perintah untuk memilih warna objek.
􀂾 Lembar kerja (8) halaman tampilan untuk tempat mendesain objek.
􀂾 Pages (9) sebagai petunjuk halaman yang aktif.

4) Mempersiapkan Projek Baru
Untuk mempersiapkan Projek baru, langkah-langkahnya:
􀂾 Klik menu File.
􀂾 Lalu klik perintah New .
􀂾 Untuk menentukan tipe kertas, klik kotak Paper Type/Size
pada Property Bar lalu pilih jenis kertas yang anda
inginkan. Misalkan letter, legal, A4, tabloid, dsb.
􀂾 Jika tidak ada yang diinginkan, rubah ukuran pada paper weigh and height
namun yang tampil disini dalam ukuran inch kita bisa
merubahnya ke ke Sentimeter dengan memilihnya pada Drawing Unit
lalu klik Centimeter.

5) Menyimpan File
Untuk menyimpan projek Corel Draw ke bentuk file, caranya:
􀂾 Klik menu File
􀂾 Klik Save As .
􀂾 Tentukan letak penyimpanan pada kotak Save in:
􀂾 Lalu tulis nama filenya pada kotak filename.
􀂾 Pada Save as type, tentukan tipe filenya.
􀂾 Tekan Save.

6) Membuka File
Untuk membuka file Corel Draw yang telah disimpan, caranya:
􀂾 Klik menu File
􀂾 Klik open
􀂾 Tentukan letak penyimpanan pada kotak Look in:
􀂾 Lalu cari nama file pada deretan file.
􀂾 Pada Files of type, tentukan tipe filenya.
􀂾 Untuk melihat preview, chek list Kotak Preview.
􀂾 Setelah file dipilih, klik Open.

7) Menutup
Untuk menutup dokumen:
􀂾 Klik menu File
􀂾 Klik Close .
Catatan:
Apabila muncul pertanyaan seperti berikut , itu tandanya bahwa projek yang kita
kerjakan belum disimpan. Terdapat tiga tombol yaitu:
                               
􀂾 Yes untuk menyimpan dokumen/file ke file dokumen baru (jika belum
disimpan sebelumnya) atau ke dokumen lama (jika sudah disimpan
sebelumnya). Jika yang dibuka file dokumen lama, maka segala macam
bentuk perubahan akan disimpan pada file dokumen tersebut.
􀂾 No untuk keluar dan abaikan penyimpanan
􀂾 Cancel untuk membatalkan perintah keluar


 
Copyright 2010 Fitri Rudliyana. Powered by Blogger
Blogger Templates created by DeluxeTemplates.net
Wordpress by Wpthemescreator
Blogger Showcase