Selasa, 25 Agustus 2015

Hasil Latihan Halaman Web 2-a

Google Indonesia = www.google.co.id

Yahoo Indonesia = www.yahoo.co.id
Facebook = www.facebook.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>>>
Diposting oleh di Tidak ada komentar:

Jumat, 21 Agustus 2015

Latihan Halaman Web Hari ke-1

Halaman Webku Isi halaman web ada disini.
Nama : AINI BRIANTI GUSTARIN
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:

SHARE FILE MELALUI GOOGLE DRIVE

Cara Share File Secara Public di Google Drive. Hadirnya sebuah media penyimpanan On-line saat ini memang sangat membantu kita dalam hal penyimpanan file, dimana kita dapat upload file apa saja ke dalam drive on line pada media penyimpanan yang telah disiapkan. Sehingga anda tidak perlu repot-repot membawa media penyimpanan yang bersifat fisik, seperti Hard disk, flash disk maupun CD atau DVD. Simplenya metode dalam penyimpanan file di dalam media penyimpanan On Line membuat kita dimanjakan olehnya. Bagaimana tidak, file yang sudah tersimpan dalam media penyimpanan OnLine tersebut dapat tersimpan dengan aman, dengan catatan anda harus benar-benar menjaga akun yang telah anda buat pada cloud storage itu, jangan sampai password yang telah anda buat tersebut diketahui oleh orang yang tidak bertanggung jawab terhadap file yang anda upload tadi, dan tentunya hal ini mempunyai kelebihan dimana kita dapat mengakses kapanpun kita mau selama terkoneksi dengan jaringan internet. Istilah penyimpanan file secara OnLine ini biasa dikenal dengan sebutan Cloud Storage, Kita mengenal cloud storage adalah merupakan media penyimpanan secara Online, jadi ini tidak ada kaitanya dengan arti sebenarnya yaitu cuaca. Tidak perlu susah untuk mendapatkan free storage atau ruang penyimpanan gratis yang disediakan oleh media penyimpanan OnLine ini, Anda hanya perlu mendaftar menggunakan Email untuk mendapatkanya. Masing-masing layanan menyediakan free storage yang berbeda pada file yang tersimpan di remote database nya, ada yang menyediakan 2 GB dan ada juga yang menyediakan sampai 50 GB, itu tergantung pada kebijakan masing-masing penyedia layanan. Cara Share File Secara Public di Google Drive Share file Google Drive Sebut saja salah satu cloud storage yang bersifat gratis dan dapat dihandalkan kualitas penyimpananya, yaitu Google Drive, walaupun terbatas pada ruang penyimpanan yang disediakan sekitar 15 GB, namun anda dapat menambahkan ruang tersebut dengan cara membeli, terdapat opsi yang dapat anda pilih untuk meningkatkan ruang penyimpanan pada google drive. Anda dapat memilih dengan menyewa ruang penyimpanan tersebut $1,99/Bulan untuk 100 GB, maupun dengan $9,99/Bulan untuk 1 TB. Sebenarnya secara default file yang anda upload di Google Drive tersebut bersifat private, namun anda juga dapat melakukan share dengan beberapa opsi, yaitu : Share Public On The Web. Artinya file yang anda upload di dalam database google drive tersebut dapat ditemukan dan diakses oleh siapapun yang terkoneksi dengan internet tanpa memerlukan proses sign in. Share Anyone With The Link, Artinya siapa saja yang memiliki link yang anda share tersebut dapat mengkases file yang anda upload tanpa harus melakukan sign in. Off - Specific People. Untuk kategori ini file yang anda share harus pada seseorang yang sudah anda tentukan untuk dapat mengakses file, dimana proses sign in diperlukan untuk dapat melihat dan download file. Sedangkan untuk otoritas akses pada file yang anda share terdapat beberapa tingkatan, yaitu : Can Edit, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk melakukan perubahan pada isi file. Can Comment, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk memberikan komentar pada file yang anda share. Can View, Pada otoritas ini, setiap orang yang membuka file yang anda share akan diberikan hak untuk melihat saja, tanpa melakuan perubahan terhadap isi file maupun memberikan komentar didalamnya. Langkah Share File Secara Public di Google Drive. Silahkan buka halaman google drive berbasis web disini. Log In kedalamnya dengan mengetikan Email dan password yang telah anda buat sebelumnya, Jika anda sebelumnya sudah memiliki akun Gmail, anda juga dapat langsung menggunaknya untuk proses Log In. Jika anda sudah berhasil Log In, maka anda akan sampai pada halaman Dashboard Google Drive. Silahkan klik menu My Drive yang berada disebelah kiri layar. Cara Share File Secara Public di Google Drive Share file Google Drive Pada bilah layar sebelahnya, anda akan melihat file yang sudah pernah anda Upload sebelumnya. Silahkan klik kanan pada file yang akan dishare. kemudian pilih share Cara Share File Secara Public di Google Drive Share file Google Drive Pada kotak dialog yang muncul, silahkan klik Advanced. Cara Share File Secara Public di Google Drive Share file Google Drive Selanjutnya anda akan dibawa pada kotak dialog berikutnya, pada Who has access silahkan anda klik link change. Cara Share File Secara Public di Google Drive Share file Google Drive Kotak dialog berikutnya akan menampilkan link sharing, silahkan anda pilih On- Public On the web. Pada Access klik can view. kemudian anda dapat mengakhiri dengan klik tombolsave. Cara Share File Secara Public di Google Drive Share file Google Drive Dengan begitu anda akan mendapatkan link to share. link inilah yang dapat anda letakan pada website atau blog untuk dishare dengan orang lain. Cara Share File Secara Public di Google Drive Share file Google Drive Jika sudah selesai klik Done, maka file anda akan ditandai dengan ikon dua orang sebagai tanda telah dishare. Cara Share File Secara Public di Google Drive Share file Google Drive Selesai, demikian tutorial singkat tentang Cara Share File Secara Public di Google Drive, semoga dapat bermanfaat
Diposting oleh di Tidak ada komentar:

FORUM

FORUM Forum diskusi benar-benar sebuah bentuk gerakan lambat dari chatting. forum ini dirancang untuk membangun komunitas online orang-orang dengan minat yang sama. juga dikenal sebagai "kelompok diskusi", "papan" atau "newsgroup", sebuah forum adalah layanan asynchronous di mana anda dapat perdagangan non pesan instan dengan anggota lain. reply anggota lain pada jadwal mereka sendiri, dan tidak perlu hadir sementara anda kirimkan. setiap forum ini juga didedikasikan untuk komunitas tertentu atau subjek, seperti perjalanan, berkebun, motor, mobil-mobil vintage, memasak, isu sosial, seniman musik, dan banyak lagi. forum sangat populer, dan terkenal karena cukup adiktif karena mereka menempatkan Anda berhubungan dengan banyak orang yang berpikiran serupa. Contoh forum di internet – kaskus – wikipedia – diskusiweb – intgovforum
Diposting oleh di Tidak ada komentar:

Pengertian Template

Pengertian Template



Anda pasti sudah tidak asing dengan istilah ini. Apalagi bagi para netter yang biasa berkelanan di dunia maya. Setiap kali mereka browsing mencari situs tertentu pasti mereka akan menemui template, yang berbentuk desain web tertentu. Selain di ranah internet sebenarnya template memiliki beberapa arti, tergantung dari mana kita melihatnya.

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.


  • Nah, saya kira cukup sekian saja pertemuan kita kali ini. Sebelum berpisah, dibawah ini akan saya informasikan alamat-alamat situs yang menyediakan template gratis untuk Anda. 


  • http://www.zoomtemplate.com/
  • http://www.freewebtemplates.com/
  • http://www.themesbase.com/
  • http://www.freecsstemplates.org/
  • http://www.templatemonster.com/
  • http://www.free-css-templates.com/
  • http://blogtemplate4u.com/
  • http://blogger-templates.blogspot.com/
  • http://myfreetemplatehome.com/
  • http://www.e-webtemplates.com/
  • http://www.oswd.org/
Diposting oleh di Tidak ada komentar:

Jumat, 14 Agustus 2015

Google Drive, Docs dan Maps

 
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.

Fungsi dan Keuntungan Google Drive
Google Drive memiliki fungsi layaknya Dropbox yaitu sinkronisasi data dari PC anda, jadi sobat bisa membuat dan berbagi data dan dokumen di google drive tersebut. Selain itu sobat juga bisa mengakses data file dari mana saja di rumah ataupun di kantor dengan terhubung dengan internet pastinya.
Keuntungan lainnya yaitu Google Drive telah terintegrasi dengan layanan google liannya diantaranya gmail, Gplus, google search dan lainnya.
Jika sobat ingin mencoba google drive ini silahkan langsung menuju drive.google.com lalu loginlah menggunakan Email sobat agar sobat bisa menggunakan Google Drive. Nanti akan tampil seperti gambar dibawah jika google drive sobat sudah diaktifkan, namun jika belum silahkan tunggu pemberitahuan dari google ke email sobat,
Google, Drive
Kalau sudah berhasil login dan Google Drive sudah aktif sobat bisa langsung Upload File / folder seperti gambar di bawah ini,
Google, Upload
Jika ingin menambah kapasitas penyimpanan di Google Drive sobat diharuskan membayar beberapa dollar, sesuai dengan harga yang diberikan oleh google seperti keterangan lengkap (gambar) dibawah ini,
Google 
GOOGLE DOCS
 Apa yang Di maksud Dengan Google.Docs itu?Lalu Apa Fungsi Sekaligus Kegunaan Dari Google.Docs Itu? Kalau Anda saya Tanya mengenai Google Pasti kebanyakan Sudah Tahu.Tapi di balik Itu, Google ternyata banyak sekali Menyimpan fitur-fitur yang belum banyak di ketahui banyak Orang seperti saya.
Apa Itu Google Docs? 
 Untuk Deskripsi Google Docs Adalah Salah satu fasilitas Yang disediakan Oleh google.co.id yang Berfungsi untuk menyimpan File Dokumen yang Anda miliki di Komputer anda. Artinya?Anda bisa memanfaat Google docs sebagai tempat penyimpan data cadangan Anda.Seandainya  laptop atau komputer Anda terkena virus, Anda tak perlu kebingungan jika sudah menyimpan data-data Anda di google.docs.Karena File yang Anda simpan Di google Docs 100% Aman dari kerusakan  Di banding Hosting free lainnya.Untuk batasan file Dokumen yang diuploud di google.docs maksimal 5 Giga.
Apa Fungsi dan Kegunaan Google Docs?
 Oke yang jelas Fungsi utama Dari Google Docs Adalah Untuk menyimpan File dokumen Contohnya saja File Office file Pdf Dan File Format Dokument Lainnya.
Tapi di balik itu semua Ternyata Google Doct Bisa Juga Untuk Membuat Contact Us Blog.
 Untuk Contoh Hasil Contact Us itu sendiri Anda Bisa Lihat di Contack Us Blog Facewoman. KLIK DISINI
 Keunggulan Membuat Contact Us dengan Google Docs Yang facewoman rasakan adalah tampilan Contact Us Dengan Google Doct sangatlah bagus dan  begitu apik dengan Pilihan Tema yang banyak.Membuat Contact Us dengan Google Docs juga tidak memberatkan Loading Blog,Jadi jika saya bandingkan Membuat Contact Us dengan pihak Ketiga lainnya yang menyediakan layanan Contact Us Di blog,Google Docs Memanglah sangat unggul dalam proses loading Blog dan tetap menjadi pilihan saya.
 Kekurangan Membuat Contact Us Dengan Google Docs Adalah Google Docs Mempunyai Server sendiri jadi Anda tidak bisa menghubungkan google docs dengan email anda sendiri.Jika ada visitor yang mengirimkan pesan melalui Contact Us blog anda,Yang harus anda lalkukan adalah membukanya di https://docs.google.com/
Lalu Bagaimana Cara Untuk Membuatnya ?
1.Langkah Petama.
   Untuk Proses Pembuatannya Yang terlebih dahulu anda Lakukan Adalah Punya Akun Dari Google.com 2.Langkah Kedua.
Tampilan awal Menu Google Docs
  Apabila Anda sudah terdaftar Tinggal Login ke docs.google.com Kemudian Klik BUAT - FORMULIR -  Kemudian Anda tinggal Edit di situ Contact Us sesuai kebutuan Sobat.
Tampilan Menu Google Docs

GOOGLE MAPS

google map  sekarang mulai melakukan perlengkapan dalam mapnya, google map telah mendeteksi jalan jalan kecil di kota-kota besar seperti jakarta, yogyakarta, bandng, tentunya google sangat membantu petunjuk jalan dan mengetahui tempat-sebagian besarnya, google map ini sangat dominan terhadap petunjuk, di google map anda tinggal menulids tempat dan klik or enter, anda akan langsung di arahkan oleh google map, selain itu google map membantu tour- tour yang akan liburan dan mereka tidak mengetahui tempat yang akan dituju, google map lah yang akan menunjukan jalan dan tempat yang akan dituju, dengan google map ini, google di pandang lebih baik oleh masyarakat seluruh dunia, google memberikan yang sesuatu banget dalam hal map" love you google map.

google map juga bisa di akses melalui Mobile Device (Hanphone)" seru kan, dan mudah
Google map on device mobile
 Google map for mobile klik disini
Google map bisa diakses dari http://maps.google.com " mantapppp kan?" anda bisa mencobanya sekarang? gampang ko"
contoh google map di bawah ini
Google map

Nah!!! sekarang apa ci punsi google map ini
  • sebagi petunjuk tempat
  • alat yang bisa otomatic mendeteksi tempat dengan memaasukan nama tempat yang anda tuju
  • selain itu bisa menunjukan perusahaan atau PT
  • mempermudah dalm perjalannan anda
  • i love you google map
 Semoga informasi ini dapat membantu kalian semua.
Diposting oleh di Tidak ada komentar:

Cara membuat e-mail

Langkah cara membuat atau bikin 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 urulnya http://mail.google.com/ atau  http://gmail.com . Sehingga tampil gambar seperti di bawah ini. Kemudian pilih tombol [create an account] atau Buat Akun yang berada di pojok kanan atas
cara membuat email di gmail
3. Lalu masukan identitas kamu pada formulir pendaftaran, untuk langkah-langkah pengisian sangat mudah sekali, tidak jauh berbeda dengan cara pengisian pada layanan email di Yahoo.com. Perhatikan contoh pengisiannya di bawah ini.
cara membuat gmail
4. Pendaftara pada akun gmail lebih ketat dari akun yahoo, sehingga kamu harus melakukan verifikasi nomor ponsel. Caranya tinggal masukkan nomor ponsel kamu pada  Kolom nomor telepon seperti gambar di bawah ini.
cara membuat gmail terbaru
5.  Setelah masukkan nomor ponsel, silahkan cek kotak sms yang ada di ponsel kamu. kamu akan mendapatkan sms kode verifikasi dari google seperti gambar di bawah ini.
sms verifikasi akun google
6. Masukkan kode dalam sms tersebut ke dalam kotak kode verifikasi yang telah ditampilkan seperti gambar di bawah ini. Kemudian klik tombol Verifikasi
cara membuat gmail terbaru
7. Jika kode verifikasi yang kamu masukkan benar, kamu akan di bawa ke halaman selanjutnya, seperti gambar di bawah ini. Di halaman ini Kamu boleh mengupload Foto profil, atau langsung klik pada tombol  langkah berikutnya.
cara membuat gmail terbaru
8.  Setelah melewati tahap di atas, kamu telah berhasil membuat email.  Untuk langkah berikutnya, silahkan klik tombol  Lanjut Ke Gmail.
cara membuat gmail terbaru
9.  Nah, seperti inilah tampilan antar muka Dashboard Gmail kamu.  Di dalam sini kamu bisa menulis email, mengirim email, menerima email, dan juga membaca email.  Selain itu kamu juga bisa chating langsung dengan teman kamu yang juga pengguna gmail.
cara membuat gmail terbaru

Cara Sign out atau keluar dari Gmail.com

10. Untuk keluar dari gmail kamu harus klik tombol sign-out dulu, dan jangan langsung klik exit pada jendela browser kamu.  Jika kamu tidak klik tombol sign-out dulu dan langsung klik exit, nanti suatu saat jika ada orang lain yang membuka situs gmail.com pada komputer yang baru saja kamu gunakan, ada kemungkinan  yang tampil adalah account gmail kamu, tentu saja hal ini tidak baik. karena  isi email kamu bisa dilihat orang yang tidak kamu ingin.
Hal di atas biasanya terjadi ketika pengguna mengakses  email di warnet, pengguna terkadang lupa menekan tombol Sign out. Lain halnya jika yang digunakan komputer atau laptop pribadi. Karena laptop pribadi umumnya hanya pemiliknya yang menggunakan.
Untuk sign out klik pada alamat emailmu di pojok kanan atas, kemudian klik Sign Out. Perhatikan gambar di bawah ini
cara sign out gmail keluar

 Cara Login atau masuk Gmail.com

11. Jika sudah sign-up kemudian kamu ingin membuka email atau mengakses kotak masuk gmail kamu, langkahnya cukup mudah, kamu tinggal akses http://mail.google.com, atau gmail.com jika sudah tampil jendela gmail, masukkan username email, dan password kamu, kemudian klik tombol Sign in maka kamu akan di bawa ke kotak masuk gmail kamu…
cara login masuk gmail
Itulah penjelasan mengenai langkah-langkah membuat email di gmail, selanjutnya kita akan belajar bagaimana mengirim email dengan gmail

Cara Mengirim email di gmail

Setelah berhasil membuat email di gmail, mari belajar mengirim email. Untuk mengirim email lewat gmail ini sangat mudah. Hanya perlu beberapa klik saja.
1.  Setelah masuk ke ke halaman email seperti gambar di bawah ini. Klik pada Tombol Compose yang berwarna merah.
cara mengirim email

2.  Setelah tombol Compose di atas ditekan, nanti akan muncul jendela untuk mengirim email. Perhatikan contoh pengisiannya di bawah ini

cara mengirim email dengan gmail

Pada bagian To merupakan kolom untuk mengisi alamat email yang akan dikirim email. Subject merupakan judul atau tema email, dan pada kolom yang paling lebar adalah tempat untuk menulis email.  Setelah semua kolom diisi semua, silahkan klik tombol Send untuk mengirim email
Itulah panduan bagaimana cara membuat email di gmail dan cara mengirim email dengan gmail. Semoga dapat kamu pahami dengan mudah.
Diposting oleh di Tidak ada komentar:

Pengertian Upload dan Download

Pengertian Download Dan Upload

Pengertian download dan upload secara lebih lengkap dapat kamu temukan lalu pahami di artikel ini, selamat membaca.

Berikut ini pengertian download
Download adalah suatu proses transmisi sebuah file atau data dari sebuah sistem komputer ke sistem komputer yang lainnya. Dari internet, user/pengguna yang melakukan proses download (unduh) yaitu proses dimana seorang user meminta atau merequest sebuah file dari sebuah komputer lain ( seperti: web site,server atau yang sebagainya) dan lalu menerimanya. Dengan kata lain, download adalah transmisi file dari internet ke komputer client/pengguna dapat dikatakan juga proses penerimaan atau pengambilan file dari internet/server ke komputer pribadi.

Dan inilah pengertian upload
Upload adalah sering dikatakan juga dengan Unggah, yaitu merupakan suatu cara untuk mengirimkan File (contohnya seperti file: gambar, program, musik, dokumen pdf, dan lain-lain) dari komputer pribadi ke sebuah sistem Server dan file atau data akan di publikasikan di internet sehingga data yang telah di upload dapat dilihat dan diambil (download) oleh orang lain atau orang banyak.
Atau definisi Upload yang lainnya adalah suatu proses transmisi sebuah file atau Data dari sebuah sistem komputer pribadi ke sistem komputer yang lainnya (server) dengan arah yang berkebalikan dengan download. Dari jaringan internet, user yang melakukan proses upload yaitu proses dimana user mengirimkan file ke komputer lain yang meminta file. Singkatnya proses transmisi atau pengiriman file ataupun data, dari komputer pribadi ke jaringan internet.
pengertian download dan upload
apakah download dan upload?
Tujuan upload yang dilakukan oleh banyak pengguna internet dengan harapan supaya data yang dimilikinya dapat digunakan/dipakai oleh orang lain yang membutuhkan ataupun hanya untuk sekedar pembelajaran saja.
Mungkin sering kali kita melalukan proses men-download dan men-upload file atau data. Akan tetapi tidak sedikit dari kita yang kurang mengerti apa itu yang dimaksud dengan download dan upload. Nah… sekarang mungkin kita sudah mengerti mengenai definisi download dan upload, karena tadi sebelumnya kamu sudah mencoba membaca, mencermati dan memahami artikel ini, semoga dapat bermanfaat dalam menambah wawasan…
Diposting oleh di Tidak ada komentar:

Pengertian JAVASCRIPT

 

JAVASCRIPT dan pERINTAHNYA

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client
Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.
perintahnya:

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 <body> di template blog kalian lalu ganti dengan kode dibawah ini gan.
<body oncontextmenu=”return false;”>

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 </head> 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.
<script type=”text/javascript”>
alert(“SELAMAT DATANG DI BLOG GAK JELAS INI”);
</script>

Pesan Penutup

Kode ini muncul kalau pengunjung mau meninggalkan atau menutup tab blog kalian gan. Cara pasangnya sama dengan pesan pembuka, cari kode </head> lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di highlight sesuai keinginan kalian gan.
<script type=”text/javascript”>
window.onbeforeunload=function(){
return confirm(“Yakin Ingin Meninggalkan Blog Ini?? Masih Banyak Yang Menarik Loh Untuk Di Baca!!”);
}
</script>

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.
<script language=”javascript” type=”text/javascript”>
function playSound(soundfile) {
document.getElementById(“SCsound”).innerHTML=
“<embed src=\””+soundfile+”\” hidden=\”true\” autostart=\”true\” loop=\”false\” />”;
}
</script>
<span id=”SCsound”></span>
Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan.
<a href=”#” onmouseover=”playSound(‘URL-FILE-MUSIK/SOUND’);”>
Mouseover DISINI Buat Dengerin Musik</a>
Atau
<a href=”#” onclick=”playSound(‘URL-FILE-MUSIK/SOUND’);”>Klik DISINI Buat Dengerin Musik</a>
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 </head> lalu copy paste kode javascript di bawah ini di atasnya gan.
<script language=’javascript’ type=’text/javascript’>
function showHide() {     var ele = document.getElementById(“showHideDiv”);
if(ele.style.display == “block”) {             ele.style.display = “none”;       }
else {         ele.style.display = “block”;     } }
</script>
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.
<form action=”” method=”post”>
<input onclick=”return showHide();” type=”button” value=”Show-Hide” />
</form>
<div id=”showHideDiv” style=”display: none;”>
———> Konten Disini Gan <———
</div>
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.
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” behavior=”scroll” direction=”left” bgcolor=”#FF0000″>Teks, Link Atau Gambar Kalian Disini</marquee>
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
badge

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.
<script type=”text/javascript”>
//current progress
var currProgress = 0;
//is the task complete
var done = false;
//total progress amount
var total = 100;
//function to update progress
function startProgress() {
//get the progress element
var prBar = document.getElementById(“prog”);
//get the start button
var startButt = document.getElementById(“startBtn”);
//get the textual element
var val = document.getElementById(“numValue”);
//disable the button while the task is unfolding
startButt.disabled=true;
//update the progress level
prBar.value = currProgress;
//update the textual indicator
val.innerHTML = Math.round((currProgress/total)*100)+”%”;
//increment the progress level each time this function executes
currProgress++;
//check whether we are done yet
if(currProgress>100) done=true;
//if not done, call this function again after a timeout
if(!done)
setTimeout(“startProgress()”, 100);
//task done, enable the button and reset variables
else
{
document.getElementById(“startBtn”).disabled = false;
done = false;
currProgress = 0;
}
}
</script>
<progress id=”prog” value=”0″ max=”100″></progress>
<br />
<input id=”startBtn” onclick=”startProgress()” type=”button” value=”start” />
<div id=”numValue”>
0%</div>
Standarnya progress bar ini kodenya cuma <progress value=”0″ max=”100″></progress> 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
<textarea rows=”4″ cols=”50″>
Teks atau Kode Disini Gan
</textarea>
Seleksi Otomatis
<textarea rows=”4″ cols=”50″ onclick=”this.focus();this.select()” readonly=”readonly”>
Teks atau Kode Disini Gan
</textarea>
Seleksi Dengan Tombol
<form name=”selectall”>
<textarea name=”messageBody” rows=”4″ cols=”50″>Teks atau Kode Disini Gan</textarea>
<br />
<input type=”button” value=”Select Text” onClick=”javascript:this.form.messageBody.focus();this.form.messageBody.select();”>
</form>
Tinggal di edit aja gan rows buat tinggi dan cols buat lebar. Untuk yang pake tombol kalian bisa ganti tulisan Select Text sesuai keinginan gan. Contoh ada dibawah ini gan silahkan dicoba.
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 </head> atau bisa juga paste langsung di postingan dengan linknya gan.
<script language=”javascript” type=”text/javascript”>
function scpopup(url) {
newwindow=window.open(url,’name’,’height=200,width=150′);
if (window.focus) {newwindow.focus()}
return false;
}
</script>
Buat kode linknya seperti di bawah ini silahkan di copy paste gan.
<a href=”Target URL Pop up” onclick=”return scpopup(‘Target URL Pop up’)”>Contoh Link Popup</a>
Diposting oleh di Tidak ada komentar:

Pengertian CSS, fungsi dan cara kerjanya

Pengertian,Definisi, Dan Fungsi Dari Css

Diposkan oleh Imania nia 
 A.    Pengertian CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

http://yuliakurniasih30.wordpress.com/tag/definisi-css-jenis-jenis-css/

Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk suatu hubungan layaknya hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Definisi CSS

Apa itu cssCSS ?
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.
CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.
CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.
Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web. 
http://jambispirit.com/berita-15.html
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.

Contoh:

<html>
<head>
<style type="text/CSS">
body{background:#ffffff;}
h1{color:red;text-align:center;}
p{font-family:arial;font-size:18px;}
</style>
</head>
<body>
<h1>Contoh CSS</h1>
<p>Ini adalah bagian penulisan paragrap.</p>
</body>
</html>

Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus.

Contoh :
<html>
<head>
<link rel="stylesheet" type="text/CSS" media="all" href="url CSS yang sudah diupload" />
</head>
<body>
<h1>Contoh CSS</h1>
<p>Ini adalah bagian penulisan paragrap.</p>
</body>
</html>
sumber : http://www.bloggerblur.com/2011/07/pengertian-css-beserta-fungsi.html

fungsi css

fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

cara kerja css

cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
 http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/

Contoh Css :
height: 35px; width: 100px; border: 1px solid #ff0000; background: #ff0000; background: -moz-linear-gradient( center top, white 20%, #ff0000 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #ff0000) )
;
Apabila suatu style dari css akan dipergunakan untuk beberapa halaman, akan lebih tepat mendeklarasikan css tersebut ke dalam suatu file css terpisah dan baru dipanggil pada suatu halaman. Contoh yang paling sederhana adalah sebagai berikut:
Contoh kerangka kode berikut akan disimpan pada file.css
html {…}
body {…}
a {…}
.b {…}
.c {…}
#tujuan{…}
#header h1 a:visited{…}
a.page-numbers:hover {…}
div.content-bottom{…}
table th {…}
fieldset {…}
legend {…}
form {…}
p{…}
h1 {…}
div#nama li{…}
textarea {…}
input[type=”…”] {…}
select {…}
label{…}
pre {…}
code {…}
blockquote {…}
ul {…}
li {…}
Untuk memanggilnya dengan menambahkan kode html seperti berikut <link rel=”stylesheet” type=”text/css” href=”contoh.css” /> atau dapat juga dengan <style src=”contoh.css” type=”text/css” media=”screen” />. Pada pemanggilan fungsi dari css terdapat 2 penulisan (class dan id) yang berbeda dengan fungsi yang berbeda pula. Pada suatu elemen dapat memakai lebih dari 1 class namun hanya dapat menggunakan satu id. Jika diambil contoh di atas maka pemanggilan dapat digunakan dengan cara sebagai berikut:
<p></p> dan untuk penulisan id adalah <div id=”header”> </div> atau lebih jelas lagi seperti pada penggunaan link <a href=”#tujuan “/>. Jadi secara logika kita tidak dapat menggunakan class pada penggunaan link seperti contoh di atas. Atribut dari css pada dasarnya ada banyak sekali walaupun jumlahnya terhingga. Atribut untuk CSS dasar meliputi bagian, antara lain;
  • Background
  • Border
  • Classification
  • Dimension
  • Font
  • Generated Content
  • List and Marker
  • Margin
  • Outlines
  • Padding
  • Positioning
  • Table
  • Text

Sedangkan untuk CSS3 akan ada lebih banyak lagi tambahan atribut dari CSS dasar sehingga akan lebih mudah dipelajari dari kasus – kasus tertentu yang akan diberikan pada topik pembahasan studi kasus tentunya masih di Tutorial Pembelajaran.
.. Video Pengenalan Tentang CSS  :

.. Diperbolehkan Mengcopy-paste Postingan ini dengan mencantumkan sumberx . Panda M
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)