Kamis, 27 Agustus 2015

Penjelasan Mengenai ISP

INTERNET SERVICE PROVIDER (ISP)
1. Pengertian ISP
    Internet Service Provider (ISP) atau Penyelenggara Jasa Internet (PJI) adalah sebuah perusahaan atau sebuah organisasi yang menyediakan jasa layanan koneksi akses internet untuk perseorangan, perkantoran, kampus, sekolah, dan lain - lain.
2.  Fungsi ISP
  • Sebagai media yang memberikan jasa untuk berhubungan dengan internet.
  • Menghubungkan pelanggan ke gateway internet terdekat.
  • Menyediakan modem untuk dial-up.
  • Menghubungkan seorang user ke layanan informasi World Wide Web (www).
  • Memungkinkan seorang user menggunakan layanan surat elektronik (e-mail).
  • Memungkinkan seorang user melakukan percakapan suara via internet.
  • Memberi tempat untuk homepage
  • ISP melakukan proteksi dari penyebaran virus dengan menerapkan sistem antivirus untuk pelanggannya
Membuat Marquee Change text between marquee tags
Alternate marquee behavior Nur Murti Lani Down marquee direction <<< Opposite Direction Marquees>>>

Jumat, 21 Agustus 2015

Hasil Uji Latihan Web 1

<html>
  <head>
    <title>Halaman Webku</title>
  </head>

  <body>
    Isi halaman web ada disini.<br>
    Nama   : ............ <br>
    Kelas    : XII AP 2 <br>
    <H1>Ini Tulisan Judul Paling Besar</H1>
    <H2>Judul ini lebih kecil dari di atas</H2>
    <H3>Ini lebih kecil lagi</H3>
    <H4>Tambah kecil saja</H4>
    <H5>Apa cukup kecil?</H5>
    <H6>Belum, ini yang paling kecil</H6>
  </body>
</html>


<html> <head> 
<title>Bullet dan Numbering</title>
</head>  
<body>
<br>
Belajar Bullet dan Numbering
<br>
<UL type='circle' > <LI>Ini bullet berbentuk bulat</LI> </UL>
<UL type='square' >  <LI>Sedangkan ini berbentuk kotak</LI>  </UL>
<OL start='3' > <LI>Ini nomor 3</LI> <LI>Ini nomor 4</LI> <LI value='7'>Ini nomor 7</LI> <LI>Ini nomor 8</LI> </OL>
<UL type='circle' > <LI>Yang ini menggunakan bullet circle</LI>  
<LI type='square'>Tapi yang ini square</LI>
<LI>Yang ini tetap circle</LI> </UL> </body>
</html>

Jumat, 14 Agustus 2015

Tugas Kontent 15082015

1. Cara Membuat Email Pada Google Mail

       Cara Membuat Email

1. Buka/klik link berikut ini → Daftar Gmail
2. Masukkan data lengkap
  • Nama Depan dan belakang
    Jika nama lebih dari 2 kata, Anda bisa memasukkan 2 kata sekaligus pada salah satu kolom
  • Nama pengguna
    Nama pengguna adalah alamat email anda nantinya. Alamat email ini berfungsi layaknya nomor handphone. Alamat email juga dibutuhkan jika anda ingin masuk ke inbox Email anda. Anda bisa bebeas memilih alamat email selama alamat tersebut masih tersedia/belum digunakan orang lain. Penulisan huruf besar kecil tidak dibedakan.
  • Kata sandi
    Kata sandi diperlukan untuk mengamankan akun ada agar tidak sembarang orang bisa mengakses inbox email. Kata sandi ini diperlukan ketika Anda ingin masuk/login ke inbox Email. Berbeda dengan alamat email, penulisan huruf besar dan kecil pada kata sandi dibedakan (ruMah dan rumah di anggap kata yang berbeda). Jadi ingat baik-baik penulisan kata sandi Anda.
  • Isi Tanggal lahir
  • Pilih Gender
  • Masukkan Nomor HP
    Penulisannya menggunakan +62, jadi jika nomor anda 08969xxx maka ditulis menjadi +62896xxx
  • Biarkan kosong kolom "Alamat email Anda saat ini"
  • Kemudian ketikkan teks pada gambar ke kolom yang telah disediakan
  • Centang persetujuan, kemudian klik "Langkah Berikutnya"
  • cara membuat email cara membuat email

3. Sebelumnya, anda bisa mencentang kolom "Buktikan Anda Bukan Robot" pada contoh gambar di atas, sehingga Anda tidak perlu menginputkan kata yang tertulis digambar. Tetapi sebagai gantinya, Google akan mengirimkan SMS yang berisi 6 digit angka ke nomor HP Anda. Jadi pastikan Anda memasukkan nomor HP yang valid
verifikasi sms email gmail
Cr : http://o2netter.blogspot.com/2014/02/cara-membuat-email-baru-di-gmail-daftar.html

2. Upload Dan Download

UPLOAD

4.1.Pengertian Upload

Upload adalah juga proses transmisi sebuah file dari sebuah sistem komputer ke sistem komputer yang lainnya dengan arah yang berkebalikan dengan download. Dari internet, user yang melakukan proses upload adalah proses dimana user mengirimkan file ke komputer lain yang memintanya. User yang men-share gambar,foto dengan yang user yang lainnya di bulletin board sytem (BBS), mengupload file ke BBS. File Transfer Protocol (FTP) adalah contoh Internet protokol untuk downloading and uploading files.

Arti istilah Upload dianggap berkaitan erat dengan pengertian berikut :
Mengirim file dari komputer Anda ke komputer lain. Kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnya yang terhubung dalam sebuah network.

Secara umum upload dapat diartikan proses transmisi data dari komputer client/pemakai ke internet.


DOWNLOAD

5.1.Pengertian Download

Download adalah proses transmisi sebuah file dari sebuah sistem computer ke sistem komputer yang lainnya. Dari internet, user yang melakukan proses download adalah proses dimana seorang user meminta / request sebuah file dari sebuah komputer lain (web site, server atau yang lainnya) dan menerimanya. Dengan kata lain, download adalah transmisi data dari internet ke komputer client/pemakai.

Arti istilah Download dianggap berkaitan erat dengan pengertian berikut :
Menerima file dari komputer lain ke komputer Anda. Kegiatan penerimaan data (berupa file) dari komputer lainnya ke komputer lokal yang terhubung dalam sebuah network.

Secara umum dapat diartikan bahwa download adalah untuk menerima file dan upload adalah untuk mengirimkan file.

Cr : http://eviandrianimosy.blogspot.com/2010/04/pengertian-upload-dan-download.html


3. Pengertian Google Drive

Google Drive adalah layanan penyimpanan yang dimiliki oleh google. Google Drive ini sebenarnya sudah lama dilunjurkan yaitu sejak 24 April 2012 yang lalu. Pengguna google drive akan mendapatkan layanan penyimpanan gratis sebesar 5 GB. Google Drive merupakan perubahan dari Google Docs, jika sobat membuka google docs maka akan diredirect ke google drive.

Cr : http://www.putrakomputer.com/2012/11/google-drive-pengertian-dan-fungsinya.html

4. Pengertian Google Docs

Google docs adalah salah satu fasilitas google.co.id yang sengaja disediakan untuk menyimpan dokumen-dokumen yang Anda miliki. Artinya, Anda bisa memanfaat google.docs sebagai tempat penyimpan data cadangan Anda. Andaikata laptop atau komputer Anda terkena virus, Anda tak perlu kebingungan jika sudah menyimpan data-data Anda di google.docs. File yang Anda simpan masih ada dan tak akan hilang sedikitpun.

Cr : http://adiyaumil.blogspot.com/2012/12/apa-itu-google-docs-beserta-manfaatnya.html

5. Pengertian Google Maps

Google Maps adalah Peta Online atau Membuka peta secara online. kini dapat dilakukan secara mudah melalui servis gratis dari Google ini. bahkan, servis ini menyediakan API )Application Programming Interface) yang memungkinkan developer lain untuk memanfaatkan aplikasi ini di aplikasi buatannya. Tampilan GoogleMaps pun dapat dipilih, berdasarkan foto asli atau peta gambar rute saja.

Cr : http://jayaputrasbloq.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html

6. Apakah yang disebut Forum dan berilah 3 contoh dan berilah keterangan singkat mengenai forum tersebut

Forum adalah suatu gelanggang terbuka, dimana seseorang mendapat kesempatan berbicara tentang masalah apapun. Pembicara dapat datang dari kelompok massa, dan segera setelah selesai pembicaraannya ia harus kembali ke tempat semula. Jadi dalam forum tidak ada anggota tertentu yang duduk terpisah dari pendengar, tetapi ditekankan pada pemberian kesempatan bagi setiap orang untuk mengemukakan pikiran dan perasaan di depan khalayakBerbagai macam cara pertemuan untuk bertukar pikiran secara bebas, mulai dari simposium, seminar, lokakarya atau yang sering disebut workshop, rapat, diskusi, konferensi, kongres, dan musyawarah kerja. Disini akan dijabarkan tentang masing-masing forum tersebut.

1.    Seminar
Seminar merupakan suatu pembahasan masalah secara ilmiah, walaupun topik yang dibahas adalah masalah sehari-hari. Dalam membahas masalah, tujuannya adalah mencari suatu pemecahan, oleh karena itu suatu seminar selalu diakhiri dengan kesimpulan atau keputusan-keputusan yang merupakan hasil pendapat bersama, yang kadang-kadang diikuti dengan resolusi atau rekomendasi. Pembahasan dalam seminar berpangkal pada makalah atau kertas kerja yang telah disusun sebelumnya oleh beberapa orang pembicara sesuai dengan pokok-pokok bahasan yang diminta oleh sesuatu panitia penyelenggara. Pokok-pokok bahasan yang diminta oleh suatu penitia penyelenggara. Pokok bahasan yang telah ditentukan, akan dibahas secara teoritis dan dibagi menjadi beberapa subpokok bahasan bila masalahnya sangat luas. Pada awal seminar, dapat dibuka dengan suatu pandangan umum oleh orang berwenang (yang ditunjuk panitia) sehingga tujuan seminar terarah. Kemudian hadirin (massa) dibagi menjadi beberapa kelompok untuk membahas permasalahan lebih lanjut. Tiap kelompok dapat diserahi tugas membahas suatu sub pokok bahasan untuk dibahas dalam kelompok yang biasanya juga disebut seksi/komisi, di bawah pimpinan seorang ketua komisi (kelompok). Dari hasil-hasil kelompok, disusun suatu perumusan yang merupakan suatu kesimpulan yang dirumuskan oleh suatu tim perumus yang ditunjuk. Pembahasan dalam seminar memakan waktu yang lebih lama karena sifatnya yang ilmiah. Apabila para pembicara tidak dapat mengendalikan diri biasanya waktu banyak dipergunakan untuk pembahasan yang kurang penting. Oleh karena itu dibutuhkan pimpinan kelompok yang menguasai persoalan sehingga penyimpangan dari pokok persoalan dapat dicegah. Penyimpangan ini dapat diatasi bila setiap kali ketua sidang menyimpulkan hasil pembicaraan sehingga apa yang akan dibicarakan selanjutnya sudah terarah.

2.    Lokakarya atau workshop
Lokakarya atau dalam bahasa Inggris workshop adalah suatu acara pertemuan antara para ahli (pakar) untuk membahas masalah praktis di mana beberapa orang berkumpul untuk memecahkan masalah tertentu dan mencari solusinya. Sebuah lokakarya adalah pertemuan ilmiah yang kecil.

3.    Rapat
Rapat merupakan suatu bentuk media komunikasi kelompok resmi yang bersifat tatap muka, yang sering diselenggarakan oleh banyak organisasi, baik swasta maupun pemerintah. Rapat merupakan alat untuk mendapatkan mufakat, melalui musyawarah kelompok. Rapat merupakan media yang dapat dipakai unttuk pengambilan keputusan secara musyawarah untuk mufakat. Rapat merupakan pertemuan antara para anggota di lingkungan kantor/ perusahaan/ organisasi sendiri untuk membicarakan, merundingkan suatu masalah yang menyangkut kepentingan bersama. Rapat merupakan alat/media komunikasi kelompok yang bersifat tatap muka dan sangat penting, diselenggarakan oleh banyak organisasi, baik swasta maupun pemerintah untuk mendapatkan mufakat melalui musyawarah untuk pengambilan keputusan.

4.    Diskusi
Kata diskusi berasal dari bahas Latin discutio atau discusum yang berarti bertukar pikiran. Dalam bahasa Inggris digunakan kata discussion yang berarti perundingan atau pembicaraan.  Dari segi istilah, diskusi berarti perundingan/bertukar pikiran tentang suatu masalah: untuk memahami, menemukan sebab terjadinya masalah, dan mencari jalan keluarnya. Diskusi ini dapat dilakukan oleh dua-tiga orang, puluhan, dan bahkan ratusan orang. Diskusi adalah sebuah proses tukar menukar informasi, pendapat, dan unsur unsur pengalaman secara teratur dengan maksud untuk mendapatkan pengertian bersama yang lebih jelas, lebih teliti tentang sesuatu atau untuk mempersiapkan dan merampungkan kesimpulan/pernyataan/keputusan. Di dalam diskusi selalu muncul perdebatan. Debat ialah adu argumentasi, adu paham dan kemampuan persuasi untuk memenangkan pemikiran/paham seseorang.

5.    Konferensi
Konferensi adalah rapat atau pertemuan untuk berunding  atau bertukar pendapat mengenai suatu masalah yang dihadapi bersama. Konferensi bisnis, pertemuan untuk membahas masalah bisnis. Konferensi pers, suatu pengumuman untuk pers (cetak, radio, televisi) dengan diikuti oleh sesi tanya jawab tentang hal yang diumumkan.

6.    Kongres
Kongres merupakan pertemuan besar para wakil organisasi (politik, sosial, profesi) untuk mendiskusikan dan mengambil keputusan mengenai berbagai masalah. Kongres lebih kepada tujuan politik. Kongres biasanya digunakan untuk mengawasi dan mencocokkan kegiatan pemerintahan.

7.    Musyawarah kerja
Musyawarah kerja atau rapat kerja (raker) merupakan suatu pertemuan yang hanya dihadiri oleh sekelompok massa tertentu yang bergerak dalam bidang kerja sejenis. Dengan massa yang lebih terbatas, raker dilaksanakan untuk saling bertukar pengalaman atau pengetahuan dalam bidang kerja masing-masing, untuk mengevaluasi program-program kerja yang telah dilaksanakan atau untuk mengadakan pembaharuan dalam bidang kerja tersebut.Permasalahan yang akan dibahas, dipersiapkan jauh sebelumnya dengan menginventarisasi masalah dari lapangan kemudian diklasifikasikan ke dalam aspek-aspek tertentu yang akan dibahas dalam pertemuan tersebut. Bila perlu pada permulaan raker didahului dengan ceramah sebagai pengarahan dari seorang nara sumber, di samping ada beberapa nara sumber lain yang sewaktu-waktu dapat memberikan bantuan bila mengalami kesulitan. Peserta dibagi atas beberapa kelompok, yang masing-masing dipimpin oleh seorang ketua kelompok. Hasil akhir sidang kelompok disampaikan pada sidang pleno (lengkap) untuk mendapatkan tinjauan umum secara menyeluruh, untuk pada akhimya diambil satu keputusan. Biasanya raker dilaksanakan selama beberapa hari (lima hari sampai seminggu), oleh karena itu di tengah-tengah raker dapat disisipi acara karyawisata, pameran, demonstrasi, diskusi panel, dan sebagainya.

Cr : http://oxyprimasetiya.blogspot.com/2012/02/jenis-jenis-forum.html

7. Apakah yang disebut sharring online pada Google Drive

Sharring Online itu sendiri berarti melakukan sharring/berbagi dengan koneksi internet. (cr:https://authpass.wordpress.com/2010/09/05/pengertian-internet-sharing-dan-fungsinya/)
Jadi yang disebut sharring online pada google drive adalah melakukan sharring/berbagi dengan koneksi internet pada layanan penyimpanan yang dimili oleh google.

Mengenal Template Dan Cara Menggantinya

Pengertian Template

Template merupakan sebuah tampilan awal dalam sebuah situs web / blog sedangkan template tersebut untuk mempercantik tampilan blog anda sehinga bisa menarik pengunjung apa lagi jika template itu sangat ringan, template banyak macamnya tergantung anda ingin menginginkan apa dan carilah template yang cocok untuk niche atau karakter situs yang anda kelola.


Cara Mengganti Template


Panduan cara mengganti template blog(mengubah tampilan) ini tentu untuk blogger baru yang belum tahu caramengubah tampilan blognya.

Namun, blogger lama juga bisa "mengintip"-nya, siapa tahu ada "hal baru" dalam tutorial dasar blogging ini.

*** Biar mudah dalam mengikuti panduan ini, silakan DOWNLOAD dan Print, sudah termasuk cara membuat blog lengkap.

SIAPKAN DULU TEMPLATENYA!
Yang dimaksud mengganti template blog di sini bukan ganti template dengan yang disediakan blogspot, tapi menggantinya dengan template hasil download dari situs-situs penyedia template blog seperti:
1. Download Templatenya.
Pilih template yang clean, fast loading, dan SEO Friendly. Baca review templatenya (jika ada). 

Anda bisa Test ke-SEO-an demo templatnya di Chkme. Test loadingnya di GTMetrix.

2. Simpan file  ekstensi xml.
Jika hasil download berupa file ZIP atau RAR, ekstrak file tersebut. Caranya: 
  • Klik kanan > Exctract to [nama file]) sehingga menjadi file ekstensi XML
  • Jika menjadi lebih dari satu file, "amankan" yang berekstensi XML. 
  • File lain biasanya berupa "readme" atau panduan instalasi dan link.

Mengenal JavaScript

Pengertian JavaScript

Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis.

Fungsi JavaScript

Untuk menjaga browser dari mengeksekusi sebuah script ketika beban halaman, Anda dapat menempatkan script Anda ke fungsi.
Sebuah fungsi berisi kode yang akan dieksekusi oleh peristiwa atau dengan panggilan ke fungsi.Anda dapat memanggil fungsi dari manapun di halaman (atau bahkan dari halaman lain jika fungsi tertanam dalam file js eksternal.).Fungsi dapat didefinisikan baik dalam <head> dan di bagian <body> dokumen. Namun, untuk memastikan bahwa fungsi dibaca / dimuat oleh browser sebelum dipanggil, itu bisa bijaksana untuk menempatkan fungsi dalam bagian <head>.

Syntax :
function functionname(var1,var2,…,varX)
{
some code
}
Parameter var1, var2, dll variabel atau nilai-nilai dilewatkan ke fungsi. Para {dan} mendefinisikan awal dan akhir fungsi.
Catatan: Sebuah fungsi tanpa parameter harus menyertakan tanda kurung () setelah nama fungsi.
Catatan: Jangan lupa tentang pentingnya modal dalam JavaScript! Fungsi kata harus ditulis dalam huruf kecil, jika tidak terjadi kesalahan JavaScript! Juga perhatikan bahwa Anda harus memanggil fungsi dengan ibukota yang sama persis seperti dalam nama fungsi.

Contoh Fungsi JavaScript

<html>
<head>
<script type=”text/javascript”>
function displaymessage()
{
alert(“Hello World!”);
}
</script>
</head>
<body>
<form>
<input type=”button” value=”Click me!” onclick=”displaymessage()” />
</form>
</body>
</html>
Jika garis: alert (“!! Halo dunia”) pada contoh di atas tidak dimasukkan dalam fungsi, itu akan dieksekusi segera setelah halaman itu dimuat. Sekarang, script tidak dijalankan sebelum pengguna menekan tombol input. Para displaymessage function () akan dieksekusi jika tombol input diklik.
Anda akan belajar lebih banyak tentang peristiwa JavaScript di JS Peristiwa bab.

The return Statement ( Pernyataan kembali )

Pernyataan return digunakan untuk menentukan nilai yang dikembalikan dari fungsi.Jadi, fungsi yang akan mengembalikan nilai harus menggunakan pernyataan kembali.Contoh di bawah ini mengembalikan produk dari dua bilangan (a dan b):
Contoh :
<html>
<head>
<script type=”text/javascript”>
function product(a,b)
{
return a*b;
}
</script>
</head>
<body>
<script type=”text/javascript”>
document.write(product(4,3));
</script>
</body>
</html>

Lifetime dari Variabel JavaScript

Jika Anda mendeklarasikan variabel, menggunakan “var”, dalam fungsi, variabel hanya dapat diakses dalam fungsi itu. Ketika Anda keluar dari fungsi, variabel ini hancur. Variabel ini disebut variabel lokal. Anda dapat memiliki variabel lokal dengan nama yang sama dalam fungsi yang berbeda, karena masing-masing diakui hanya oleh fungsi yang dinyatakan.
Jika Anda mendeklarasikan variabel di luar fungsi, semua fungsi pada halaman Anda dapat mengaksesnya. Masa ini variabel dimulai ketika mereka dinyatakan, dan berakhir ketika halaman tersebut ditutup.

Minggu, 09 Agustus 2015

mempelajari CSS (Cascading Style Sheet)

Cascading stylesheet atau biasa disebut CSS merupakan teknologi yang digunakan dalam design website. Mungkin dapat dikatakan 100td_persen website yang ada sekarang sudah menggunakan CSS,  karena memang CSS sangat diperlukan dalam mempercantik tampilan website.
 
1. CSS Font
CSS Font digunakan untuk mengatur font dalam tampilan halaman website. CSS Font antara lain :

Font digunakan untuk mengatur font secara umum, penulisan perntah font adalah sebagai berikut :
font: normal  12px/14px Arial, helvetica, sans serif;
-    normal untuk menentukan tebal atau tipisnya font
-    12px/14px untuk menentukan ukuran terkecil font dan ukuran maximalnya
-    Arial, helvetica dst digunakan untuk memilih jenis font yang akan digunakan
Font-family digunakan untuk menentukan jenis font yang akan digunakan
Font-size digunakan untuk menentukan ukuran font
Font-style digunakan untuk mentukan style dari font yang kita gunakan, misalnya italic atau normal
Font-weight juga digunakan untuk menentukan tebal tipisnya font yang dipakai

2. CSS Background

Digunakan untuk mengatur background suatu area atau bagian dalam halaman website.

Berikut penjelasan dari beberapa perintah css background
background digunakan untuk mengatur background secara umum, yaitu bisa berbentuk background gambar atau background warna. Perhatikan contoh berikut :
background:blue;
background:url(images/gambar.gif);
background-attachment digunakan untuk mengatur posisi background gambar pada halaman website, dimana background gambar dapat di set statis, sehingga walaupun pengunjung menggerakan scroll  browser ke atas atau ke bawah, background akan tetap pada posisinya.
Background-position digunakan untuk mengatur posisi background gambar. Dimana background gambar dapat diset pada bagian atas, bawah, kanan atau kiri pada sebuah area tertentu
Background-repeat digunakan untuk mengatur perulangan background gambar

3. CSS Border atau garis tepi
Berikut penjelasan dari beberapa macam perintah css border:
Border digunakan untuk membuat garis tepi pada sebuah area dalam halaman website. Perintah yang umum digunakan antara lain:
Border: #warna ukuran tipe_border
perhatikan contoh berikut :
Border: silver 1px solid; 
perlu diingat bahwa perintah diatas akan membuat border keseluruha, yaitu border atas, kanan, bawah dan juga border kiri. Jika kita hanya memerlukan border pada bagian tertentu, gunakan perintah
border-top,  border-right , border-bottom dan border-left,  contoh border-bottom:#ff9900 2px solid;

4. CSS Margin dan Padding

Margin merupakan jarak keluar antara sebuah elemen dengan elemen lainnya dalam halaman website, sedangkan Padding merupakan jarak kedalam sebuah elemen dengan value atau isi dari elemen tersebut. Beberapa contoh penulisan perintah Margin dan padding dapat dilihat pada contoh berikut:

margin:10px 0 0 0;
padding:0 0 0 10px;

Penulisan diatas merupakan cara pengaturan margin dan padding secara berurutan, yang dimulai dari Atas, Kanan, Bawah dan kiri
Bagaimana CSS dapat mengenali bagian – bagian dalam halaman html?
Jawabannya adalah dengan 3 selektor  berikut :
1. Mengenali  TAG atau perintah html
2. Mengenali Class pada bagian – bagian tertentu  halaman html
3. Mengenali ID bagian – bagian tertentu dalam sebuah halaman html
Pembahasan tentang Selektor pada CSS akan kita bahas pada tutorial selanjutnya, silahkan tuliskan komentar ada pada form dibawah atau kirimkan request anda pada link ini untuk dapat kami bahas pada tutorial selanjutnya.
 
Sifat CSS

Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.

Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.

Fakta Menggunakan CSS

Fakta Menggunakan CSS diantaranya :

  • Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
  • Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
  • Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
  • Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
  • Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
  • CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.
 

Jumat, 07 Agustus 2015

Pengertian Dan Pengertian HTML


HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Pengertian HTML bila di jabarkan berdasarkan kata-kata penyusunnya HTML nya adalah sebagai berikut:
Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup 
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi. 

Adapun Perintah - Perintah Dasar dari HTML adalah sebagai berikut:

1.  <H1> sampai <H6> <H1>  </H1>font ukuran besar
     <H2>  </H2>
      ....         ....
     <H6>   </H6>font semakin kecil

2.  <HR>
     Fungsi : perintah untuk membuat garis horizontal penuh layar
 
3. <I>
     Fungsi : membuat teks miring
4. <B>
    Fungsi : membuat teks tebal
5. <U>
    Fungsi : membuat teks bergaris bawah
6. <CENTER>
    Fungsi : membuat text ke tengah layar
7. <ALIGN>
    Fungsi : Membuat teks rata kiri dan rata kanan
    Sintak
    <P ALIGN=right>untuk rata kanan
    <P ALIGN=left>untuk rata kiri
    <P ALIGN=center>untuk rata tengah
    <P ALIGN=justify>untuk rata kiri dan rata kanan

atau

        <H?ALIGN=right>
        <H?ALIGN=left>
        <H?ALIGN=center>
        <H?ALIGN=justify>

        Contoh pemakaian:
        <H2 Align=right>Selamat Datang Ke Website Kami <H2>

      8. <BR>
        Fungsi : memasukkan fungsi enter
        Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
      9. <!->
        Fungsi : membuat komentar
        Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
     10.  <P>
        Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
     11. <DD>
        Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
     12. <BASEFONT>
        Fungsi : Mengubah ukuran font
        Contoh :
        <BASEFONT SIZE=6>
        WELCOME TO MY WEBSITE
        <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
      13. <FONT>
        Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
     14. <FACE>
        Fungsi : mengubah jenis font
     15.  <SUP>
        Fungsi : membuat cetak naik suatu teks
        Contoh :
        Kami adalah yang pertama:1stin the world
     16.  <SUB>
        Fungsi : membuat suatu teks cetak turun
        Contoh :
        contoh-contoh teks cetak turun :
        H2O (Disebut Air) dan
        C2127No (Disebut Methadon)
     17.  <UL> atau Unorder List
        Fungsi : membuat bullet
    18.   <LI>
        Fungsi : juga untuk membuat bullet
        Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
        Contoh :
        <UL>
        <LI>
        <H2> Jawa Timur </H2>
        <UL>
        <LI> SURABAYA </LI>
        <LI> MALANG </LI>
        <LI> GRESIK </LI>
        </UL>
        </LI>
        </BR>
        <LI>
        <H2> Jawa Barat </H2>
        <UL>
        <LI> Bandung </LI>
        <LI> Sukabumi </LI>
        <LI> Bogor </LI>
        </UL>
        </LI>
        </UL>
    19.   <IMGSRC>
        Fungsi : memasukkan gambar ke dalam Website
        Anda dapat juga memasukkan gambar berakhiran *.Jpg,   *.Gif, *.Bmp dll
        Sintak :<IMG BORDER="5">
        "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
    20.    <BGSOUND>
        Fungsi : memasukkan suara atau musik ke dalam Website
        Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">

    Link dengan sorot
    Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
    <HTML>
    <HEAD>
    <TITLE> </TITLE>
    <META Name="description"Content=" ">
    <META Name="keywords"Content=" ">
    <META Name="generator"Content="Cute HTML">
    </HEAD>
    <BODY BG Color="#FFFFFF"Text="#000000="#"0000FF"VLink="#800080">
    <Center>
    <A href=" "target=main on mouse over="Window.open('c:/html/keterangan.html'):">
    <Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
    </CENTER>
    </BODY>
    </HTML>

    Link dengan tombol
    Berikut adalah contoh program link dengan tombol
    Sintak :
    <Input type="button"Value="Nama Tombol"
    On Click="parent.location="Link anda disini" >

    Contoh
    Buatlah link dengan nama
    tentang_kami.html
    produk_kami.html
    cara_memesan.html


    < HTML >
    < HEAD >
    < TITLE > </TITLE>
    < META name="description"Content=" ">
    < META name="keywords"Content=" ">
    < META name="generator"Content="Cute HTML">
    < /HEAD >
    < BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >
    < Center >
    < h1 > PT.OCTA >
    < Input Type="button"value="Tentang Kami"
    on click="parent.location="c:/website/tentang_kami.html'" >
    < Input Type="button"value="Produk Kami"
    on click="parent.location="c:/gambar/produk_kami.html'" >
    < Input Type="button"value="cara memesan"
    on click="parent.location="c:/gambar/cara_memesan.html'" >
    < /Center >
    < /Body >
    < /HTML >

    Kolom
    < tr > adalah perintah untuk membuat kolom pada notepad
    Berikut adalah contoh perintah cara membuat kolom pada notepad
    < html >
    < head >
    < title > Belajar membuat kolom < /title >
    < /head >
    < H3 Align="Center" > DAFTAR MAHASISWA < H3 >
    < table border="3" border color="red"
    < tr >
    < td > No
    < td > Nama
    < td > Alamat
    < td > No. Phone
    < td > Gambar
    < /tr >
    < tr >
    < td > 1
    < td > Octa
    < td > Padang Bulan
    < td > 8214773
    < td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >

    Hasilnya menjadi

    Membuat Frame

    -Framecols : membagi layar dalam bentuk kolom
    -FrameRows : membagi layar dengan bentuk baris
    -Frame Src : menampilkan file dalam frame
    Bentuknya
    (Frame cols="30%,*")
    (Frame Src="Nama.file Name="Teks")
    (Frame Rows="40%,*")
    (Frame Src="Nama.file"Nama="teks")
    (Frame Src="Nama.file"Nama="Teks)
    (/Frameset)

    Contoh Program Frame

    < Html >
    < Head >
    < Title >Melink dengan sorot < /Title >
    < /Head >
    < Frameset cols="30%,*" >
    < Frame Src="Nama file"Nama="Teks" >
    < Frame Rows="40%%,*" >
    < Frame Src="Gambar File’Nama="Gambar" >
    < Frame Src="Nama File"Nama="Teks >
    < /Frameset >

Contoh HTML :
struktur dasar bahasa HTML.


<html>
<head>
<title> tempat menulis judul halaman web </html>
<head>
<body>
tempat untuk menulis isi dari halaman web
</body>
</html>
 kita coba latihan,,
langkah pertama
buka lah satu program  aplikasi pengolah kata seperti notepad atau wordpad ataupun aplikasi pengolah kata lainnya.
langkah kedua
tuliskan tag html di bawah ini pada aplikasi pengolah kata:

<html>
<head>
<title>


LATIHAN 1 HTML OLEH ALIM di INDONESI4KU.WORDPRESS.COM
</title>

</head>
<body>
<br>
<p>HTML adalah bahasa standar yang digunakan untuk membuat halaman web.<br>
salah satu tutorial atau contoh latihannya dapat kita lihat di situs<br>
Indonesi4ku.wordpress.com.
</body>
</html>
langkah ketiga
simpanlah file tadi dengan ekstensi atau tipe file “.html”. contoh: latihan1.html
langkah keempat

bukalah file yang sudah kita simpan tadi, dengan cara mengklik dua kali pada nama filenya.



selesai.