Selasa, 25 Agustus 2015

Hasil Latihan Halaman Web 2-a

Latihan Halaman Web 2-a

Google Indonesia = www.google.co.id 
Yahoo Indonesia = www.yahoo.co.id 
Facebook = www.facebook.com
Twitter = www.twitter.com
www.twitter.com
Diposting oleh di Tidak ada komentar:

Membuat Marquee

Membuat Marquee Change text between marquee tags
Alternate marquee behavior Up marquee direction Down marquee direction <<< Opposite Direction Marquees>marquee scrollamount="5" direction="right" widht="40">>>>
Diposting oleh di Tidak ada komentar:

Jumat, 21 Agustus 2015

Hasil Latihan Uji Web 1

Halaman Webku Isi halaman web ada disini.
Nama : Isna Asyriyah
Kelas : XII AP 1

Ini Tulisan Judul Paling Besar

Judul ini lebih kecil dari di atas

Ini lebih kecil lagi

Tambah kecil saja

Apa cukup kecil?
Belum, ini yang paling kecil
Bullet dan Numbering
Belajar Bullet dan Numbering
  • Ini bullet berbentuk bulat
  • Sedangkan ini berbentuk kotak
  1. Ini nomor 3
  2. Ini nomor 4
  3. Ini nomor 7
  4. Ini nomor 8
  • Yang ini menggunakan bullet circle
  • Tapi yang ini square
  • Yang ini tetap circle
Diposting oleh di Tidak ada komentar:

Jumat, 14 Agustus 2015

Tugas KKPI ke 2

3). Apakah yang disebut Google Drive ?
 
Google Drive adalah layanan penyimpanan daring milik Google yang diluncurkan pada 24 April 2012. Layanan ini merupakan ekstensi dari Google Docs dan akan mengganti URL docs.google.com dengan drive.google.com setelah diaktifkan. Google Drive memberikan layanan penyimpanan gratis sebesar 15 GB dan dapat ditambahkan dengan pembayaran tertentu. Dengan fitur unggulan yang sama seperti Dropbox, yaitu sinkronisasi data melalui folder khusus di dalam desktop atau lebih dikenal dengan Desktop Sync Clients. GDrive memberikan kapasitas gratis sebesar 5 GB dan tentunya fitur-fitur yang terintegrasi dengan layanan Google lainnya seperti: Gmail, G+ dan Google Search. Fitur yang bisa digaris bawahi dari GDrive adalah API’s untuk para Developer. Hingga kini GDrive telah terhubung dengan puluhan aplikasi pihak ketiga.

 4). Apakah yang disebut Google Docs ?
Google Docs adalah layanan pengolah kata, lembar sebar, presentasi, formulir, dan penyimpanan data berbasis web gratis dari Google. Layanan ini pertama kali diluncurkan pada 10 Oktober 2006 sebagai gabungan dua layanan: Writelydan Spreadsheets. Layanan presentasi diluncurkan pada 17 September 2007 sedangkan layanan penyimpanan data untuk berkas apa pun (hingga maksimum 1 GB per berkas) diluncurkan pada 13 Januari 2010.


5). Apakah yang disebut Google Maps ?

 Google Maps adalah sebuah jasa peta globe virtual gratis dan onlinedisediakan oleh Google dapat ditemukan di http://maps.google.com . Ia menawarkan peta yang dapat diseret dan gambar satelit untuk seluruh dunia dan baru-baru ini, Bulan, dan juga menawarkan perencana rute dan pencari letak bisnis di Amerika Serikat, Kanada, Jepang, Hong Kong, Cina, UK, Irlandia(hanya pusat kota) dan beberapa bagian Eropa. Google Maps masih berada dalam tahap beta.

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

 Web Forum adalah sekumpulan hal yang menampilkan  informasi data teks, data gambar atau gerak, data animasi, suara, video atau gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk rangkaian bangunan yang saling terkait dimana masing - masing dihubungkan dengan jaringan - jaringan halaman ( hyperlink ) dan bersifat statis apabila isi informasi website jarang berubah dan isi informasinya hanya searah.
Contohnya :
1. www.indoforum.org
Indoforum merupakan salah satu komunitas secara online yang digunakan oleh orang Indonesia. Pemilik web forum ini bernama Slamet Riyadi. Dia membuat web ini pada tanggal 8 Mei 2006.
2. www.organisasi.com
3. www.diskusiweb.org


 7). Apakah yang disebut sharing online pada Google Drive ?
Yang dimaksud sharing online pada google drive berarti sharing/berbagi dengan koneksi internet pada layanan penyimpanan yang dimiliki google, bisa diartikan juga untuk berbagi dokumen yang telah kita buat di google drive yang nantinya dapat di share kepada siapa saja sesuai dengan si pengguna. 

Sumber :
https://docs.google.com/document/d/1js6T3VVDdhKNyhxTt8Qm33mZY6ayE82SQ9pOathzZpo/edit
http://ilmukomputer.org/wp-content/uploads/2013/06/Google-Document3.pdf
http://www.cloudindonesia.or.id/mengenal-menggunakan-google-drive.html
https://id.wikipedia.org/wiki/Google_Maps
https://id.wikipedia.org/wiki/Google_Docs
http://nchusmanisselalu.blogspot.com/2011/06/pengertian-web-forum-beserta-contohnya.html
Diposting oleh di Tidak ada komentar:

Apakah yang disebut upload dan download ?

Pengertian Upload

Upload merupakan proses mengirim file yang tersimpan dari komputer lokal ke komputer sistem jaringan Internet. Secara umum upload dapat diartikan sebagai proses transmisi data dari pemakai komputer/komputer client ke jaringan internet. Contoh Upload yang biasa kita lakukan pada facebook kita sering memasang /mempublikasikan foto, nah proses memasang foto itu namanya upload/ mengunggah, file yang di upload itu bisa di download dan disimpan oleh pengguna komputer lain yang sedang terkoneksi Internet dengan catatan file yang di upload tidak diproteksi.

 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.
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.
Sumber :
http://eviandrianimosy.blogspot.com/2010/04/pengertian-upload-dan-download.html
Diposting oleh di Tidak ada komentar:

Cara Membuat E-mail di G-mail

Langkah / Cara membuat email di Gmail (mail.google)

Jika dulu pernah membuat artikel tentang cara membuat email di yahoo.com, maka pada posting kali ini dibahas cara membuat email gmail, atau layanan email yang disediakan oleh perusahaan mesin pencari yaitu Google. Menurut kami memiliki email di gmail hukumnya wajib, kenapa wajib.. ??? karena layanan email yang diberikan oleh google ini bisa dibilang layanan email terbaik abad ini. Bisa dikatakan terbaik  karena gmail meskipun gratis mempunyai kelebihan yang pantas dibanggakan dibandingkan layanan email yang lain. Salah satunya adalah kapasitas simpan yang besar dan selalu bertambah, hebatkan…??? biasanya kan kalau suatu ruangan ditambah isinya semakin berkurang.. eh ini malah ditambah

Cara mendaftar Gmail.com

Untuk lebih jelaskanya silahkan simak bagaimana langkah-langkah membuat email di gmail (google.com)
1. Langkah paling awal, siapkan koneksi internet, bukan browser, saya sarankan untuk menggunakan browser Chrome, karena lebih enak dan cepat menurut saya. Tapi jika belum download, pakai dulu seadanya. bisa pake Internet Explorer atau Mozila Firefox
2. Masukan alamatnya urulnyahttp://mail.google.com/ atau  http://gmail.com . Sehingga tampil gambar seperti di bawah ini. Kemudian pilih tombol [create an account] atauBuat Akun yang berada di pojok kanan atas.

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"



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



Diposting oleh di Tidak ada komentar:

TEMPLATE DAN PERINTAH - PERINTAH NYA

Pengertian Template

Dalam software template adalah fasilitas yang disediakan oleh aplikasi tertentu dengan model/type tampilan/program tertentu. Contohnya MS. Word templatenya adalah berbagai bentuk surat, Ms. Exel templatenya adalah berbagai bentuk nota atau biling, dreamweaver templatenya berbentuk halaman html atau php. Sementara itu dalam dunia internet, template adalah layout atau tampilan webblog, atau website yang akan dirancang, atau sebuah desain tampilan halaman dengan berisikan dokumen file model-model tambahan yang dikodekan dalam bahasa program dan siap pakai. Untuk lebih jelasnya, perhatikan gambar-gambar template di bawah ini: 

Template merupakan salah satu identitas anda. Kita tidak dapat memilih template secara sembarangan, tentu saja jika website Anda ditujukan untuk konsumsi public. Kita tidak boleh memilih template yang hanya mengikuti selera sendiri, mengabaikan selera public yang menjadi sasaran Anda. Sebenarnya sah-sah saja membuat template yang aneh dan tidak lazim (tidak sinkron dengan tema web), tetapi hasilnya nanti akan kelihatan lucu bin ndagel. Ada beberapa hal yang perlu Anda perhatikan dalam memilih / membuat template Sebelum merancang sebuah web, sebaiknya Anda memikirkan template yang sesuai dengan tema / isi web Anda. Misalnya Anda ingin membuat web tentang kuliner, tentu saja tidak cocok jika template Anda dihiasi dengan gambar-gambar mobil, atau alat-alat musik. Carilah template yang menarik sehingga pengunjung betah melihat website Anda. Anda dapat mencari template di situs-situs tertentu yang menyediakan template gratis. Hal lain yang perlu Anda perhatikan adalah, template Anda diusahakan agar ringan sehingga ketika dikunjungi tidak lemot. Gambar-gambar ukurannya harus kecil sehingga tidak memperberat jika diakses. Biasanya para pengunjung akan membatalkan berkunjung ke website Anda jika aksesnya berat. Usahakan template Anda SEO Friendly untuk mendapatkan pengunjung yang banyak. Apalah artinya website kita yang bagus tetapi tidak ada pengunungnya.

Berikut beberapa Tips dalam memilih Template untuk website ataupun Blog anda.
Tujuan atau arah website,
Sebelum merancang sebuah web alangkah baiknya anda memikirkan untuk mencari template yang sesuai dengan isi dari tujuan web anda.
Contohnya Anda membuat web tentang pembelajaran tetapi anda memilih template yang berwarna pink dan background dihiasi bunga, hal ini tidak singkron. Dan apabila anda merniat untuk bisnis online atau iklan seperti google adsense maka persiapkanlah template yang tersedia kolom letak untuk menempatkan iklan tersebut.

Pilih Template yang menarik
Carilah template yang di rasa menarik bagi anda maupun pengunjung. Di situs banyak sekali tersedia contoh template yang menarik baik berbayar maupun yang gratis. Luangkan waktu beberapa hari untuk mencari template yang memang yakin bagi anda itu bagus. Jangan sampai di suatu ketika anda menyesal anda menemukan template yang lebih  baik dari yang anda gunakan sekarang yang pada akhirnya memilih untuk mengganti template yang telah anda pasang sebelumnya.

Template yang ringan
Salah satu faktor yang penting lainnya adalah besarnya file template  tersebut. Anda harus memperhatikan berat tidaknya proses loading web anda. Visitor akan enggan berkunjung ke web anda apabila proses loadingnya terlalu lama. Maka hindarilah hal seperti ini. Banyak faktor faktor yang membuat web itu menjadi berat diantaranya:
  • Terlalu banyak gambar ukuran besar
  • Terlalu banyak script atau variasi yang terpasang
  • Ukuran template yang besar
  • Faktor server hosting yang terlalu sibuk atau memang lambat
Dari hal tersebut kita bisa kita bisa memilih template yang bagus dan cepat proses loadingnya. Untuk mengukur kecepatan web beserta komponen yang paling lengkap bisa anda coba di websiteoptimization


SEO Friendly
Jenis template yang friendly terhadap search engine atau tidak. Tetapi anda bisa melihat atau mencari di situs penyedia dengan memakai keyword seo template. Pada umumnya untuk blogspot atau wordpress untuk seo friendly boleh di katakan banyak tersedia baik yang gratis mapun yang berbayar, akan  tetapi untuk cms joomla masih terdapat banyak kendala, hal ini juga di dukung oleh server anda, yang artinya tidak semua server mendukung atau support dengan SEO Friendly.



Diposting oleh di Tidak ada komentar:

PENGERTIAN JAVASCRIPT DAN PERINTAHNYA

A. Pengertian javascript 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. Perintah Dasar pada JavaScript 1). Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data. contoh: nama = 'Rudianto' angka = 11 umur = 25 namalengkap = 'Teknik Komputer' 2). Perintah Output document.write(namavariabel) document.write("Kalimat"+namavariabel) alert("Kalimat"+namavariabel) Contoh: Teknik Komputer

Contoh menampilkan output dan alert

3). Perintah Input dengan prompt namavariabel = prompt("Pesan" , nilaidefault) dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya. contoh: Teknik Komputer

Contoh menerima input

Penulisan JavaScript Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag yang dibuka dengan tag Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut: Script pada bagian head Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil). Script pada Body Script ini dieksekusi ketika halaman di-load sampai di bagian . Ketika menempatkan script pada bagian berarti antara isi dan JavaScript dijadikan satu bagian. Jumlah JavaScript di dan yang ditempatkan pada dokumen tidak terbatas. External JavaScript Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js. JavaScript : js/xxx.js document.write(“pesan ini tampil ketika halaman diload”); Untuk menggunakan eksternal JavaScript (.js) dipakai atribut “src” pada tag

Script di atas berada di berkas “xx.js” (eksternal)

Perintah dasar merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu perintah assigment perintah untuk menampilkan output perintah untuk menerima input operator melakukan manipulasi data Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data. contoh: nama = 'Rudianto' angka = 11 umur = 25 namalengkap = 'Teknik Komputer' Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi. contoh: var nama = 'Rudianto' var angka = 9 var umur = 25 Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda. contoh: var angka = 'sembilan' var angka = 9 Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\). contoh: kalimat = " Selamat datang di program studi Teknik Komputer \ Politeknik NSC Surabaya \ semoga bermanfaat" Perintah Output document.write(namavariabel) document.write("Kalimat"+namavariabel) alert("Kalimat"+namavariabel) Contoh: Teknik Komputer

Contoh menampilkan output dan alert

Perintah-perintah javascript : 1. Anti Klik Kanan Kode javascript ini buat menonaktifkan klik kanan di blog kalian gan, jadi pengunjung gak bisa klik kanan dan melihat source kode blog loe. Cari kode di template blog kalian lalu ganti dengan kode dibawah ini gan. 2. Kotak Pesan Peringatan ( Alert Box ) Pesan Pembuka Kode ini buat nampilin pesan saat pengunjung pertama kali membuka atau mengunjungi blog kalian gan. Cari kode di template blog, lalu copy paste kode di bawah ini tepat di bawahnya gan. Tinggal di edit aja kalimat yang di highlight sesuai keinginan kalian gan. Pesan Penutup Kode ini muncul kalau pengunjung mau meninggalkan atau menutup tab blog kalian gan. Cara pasangnya sama dengan pesan pembuka, cari kode lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di highlight sesuai keinginan kalian gan. 3.Onmouseover Sound Kode ini buat memberikan backsound musik kalau pengunjung mengarahkan atau mengklik mousenya ke text atau gambar gan. Caranya tinggal copy paste kode di bawah ini ke mode HTML edit post blog kalian. Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan. Mouseover DISINI Buat Dengerin Musik Atau Klik DISINI Buat Dengerin Musik Tinggal dipilih aja mau yang onmouseover atau onclick gan. Lalu ganti URL-FILE-MUSIK/SOUND dengan Url file musik/sound kalian. Silahkan di edit sendiri kalimatnya atau bisa juga diganti sama gambar gan. Contoh kayak di bawah ini, silahkan di coba dan mungkin loadnya agak lama karena gw pake file mp3 gan. Mouseover DISINI Buat Dengerin Musik Klik DISINI Buat Dengerin Musik 4.Show Hide Konten / Spoiler Kode untuk menampilkan atau menyembunyikan konten, mirip tombol spoiler yang ada di forum-forum gan. Cara pasangnya gampang, loe cari kode lalu copy paste kode javascript di bawah ini di atasnya gan. Sekarang tinggal nambahin kode di konten yang pengen di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah gw kasi tanda gan.
———> Konten Disini Gan <———
Konten bisa apa aja bisa gambar, teks atau apapun. Buat edit tulisan di tombolnya ganti aja Show-Hide sesuai keinginan loe. Contoh seperti di bawah ini di klik aja gan. 5. Teks Berjalan / Marquee Kode ini bisa kalian gunakan untuk menampilkan teks berjalan gan. Kodenya sangat sederhana bisa juga untuk gambar atau link gan. Tinggal copy kode di bawah ini dan pastekan di manapun kalian suka. Teks, Link Atau Gambar Kalian Disini Buat ngerubah arahnya tinggal di ganti aja “left” sesuai keinginan kemana arah yang loe mau gan. Buat behavior bisa juga diganti pake alternate atau slide, untuk bgcolor silahkan ganti warnanya sesuka hati gan. Contoh : “scrool” direction=”left” Contoh marquee atau teks berjalan “alternate” Contoh marquee atau teks berjalan “scrool” direction=”left” dengan gambar 6. Downloading Progress Bar Dengan kode ini kita bisa dengan mudah membuat bar proses download yang sederhana gan. Yang ini pake javascript kalau di klik progress barnya bergerak atau berubah otomatis gan. Tinggal copy dan paste kode di bawah ini dimana pun loe mau gan.
0%
Standarnya progress bar ini kodenya cuma gan. Contoh seperti yang dibawah ini, silahkan di coba gan. Sumber : http://www.developerdrive.com/2012/07/displaying-the-progress-of-tasks-with-html5/ Progress Bar 0% 7. Textarea Fungsi textarea ini bisa buat naruh kode di postingan gan sebagai pengganti blockquote. Cara pasangnya gampang gan tinggal copy paste kode di bawah ini dan ada tiga pilihan gan. Biasa Seleksi Otomatis Seleksi Dengan Tombol

8.Link Dengan Pop Up Yang terakhir gan, ini kode buat link kalau di klik bakal muncul pop up sesuai dengan target Urlnya. Misal digunakan untuk iklan atau link download gan. Copy paste kode javascript di bawah ini di atas kode atau bisa juga paste langsung di postingan dengan linknya gan.
Diposting oleh di Tidak ada komentar:

CSS DAN PERINTAH - PERINTAH NYA

PENGERTIAN CSS CSS adalah kepanjangan dari Cassading Style Sheet. Kode CSS ini hampir terdapat di seluruh bagian template blog anda. Adapun fungsi dari CSS adalah untuk mempercantik sebuah halaman web, termasuk blog. CSS dapat bekerja secara maksimal jika tidak ada kesalahan dalam mengedit atau menambahkan kode CSS kedalam template blog Anda. Jika tedapat kesalahan, baik dalam menambahkan atau mengedit tampilan blog, maka dapat dipastikan blog anda akan menjadi berantakan. Sebenarnya, untuk menjadikan blog anda indah dan cantik, Anda tidak perlu mendalami pengetahuan kode CSS karena kode CSS ini akan bekerja maksimal dengan sistem kode yang disebut mark up language, seperti kode HTML, XHTML, dan XML. Namun, mempelajari dasar-dasar kode CSS dapat membantu Anda dalam mengedit template blog sehingga terlihat cantik dan menarik. Pengetahuan dasar tentang kode CSS akan membantu Anda nantinya, dalam mempelajari dan mempraktikkan bab-bab selanjutnya. Kode CSS tidak jauh berbeda dengan kode HTML PERINTAH CSS Perintah dasar dari kode CSS hampir sama dengan kode HTML yang diawali dengan kode pembuka dan kode penutup. Jika tidak, template tidak dapat di-parse atau disimpan pada halaman blog anda. ciri dari kode CSS adalah dapat ditambahkan atau digunakan langsung untuk mengedit dari template blog anda. Kode-kode CSS biasanya meliputi warna dan aksesori yang ada di halaman blog Anda. Misalnya, jika anda ingin menuliskan tulisan "blog pertamaku" dengan warna merah, maka kode yang membuat warna merah itulah yang disebut dengan CSS. Terdapat 3 cara untuk menuliskan perintah CSS yaitu : 1. Eksternal style sheet Eksternal style sheet sangat ideal digunakan untuk halaman web yang banyak. Dengan cara ini, apabila Anda ingin mengubah tampilan web, Anda hanya perlu mengedit/mengubah file CSS saja. Untuk menggunakannya, setiap halaman harus di link-kan ke style sheet menggunakan tag link. Tag link diletakkan dibagian head. 1. 2. 3. style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css : 1. hr {color:sienna;} 2. p {margin-left:20px;} 3. body {background-image:url("images/back40.gif");} Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah : a. margin-left:20px 2. Internal style sheet Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style. 1. 2. 7. 3. Inline Style Cara ini, perintah CSS didefinisikan langsung pada tag HTML. Gunakan cara ini apabila perintah CSS yang didefinisikan sangat pendek. Contoh berikut akan menambahkan warna dan margin pada paragraf : 1.

Ini adalah sebuah paragraf.

Diposting oleh di Tidak ada komentar:

HTML DAN PERINTAH - PERINTAHNYA

PENGERTIAN HTML HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML. HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML) Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C). Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa) HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. Fungsi HTML yang lebih spesifik yaitu : 1. Membuat halaman web. 2. Menampilkan berbagai informasi di dalam sebuah browser Internet. 3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext). PERINTAH - PERINTAH HTML

Sampai

fungsi : untuk membuat (memilih) ukuran teks. Sintak :

Contoh Contoh Heading

Teks dengan Heading 1

Teks dengan Heading 2

Teks dengan Heading 3

Teks dengan Heading 4

Teks dengan Heading 5
Teks dengan Heading 6
Perintah ini digunakan untuk membuat garis horizontal penuh layar Sintaks :
Contoh :
Kalimat ini diapit oleh 2 buah garis
Perintah ini digunakan untuk membuat teks miring. Sintaks : Contoh Selamat Datang Ke Websiteku Perintah ini digunakan untuk membuat teks tebal. Sintaks : Contoh Selamat Datang Ke Websiteku Perintah ini digunakan untuk membuat teks bergaris bawah. Sintaks : Selamat Datang Ke Websiteku Selamat Datang Ke Websiteku
Perintah ini untuk membuat teks ke tengah layar. Sintaks :
Contoh :

Selamat Datang Ke Websiteku

ALIGN Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri. Sintaks :
→ Rata Kanan
→ Rata Kiri
→ Rata Tengah
→ Rata Kanan dan Kiri atau Contoh pemakaian :

SELAMAT DATANG


(Line Break) Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah
diberikan di akhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya. <!– Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program. Sintaks : <!– –> Contoh : <!—Ini adalah contoh komentar –> Perintah untuk membuat teks berukuran kecil. Perintah untuk membuat teks berukuran besar (Paragraph) Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain. Sintaks :
Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam. Sintaks :
BASEFONT Perintah ini digunakan untuk mengubah ukuran font. Contoh : Teks dengan ukuran 6 pt
Teks dengan ukuran 6 pt dan tebal
Teks dengan ukuran 10 pt FONT Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip. FACE Untuk mengubah jenis font Contoh : Teks dengan jenis font Times New Roman. Teks dengan jenis font Arial. Perintah ini digunakan untuk membuat cetak naik suatu teks. Contoh : Kami adalah yang pertama : 1st in the world. Perintah ini digunakan untuk membuat cetak turun suatu teks. Contoh : H2O (disebut air(
    Perintah
      (Unordered List) adalah perintah untuk membuat daftar (list).
    • Perintah
    • (List Item) adalah perintah untuk membuat daftar (list) CATATAN : Perintah
    • harus berada dalam perintah OL, UL, DIR, MENU. Contoh :

      • JAWA TIMUR

        • SURABAYA
        • MALANG
        • GRESIK

      • JAWA BARAT

        • BANDUNG
        • SUKABUMI
        • BOGOR
      BODY Perintah BODY adalah perintah untuk membuat warna latar belakang pada layar, mengubah warna link, mengubah warna dasar link, menampilkan pesan ketika halaman ditutup, dan lain-lain sesuai dengan atribut yang diberikan. Sedangkan BODY memiliki 8 atribut, antara lain : TEXT=warna Untuk menentukan warna teks. BGCOLOR=warna Untuk mengubah warna dasar layar (halaman). BACKGROUND=URL Untuk mengatur warna latar belakang gambar. LINK=warna Untuk menentukan warna link. ALINK=warna Untuk menentukan warna link yang sedang dipilih. VLINK=warna Untuk menentukan warna link yang sudah dikunjungi. ONLOAD=string Perintah yang akan dilaksanakan ketika halaman Website selesai di Download ONUNLOAD=string Perintah yang akan dilaksanakan ketika halaman Website ditutup. Contoh : INPUT Adalah perintah untuk meminta memasukan (input) dari pengunjung, sedangkan INPUT memiliki cukup banyak atribut, antara lain: TYPE=[text | password | checkbox | radio | submit | reset | file | hidden | image | button] (jenis input) NAME=string (kunci dalam form submit) VALUE=string (nilai dari input) CHECKED (tombol check radio atau checkbox) SIZE=number(panjang kotak teks) MAXLENGHT=number (panjang karakter) SCR=URL (lokasi URL atau gambar) ALT=string (keterangan untuk gambar) ALIGN=[top | middle | bottom | left | right] (pengaturan teks atau gambar) DISABLED (menyembunyikan elemen) READONLY (mencegah perubahan) ACCEPT=string (media untuk upload file) ACCESSKEY=character (tombol shortcut) TABINDEX=number (posisi tab) ONFOCUS=string (kotak teks yang menerima fokus / kursor) ONBLUR=string (kotak teks yang ditinggalkan focus / kursor) ONSELECT=string (teks yang dipilih) ONCHANGE=string (nilai yang akan diganti) ONCLICK=string (perintah yang akan dilaksanakan apabila tombol di klik) Contoh : Program 1

      Program 2 Silahkan pilih jenis pembayaran Anda :




      FORM
      Perintah FORM adalah suatu metode untuk membuat format input seperti formulir, dan terdiri dari beberapa atribut: ACTION=URL Penanganan form METHOD=[get | post] Metode HTTP untuk submit form. ENCTYPE=string Tipe isi submit form. TARGET=string Target berupa jendela atau frame. ONSUBMIT=string From yang sudah di-Submit. ONRESET=string Form yang di-reset Contoh :
      1: 2: 3:
      LABEL adalah suatu perintah untuk membuat keterangan field (kotak input) dalam pembuatan form, dan umumnya digunakan dengan perintah INPUT. Sedangkan LABEL terdiri dari beberapa atribut : LABEL adalah suatu perintah untuk membuat keterangan field (kotak input) dalam pembuatan form, dan umumnya digunakan dengan perintah INPUT. Sedangkan LABEL terdiri dari beberapa atribut : ACCESSKEY=character Tombol shortcut. ONFOCUS=script Elemen yang menerima fokus (kursor) ONBLUR=script Elemen yang ditinggalkan fokus (kursor). Contoh :

      TEXTAREA adalah suatu perintah untuk membuat pengunjung dapat mengetik sekumpulan teks dalam sebuah kotak. Atribut yang dapat digunakan dengan perintah TEXTAREA adalah sebagai berikut : NAME=string (kunci untuk submit form) ROW=number (jumlah baris) COLS=number (jumlah kolom) DISABLE=menyembunyikan elemen READONLY=mencegah perubahan ACCESSKEY=character (tombol shortcut) TABINDEX=number (posisi tab) ONFOCUS=string (kotak teks yang menerima fokus/kursor) ONBLUR=string (kotak teks yang ditinggalkan focus/kursor) ONSELECT=string (teks yang dipilih) ONCHANGE=string (nilai yang akan diganti) Contoh :
      FIELDSET
      adalah suatu perintah untuk membuat beberapa formulir yang terdiri dari beberapa bagian: PEMBUATAN MENU Perintah ini digunakan untuk membuat daftar menu pilihan (options selector), dan umumnya digunakan dengan perintah OPTIONS (pembuat menu pilihan) dan OPTGROUP (pembuat group pilihan). Dengan perintah ini maka Anda akan dapat membuat daftar pilihan seperti yang sering Anda lihat dalam Website professional: ATRIBUT : NAME=string (kunci untuk submit form) MULTIPLE=dapat membuat menu pilihan berganda SIZE=number (jumlah pilihan yang tampak) DISABLE=menyembunyikan elemen TABINDEX=number (posisi tab) ONFOCUS=string (kotak teks yang menerima fokus/kursor) ONBLUR=string (kotak teks yang ditinggalkan focus/kursor) ONCHANGE=string (nilai yang akan diganti) Perintah ini untuk membuat menu pilihan, dan umumnya digunakan dengan perintah kontrol SELECT : ATRIBUT : VALUE=string (nilai pilihan) SELECTED=pilihan berupa inisial DISABLE=menyembunyikan pilihan LABEL=string (pilihan label) Contoh : Pilih status perkawinan Anda : STYLE adalah perintah untuk memasukan (embedding) stylr sheet, misalnya untuk penanganan warna latar belakang halaman (background). ATRIBUT : TYPE=string(harus “text/css”) MEDIA=MediaDesc (jenis media yang akan dimasukan) TITLE=strings (judul style sheet) Contoh :

      Selamat datang ke Websiteku.





KETERANGAN Perintah ini untuk membuat warna teks (foreground) dengan warna putih. Jika ingin warna lain, misalnya merah, ganti dengan RED. BODY { background: red; color:black} Perintah untuk membuat warna latar belakang halaman Website, jika ingin warna aqua misalnya, ganti red dengan aqua. TABEL & KOTAK Perintah-perintah yang termasuk ke dalam kategori TABEL adalah sebagai berikut : TABLE CAPTION COLGROUP COL – Table Column THEAD – Table Head TFOOT – Table Foot TBODY – Table Body TR – Table Row TTD – Table Data Cell TH – Table Header Cell
Perintah untuk membuat table. Dan terdiri dari beberapa atribut: SUMMARY=string (struktur table) WIDTH=length (lebar table) BORDER=pixels (lebar border) FRAME=[void | above | hsides | lhs | rhs | vsides | box | border] (bagian luar border) RULES=[none | groups | row | cols | all] (bagian dalam border) CELLSPACING=length (spasi antara cell) CELLPADDING=length (spasi dalam cell) ALIGN=[left | center | right] (perata tabel) BGCOLOR=color (warna background table) Contoh :
Nama Umur Alamat
Hans 22 Paingan
MEMBUAT KOTAK Contoh :
Kalimat biasa dalam kotak
Kalimat tebal dalam kotak
Kalimat miring dalam kotak
MEMBUAT TABLE & KOTAK Contoh :
Nama Umur Alamat
Hans 22 Paingan
WARNA FONT COLOR Perintah untuk memasukan warna kedalam teks. Contoh : Teks dengan warna merah
Teks dengan warna hitam
Teks dengan warna biru BACKGROUND Adalah perintah untuk membuat warna latar belakang sebuah teks. KODE-KODE WARNA UNTUK WARNA BACKGROUND #000000 : Black #c0c0c0 : Silver #808080 : Gray #ffffff : White #800000 : Maroon #ff0000 : Red #800080 : Purple #ff00ff : Fuchsia #008000 : Green #00ff00 : Lime #808000 : Olive #ffff00 : Yellow #000080 : Navy #0000ff : Blue #008080 : Teal #00ffff : Aqua Contoh :
Dasar Hitam Dasar Merah
GAMBAR & MUSIK Perintah-perintah untuk memasukan GAMBAR & MUSIK adalah sebagai berikut : IMG SRC : Untuk memasukan gambar ke dalam Website IMG BORDER : Untuk membuat bingkai gambar dengan kotak BGSOUND : Untuk memasukkan suara atau musik ke dalam Website Anda. IMG SRC Adalah perintah untuk memasukkan gambar ke dalam Website. Anda dapat memasukkan gambar yang berakhiran (berformat) .JPG, .GIF, .BMP dan lain-lain. Untuk kemudahan pengiriman gambar kelak ke dalam server, satukan terlebih dahulu gambar ke dalam folder program. Barulah panggil ke dalam program. Sintaks : IMG BORDER Untuk membingkai gambar dengan kotak Sintaks : PERHATIAN : Ukuran file musik yang sangat besar (misalnya MP3), tidak dapat kita masukkan ke dalam Website kita. Karena nanti kita tidak dapat memindahkannya ke dalam server agar dapat diakses pemakai internet, karena ukurannya sangat besar, akan keluar pernyataan kehabisan waktu ketika kita memindahkannya ke dalam server. FRAME Adalah suatu fasilitas dalam HTML yang berfungsi untuk membagi layar ke dalam beberapa jendela. Ada pun perintah-perintah untuk membuat frame dalam HTML adalah sebagai berikut: FRAMESET FRAME IFRAME Adalah perintah untuk membuat frame, dan umumnya berpasangan dengan perintah FRAME. Atribut untuk FRAMESET : ROWS=length (panjang baris dalam satuan pixel) COLS=length (panjang kolom dalam satuan pixel) ONLOAD=string (semua frame sudah selesai di-load) ONUNLOAD=string (semua frame sudah dihapus) Contoh : FRAME Perintah ini untuk memasukan gambar, halaman atau URL ke dalam jendela (frame), mengatur margin, menggulung frame dan lain-lain. FRAME terdiri dari beberapa atribut, antara lain : NAME=string (nama frame) SRC=URL (isi frame) LONGDESC=URL (uraian dari frame) FRAMEBORDER=[1 | 0] (border frame) MARGINWIDTH=pixels (batas kiri terhadap ini frame) MARGINHEIGHT=pixels (batas atas terhadap ini frame) NORESIZE SCROLLING=[yes | no | auto] (penggulung frame) Contoh : Keterangan : Untuk pembuatan FRAME perintah tidak digunakan dalam program, karena jika ada perintah maka program ini tidak dapat berjalan. IFRAME SRC Adalah perintah untuk membuat jendela dengan lebar dan tinggi sesuai dengan keinginan programmer, dan dapat diletakan di bagian kiri, tengah, atau bagian kanan. Sintaks : Contoh :
A HREF Nama Link CARA PEMBERIAN NAMA FILE Untuk menjaga kesalahan, berilah nama file dengan ketentuan sebagai berikut: File pertama (file induk) simpan dengan nama index.html (semua huruf kecil) File-file berikutnya juga disimpan dengan huruf kecil. Tentang file gambar, juga disimpan dengan huruf kecil. Jika nama file lebih dari satu kata, pisahkan dengan underscore ( _ )
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)