Cara Mudah Mengedit Cascading Style Sheet (CSS)
|
|
- Hamdani Tedjo
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Cara Mudah Mengedit Cascading Style Sheet (CSS) Riska Islaminati :: Abstrak CSS salah satu teknik yang sudah lazim digunakan dalam mendesain dan menata layout halaman web. Melalui CSS, penataan tampilan halaman web dapat dilakukan secara mudah, praktis, dan terkontrol, langsung melalui HTML - tanpa banyak membutuhkan bantuan objek lain seperti gambar dan animasi untuk mempercantik halaman web. Hasilnya, halaman web dan blog secara konsisten dapat tampil cantik, artistik, sekaligus ringan diakses, sesuai tuntutan pengunjung internet. Kata Kunci: CSS, HTML Pendahuluan Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri/kanan/atas/bawah, dan parameter Lisensi Dokumen:
2 lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Pembahasan CSS adalah salah satu teknik yang sudah lazim digunakan dalam mendesain dan menata layout halaman web. Melalui CSS, penataan tampilan halaman web dapat dilakukan secara mudah, praktis, dan terkontrol, langsung melalui HTML - tanpa banyak membutuhkan bantuan objek lain seperti gambar dan animasi untuk mempercantik halaman web. Hasilnya, halaman web dan blog secara konsisten dapat tampil cantik, artistik, sekaligus ringan diakses, sesuai tuntutan pengunjung internet. Contoh letak folder dan file.css yang digunakan oleh beberapa CMS dan blog engine populer antara lain: Joomla : /templates/nama-template/css/ Drupal : /themes/nama-template/style.css WordPress : /wp-content/themes/nama-theme/style.css Jika situs Anda menggunakan salah satu CMS di atas, maka Anda cukup mengedit file.css di lokasi tersebut. Adapun bagi Anda pengguna Blogger (Blogspot), kode CSS disisipkan langsung pada bagian header file template blog Anda via Edit HTML. Ada banyak tool gratis untuk membuat atau mengedit file CSS. Anda tidak perlu menghapal kode-kode CSS, cukup klik, edit, dan preview, file CSS siap Anda pakai. Salah satu tool yang penulis sarankan adalah tool gratis TopStyle Lite. TopStyle Lite versi 3.x bisa Anda peroleh secara gratis di alamat : (atau cari di Google dengan kata kunci TopStyle Lite), ukuran file installer sekitar 1,5 MB. Adapun versi terbaru (4.x) masih dibatasi penggunaannya dan hanya disediakan dalam bentuk shareware atau uji coba gratis. Download dan install TopStyle Lite ke komputer. Selanjutnya buat atau edit file.css yang Anda maksud. Sebagai contoh, untuk Blogger (Blogspot), salin kode style template Anda di Layout / Template > Edit HTML. Salin mulai baris /* Variable
3 definitions hingga baris sebelum </b:template-skin>. Paste kode yang tersalin ke jendela TopStyle Lite yang telah terbuka. Kini Anda cukup mengubah-ubah nilai atau menambahkan property baru beserta valuenya. Caranya lakukan klik pada kelompok Selector yang ingin Anda edit di kolom kiri, misalnya pada bagian selector body. Perhatikan, daftar property dan value yang sudah ada akan muncul di kolom Style Inspector di sebelah kanan. Pada kolom bawah, Anda dapat melihat hasil tampilan yang Anda atur.
4 Untuk mengubah nilai, klik item property, misalnya edit property background. Lalu ubah nilainya, misalnya dari green menjadi blue. Perhatikan perubahannya pada tampilan Preview. Untuk menambahkan property baru, klik pilihan property baru, misalnya font. Berikan nilainya, misalnya font-style Anda isi italic, font-weight Anda isi Bold, dan fontfamily Anda isi sans-serif. Hasilnya body blog Anda akan menggunakan font Sansserif, dengan efek cetak miring dan cetak tebal. Untuk memasang ke blog Anda, salin seluruh kode hasil pengeditan, lalu timpakan kembali ke template Blogger Anda menggantikan kode lama, yaitu mulai baris /* Variable definitions hingga baris sebelum </b:template-skin>. Simpan perubahan. Jika file yang Anda edit adalah file CSS template sebuah CMS, misalnya file style.css Drupal atau Wordpress, maka Anda cukup mengupload file hasil edit dan timpakan ke file lama. Kini tampilan blog Anda sudah cantik sesuai selera Anda.
5 Penutup Pada pembahasan tersebut merupakan pengertian dan cara menggunakan program CSS pada Wordpress dan semoga bermanfaat bagi para pembaca. Referensi Sumber referensi yang digunakan untuk menulis artikel ini melalui internet Biografi Riska Islaminati Teknik Informatika Artificial Informatics (D3) AMIK Perguruan Tinggi Raharja Add my pin : 2A675A12
Modul 10 DreamWeaver MX Suendri, S.Kom
Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas
Lebih terperinciCSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
Lebih terperinciDAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance
DAFTAR ISI Wordpress... 2 Mengenal Dashboard... 4 Memposting Artikel... 5 Penjelasan Area Posting Artikel... 5 Menambah Gambar Pada Tulisan... 8 Menambah Kategori dan Tag Pada Tulisan... 10 Pratampil dan
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Perancangan Basidata ( Database Design ) Proses perancangan database merupakan bagian dari micro lifecycle. Sedangkan kegiatan-kegiatan yang terdapat di dalam proses tersebut
Lebih terperinciPEMROGRAMAN WEB 1 CSS
PEMROGRAMAN WEB 1 CSS RIO ANDRIYAT KRISDIAWAN, M.KOM Definisi CSS CSS adalah kepanjangan dari Cascading Style Sheet dan digunakan para web designer untuk mengatur style elemen yang ada didalam halaman
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciCara Hosting CSS Blogger Menggunakan Google Drive
Cara Hosting CSS Blogger Menggunakan Google Drive Yusnita Dewi yusnita@raharja.info Abstrak Hosting adalah sebuah layanan di Internet yang menyediakan ruang data untuk diakses secara mudah melalui jaringan
Lebih terperinci: Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS)
Mata Pelajaran Kompetensi Dasar Kelas : Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) : XII Pertemuan 3 MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS) A. Menginstal
Lebih terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciCara Mengoperasikan Google Drive (Document)
Cara Mengoperasikan Google Drive (Document) Nah, kalian pernah dengar belum istilah dari Google drive? Pengertian dari Google Drive itu adalah layanan penyimpanan daring milik Google yang diluncurkan pada
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciMEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB
Media Informatika Vol. 8 No. 2 (2009) MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Budi Maryanto Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung
Lebih terperinciBAB 13 MEMPERCANTIK TAMPIL WEB
BAB 13 MEMPERCANTIK TAMPIL WEB Website yang baik bukan terletak pada banyaknya animasi yang ditampilkan, tidak juga karena banyaknya video yang disediakan atau banyaknya warna yang dikombinasikan. Website
Lebih terperinciContoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer
BAB 2 TINJAUAN PUSTAKA 2.1. Cloud Storage Cloud Storage Merupakan Media Penyimpanan yang dalam pengaksesannya memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer dimana kita harus
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciPanel navigasi Tekan Ctrl+F untuk memperlihatkan Panel Navigasi. Anda bisa menata ulang dokumen dengan menyeret judulnya ke dalam panel ini.
Panduan Mulai Cepat Microsoft Word 2013 terlihat berbeda dari versi sebelumnya, jadi kami membuat panduan ini untuk membantu Anda meminimalkan kuva pembelajaran. Toolbar Akses Cepat Perintah yang ada di
Lebih terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciModul Praktikum 2 Dasar-Dasar Teknologi Informasi dan Komunikasi. Mengolah Kata Dengan Microsoft Word (1)
A. Mengenal Microsoft Word Mengolah Kata Dengan Microsoft Word (1) Microsoft Word (MS Word) merupakan program untuk mengolah kata. Program ini bisa digunakan untuk menulis dokumen misalnya karya tulis,
Lebih terperinciTutorial Dasar Cara Membuat Blog
Tutorial Dasar Cara Membuat Blog Trend mode blog sebagai sebuah alat komunikasi dan media opini sangat digandrungi. Tidak hanya sebagai sarana katarsis diri. Blog juga kadang dijadikan sebuah sarana komersil,
Lebih terperinciBAB 1 PENDAHULUAN. bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website
BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website
Lebih terperinciBAB VII PERANGKAT LUNAK PENGOLAH TEKS
BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinciTUTORIAL ADMINISTRATOR WORDPRESS WP ADMIN Contents Management Wordpress Selfhosting
TUTORIAL ADMINISTRATOR WORDPRESS WP ADMIN Contents Management Wordpress Selfhosting Modul artikel sebelumnya, yaitu: Cara Membuat Email Gmail. http://khudri.com/download/tutorial/pembuatan email gmail.pdf
Lebih terperinci1. Untuk menyisipkan dokumen tersebut, pilih tombol Add Media. 2. Klik tombol Select Files untuk menentukan file yang akan diupload.
Pernahkah Anda mendownload sebuah file dalam bentuk Ms. Word (DOC), Presentasi (PPT), dan Portable Documen Format (PDF)?. Ya, beberapa website menyediakan sebuah file dalam bentuk DOC, PPT, maupun PDF
Lebih terperinciMODUL WORDPRESS MOBILE
MODUL WORDPRESS MOBILE RUMAH TEKNOLOGI INFORMASI DAN KOMUNIKASI 2016 DAFTAR ISI BAB 1: PENGENALAN DASAR WORDPRESS MOBILE A. Pengenalan Aplikasi Android WordPress Mobile B. Menginstall WordPress Mobile
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinciAplikasi Komputer. Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas Ilmu Komputer
Modul ke: Aplikasi Komputer Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Fakultas Ilmu Komputer Ita Novita, S.Kom, M.T.I Program Studi Informatika www.mercubuana.ac.id Pengenalan Microsoft
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciWORDPRESS DAFTAR WORDPRESS
WORDPRESS DAFTAR WORDPRESS Langkah pertama adalah mendaftar di alamat www.wordpress.com atau jika ingin yang versi Indonesia masuk ke id.wordpress.com (WordPress berbahasa Indonesia). Untuk daftar, klik
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciKISI-KISI SOAL TEORI UJIAN SEKOLAH
DEPARTEMEN PENDIDIKAN NASIONAL UJIAN SEKOLAH TAHUN PELAJARAN 2007/2008 KISI-KISI SOAL TEORI UJIAN SEKOLAH Satuan Pendidikan : Sekolah Menengah Kejuruan Program Keahlian : Semua Program Alokasi Waktu :
Lebih terperinciDAFTAR ISI. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PENGUJI... iii. LEMBAR PERNYATAAN KEASLIAN...
DAFTAR ISI LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PENGUJI... iii LEMBAR PERNYATAAN KEASLIAN... iv HALAMAN PERSEMBAHAN...v HALAMAN MOTTO... vi KATA PENGANTAR...
Lebih terperinciTutorial membuat Blog dengan Blogspot
Tutorial membuat Blog dengan Blogspot Apa itu Blog? Blog merupakan kepanjangan dari web log yang merupakan salah satu aplikasi sederhana website. Pada awalnya blog hanya digunakan untuk catatan pribadi,
Lebih terperinciCara mendaftar ke blog dosen
Mengenal WordPress WordPress merupakan salah satu CMS (Content Management System) yang digunakan untuk membuat sebuah blog atau website. Di dunia ini, ada berbagai macam CMS, seperti misalnya Joomla, Drupal,
Lebih terperinciModul 5 Macromedia Dreamweaver 8
Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciPanduan Dasar Membuat Website
Tutorial singkat cara menggunakan WordPress mulai dari masuk ke Dashboard Admin hingga cara membuat postingan. Panduan Dasar Membuat Website Menggunakan WordPress Versi 3.x By Webhostmu.Com Website (Dashboard
Lebih terperinciCONTENT MANAGEMENT SYSTEM (CMS)
CONTENT MANAGEMENT SYSTEM (CMS) pendahuluan Content Management System (CMS) atau sistem manajemen konten adalah sebuah aplikasi web atau software web bersifat instant yang tujuannya untuk memudahkan dalam
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Menurut John F. Nash Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur dan pengendalian yang bermaksud
Lebih terperinciBab 1 Membuat dan Menyimpan Dokumen Sederhana 1 1
Daftar Isi Bagian 1 Open Office Writer Bab 1 Membuat dan Menyimpan Dokumen Sederhana 1 1 Memulai Open Office Writer 1 2 Menggunakan Tombol Toolbar dan Menu 1 3 Toolbar standar. Formatting tololbars. Menampilkan
Lebih terperinciMengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
Lebih terperinciSIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
Lebih terperinciCSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Lebih terperinciSILABUS PROGRAM PROFESI 6 BULAN (OPERATOR KOMPUTER) DEGENIUS IT TRAINING CENTER
SILABUS PROGRAM PROFESI 6 BULAN (OPERATOR KOMPUTER) DEGENIUS IT TRAINING CENTER Pertemuan Judul Materi 1. Motivasi & Pengenalan Materi 2. Penggunaan Komputer yang Baik dan Benar 1. Mengatur Posisi Duduk
Lebih terperinciPemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman
Pemrograman Web Cascading Style Sheets Created by : Rifqi Sambas Khairurrohman Home Page Anatomi CSS Macam Selector Cara Kerja Anatomi CSS CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector,
Lebih terperinciTag HTML Container. Nuryani Sofia Dewi / / Kelas A
Tag HTML Container Pada dasarnya, sebuah halaman web adalah teks file yang berisi petunjuk dalam bentuk kode-kode HTML(disebut tag) dan atribut. Tag adalah perintah Web browser yang nantinya ikut memformat
Lebih terperinciModul 3 CSS CASCADE STYLE SHEET
Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciPANDUAN DASAR MEMBUAT WEBSITE
PANDUAN DASAR MEMBUAT WEBSITE WORDPRESS 4.4.1 Daftar Isi Dashboard (Admin) 1. Masuk ke login admin http://namadomain.com/wp login.php. 2. Setelah login sukses, halaman admin/dashboard akan terlihat. 3.
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciMENYISIPKAN VIDEO YOUTUBE KE WEB DENGAN HTML5
MENYISIPKAN VIDEO YOUTUBE KE WEB DENGAN HTML5 Agung Nugroho Agung.nugroho@raharja.info :: http://ngapainbingung.com Abstrak Pada Artikel ini akan dijelaskan tentang bagaimana kita menambah video dari youtube
Lebih terperinciCara Mengoperasikan Google Drive (Document)
Cara Mengoperasikan Google Drive (Document) Nah, kalian pernah dengar belum istilah dari Google drive? Pengertian dari Google Drive itu adalah layanan penyimpanan daring milik Google yang diluncurkan pada
Lebih terperinciPanduan Blog Unidar Haris K, S.Pd, M.Cs
Panduan Blog Unidar Haris K, S.Pd, M.Cs Materi Pelatihan Elearning Bagi Dosen dan Mahasiswa Unversitas Darussalam Ambon Pengertian dan Definisi Blog Blog berasal dari kata Web dan Log (WEBLOG) yang berarti
Lebih terperinciBAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional
BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang Sistem Ujian Konevensional Dalam ujian konvensional,ada beberapa hal yang harus dipenuhi agar ujian bisa dilaksanakan secara layak. Hal yang utama adalah kertas.
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciMicrosoft Word Mengenal Microsoft Word 2003
Microsoft Word 2003 Mengenal Microsoft Word 2003 Saat ini semua orang yang telah mengenal komputer dan laptop pasti juga mengenal Microsoft Word. Microsoft Word merupakan aplikasi yang digunakan untuk
Lebih terperinciDesain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com
Desain Grafis RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Apa Desain Grafis..? Desain Grafis dapat diartikan sebagai proses pemikiran yang diwujudkan dalam gambar. >> Ruang Lingkup:
Lebih terperinciMANUAL WORDPRES DAN JOMMLA UNTUK E-COMMERCE. Disusun oleh: NURHUDA ZAKARIA
MANUAL WORDPRES DAN JOMMLA UNTUK E-COMMERCE Disusun oleh: NURHUDA ZAKARIA 0910223090 JURUSAN MANAJEMEN FAKULTAS EKONOMI DAN BISNIS UNIVERSITAS BRAWIJAYA 2012 Manual Wordpress untuk E-commerce WordPress
Lebih terperinci1.Pengenalan Digital Book
TUTORIAL PEMBUATAN BUKU DIGITAL INTERAKTIF MENGGUNAKAN SIGIL 04 May 1.Pengenalan Digital Book Buku digital, atau disebut juga e-book merupakan sebuah publikasi yang terdiri dari teks, gambar, maupun suara
Lebih terperinciCMS Content Management System
CMS Content Management System DISUSUN OLEH: AHMAD SYAUQI AHSAN Disampaikan pada bimtek di Diskominfo Jatim 3 Mei 2016 Apa itu CMS? 2 CMS = Content Management System (Sistem Pengelola Isi). Dengan CMS,
Lebih terperinci{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Lebih terperinci7 Cara Mempercantik Tampilan Blog
7 Cara Mempercantik Tampilan Blog Primo Riveral primo@raharja.info Abstrak Memiliki blog dengan tampilan keren dan enak dilihat tentu pasti menjadi kembanggaan tersendiri untuk seorang yang menggemari
Lebih terperinciNama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
Lebih terperinciMEMBUAT TULISAN BARU DI WP.COM BLOG DENGAN WINDOWS LIVE WRITER
MEMBUAT TULISAN BARU DI WP.COM BLOG DENGAN WINDOWS LIVE WRITER Pada tulisan sebelumnya, yaitu Mengkonfigur Windows Live Writer untuk Blog di WP.com, Kang Kombor sudah memandu Sampeyan untuk mengkonfigurasi
Lebih terperinciPersiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\
CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciManfaat CSS dalam Pembuatan Website
Manfaat CSS dalam Pembuatan Website Rofi Andika rofi.andika@raharja.info Abstrak Diartikel kali ini saya akan menjelaskan apa manfaat dari CSS dalam pembuatan CSS. Mungkin sebelumnya saya akan menjelaskan
Lebih terperinciPEMBUATAN WEBSITE SEKOLAH SMK NEGERI 1 MAJALENGKA
PEMBUATAN WEBSITE SEKOLAH SMK NEGERI 1 MAJALENGKA Adi Ginanjar Kusuma, Aji Muhamad Fauji, Candra Permana Purba, Dede Ichwanudin Waluya Supandi, Rd. Fahmy Yahya D. Jurusan Teknik Informatika 3 Sekolah Tingi
Lebih terperinciPaket Aplikasi : Microsoft Office Power Point
P11 & 12 Paket Aplikasi : Microsoft Office Power Point 11.1. TUJUAN Mahasiswa memahami dan terampil menggunakan paket aplikasi presentasi. 11.2. PEMBAHASAN Membuka aplikasi Microsoft Office Power Point
Lebih terperinci3. Pilih layout dari blog yang akan kita buat seperti gambar di bawah ini : 4. Lalu pilih tema sesuai dengan layout yang sudah kita pilih tadi seperti
Membuat Blog dengan Wordpress Apa Itu WordPress? WordPress adalah salah satu platfrom blog yang saat ini sudah mengalami banyak perkembangan sehingga bisa kita gunakan untuk membuat website untuk banyak
Lebih terperinciIntroduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciTUTORIAL MEMBUAT WEBSITE BAGI PEMULA
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA Pengenalan halaman frontpage Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari program frontpage 1 Keterangan : A. Membuka halaman
Lebih terperinciPENGABDIAN MASYRAKAT PELATIHAN PEMBUATAN WEB UNTUK USTADZ DAN PENGELOLA PONDOK PESANTREN SEBAGAI MEDIA INFORMASI DI KABUPATEN/KOTA KEDIRI
MODUL PENGABDIAN MASYRAKAT PELATIHAN PEMBUATAN WEB UNTUK USTADZ DAN PENGELOLA PONDOK PESANTREN SEBAGAI MEDIA INFORMASI DI KABUPATEN/KOTA KEDIRI Modul ini merupakan pentunjuk awal untuk pembuatan web hosting
Lebih terperinciAPLIKASI WEB DAY 3. (Cascading Style Sheets)
APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat
Lebih terperinciCara Membuat Blog di Blogspot
Cara Membuat Blog di Blogspot Resti Alvianingrum rt.rhestyalviabin@gmail.com Abstrak Blog merupakan sebuah wadah online sebagai situs web terdiri dari halaman-halaman yang memuat berbagai tulisan dalam
Lebih terperinciTable of figure. Gambar Gambar Gambar
Table of figure Gambar 1...14 Gambar 2...16 Gambar 3...17 1 Belajar Microsoft Word Oleh: Cecep Arifuddin I. Mengenal Microsoft Word Apa sih Microsoft Word? Microsoft Word adalah software pengolah kata,
Lebih terperinciFaa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164
08018244-Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 CHAPTER 4 - CSS Salah satu tantangan bagi anda saat membuat halaman Web adalah saat mengatur letak posisi elemen. Sebuah halaman Web tidak
Lebih terperinciPANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA. Oleh: A. Fathurohman
PANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA Oleh: A. Fathurohman 1 Daftar Isi Sekilas CMS WordPress (3) User Login (5) Bagian Pokok Web Blog (6) Dashboard (7) Situs Web (8) Menu Dashboard (9) Posting Berita
Lebih terperinciPENGENALAN MS WORD PAK2B-PSIKOLOGI. pak2b-dna
PENGENALAN MS WORD PAK2B-PSIKOLOGI 1 JENDELA APLIKASI Microsoft Word 2007: 2 FUNGSI Tombol Office: tombol yang terdiri dari perintah-perintah standar, seperti membuka dokumen, menyimpan dokumen, mencetak
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciULANGAN TENGAH SEMESTER Mata Pelajaran : Teknologi Informasi dan Komunikasi Kelas / Semester : VIII ( Delapan ) / 1 Hari / Tanggal : W a k t u :
PEMERINTAH KOTA SEMARANG DINAS PENDIDIKAN SMP NEGERI 37 SEMARANG Jl. Sompok No. 43 Telp. 8446802, Fax, (8446802) Semarang ULANGAN TENGAH SEMESTER Mata Pelajaran : Teknologi Informasi dan Komunikasi Kelas
Lebih terperinciMateri latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
Lebih terperinciPANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo
PANDUAN PENGGUNAAN Joomla! Versi 1.5 Oleh: Anon Kuncoro Widigdo anonkuncoro@yahoo.com Kendari 2009-2010 MODUL I Pendahuluan Joomla adalah sebuah aplikasi sistim manajemen konten atau Content Management
Lebih terperinciTutorial Mengedit Halaman HTML dengan Dreamweaver
Tutorial Mengedit Halaman HTML dengan Dreamweaver Oleh : Ruth Ema Febrita Pada tutorial sebelumnya, kita sudah berhasil melakukan konversi dari desain website yang kita buat menggunakan Photoshop menjadi
Lebih terperinciCara Mengganti Template Blog
Cara Mengganti Template Blog Nuraini Setyowati Nurainistyowati22@gmail.com Abstrak Saat ini semakin banyak blogger yang menjadikan blog sebagai sarana berekspresi akan kepribadian mereka. Oleh karena itulah
Lebih terperinciTUGAS INTERNET INFRASTRUKTUR JOOMLA
TUGAS INTERNET INFRASTRUKTUR JOOMLA Ginto Prabowo (100010009) STIMIK STIKOM BALI TAHUN AJARAN 2010/2011 Sejarah Joomla Pada tahun 2000, Rice Studio, formerly Miro,adalah yang pertama membangun Souce SMS
Lebih terperinciDAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...
DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format
Lebih terperinciMID-TERM EXAM ASSIGNMENT E-COMMERCE
MID-TERM EXAM ASSIGNMENT E-COMMERCE Aditya Wisnu Prasetya Nim : 0910221006 Management Department Faculty of Economics Brawijaya University MALANG 2012 Manual Wordpress Untuk E-Commerce WordPress adalah
Lebih terperinciMengenal Web Dinamis dan Statis Serta Perbedaanya
Mengenal Web Dinamis dan Statis Serta Perbedaanya Refan Adiyanto Refan@raharja.info Abstrak Setelah sebelumnya saya memposting artikel tentang Mengenal LinkedIn dan Manfaatnya untuk Para Pencari Kerja
Lebih terperinciStandar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML
Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat
Lebih terperinciKelas X SMK Gondang 7
Kelas X SMK Gondang 7 Kegiatan Belajar 1: Menerapkan pengetahuan pengelolaan informasi digital melalui pemanfaatan perangkat lunak pengolah informasi Pemanfaatan Aplikasi Pengolah Kata A. Tujuan Pembelajaran
Lebih terperinci