Membangun website dinamis berbasis PHP-mySQL (3)
|
|
- Hendri Budi Sudirman
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo Lisensi Dokumen: Copyright IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com. Artikel kedua saya terdahulu Membangun website dinamis berbasis PHP-mySQL(2) telah menampilkan cara memodifikasi sebagian tampilan awal berita, dengan menambahkan header-image, news-image, tata letak list berita serta modifikasi judulnya. Pada artikel ini, masih membahas tampilan tersebut, namun pada bagian isi berita secara utuh, dengan memanfaatkan fasilitas View yang kita rubah menjadi Selengkapnya. Kita masih melanjutkan database kemarin dengan hanya 1 (satu) table, yaitu berita. Apabila sudah mahir nantinya dapat ditambahkan beberapa table lagi, misalnya artikel, buku tamu, video-player, MP3-player, atau lainnya. 1
2 Kita lihat tampilan terakhir kita kemarin seperti gambar dibawah ini: Sebelum kita memodifikasi tampilan berita secara keseluruhan melalui tombol View ( bisa diganti dengan button-image atau button-icon), coba perhatikan masih ada yang mengganjal yaitu teks menu berita, pernyataan yang dilihat adalah TABLE berita dan Quick Search. Menu, nanti itemnya agan kita modifikasi dengan CSS, pernyataan TABLE berita kita ganti menjadi BERITA PENDIDIKAN, dan Quick Search menjadi PENCARIAN JUDUL BERITA. Untuk menu, dalam file header.php kita tambahkan listing sbb, antara <head> </head>: 2
3 <style type="text/css">.mgcompanels{ list-style-type: none; margin: 0; padding: 0; width: 180px;.mgcompanels li{ border-bottom: 1px solid white;.mgcompanels li a{ background: #332 url(mgco.gif) no-repeat right top; font: bold 13px "Verdana", "Trebuchet MS", Lucida Grande; display: block; color: #ffffff; width: auto; padding: 5px 0; text-indent: 8px; text-decoration: none; border-bottom: 1px solid black;.mgcompanels li a:visited,.mgcompanels li a:active{ color: #ffffff;.mgcompanels li a:hover{ 3
4 /background-color: #ff0000; background: #FF0000 url(mgcom2.gif) no-repeat right top; color: white; border-bottom: 1px solid black; </style> <!--[if IE]> <style type="text/css">.mgcompanels li a{ width: 100%; </style> <![endif]--> Sedangkan pada Dari <!-- left column --> yang terletak item-item menu mulai tag tr, tag td diubah <tr><td><font size="-1"><a href="beritalist.php">berita</a></font></td></tr> Menjadi <tr><td> <ul class="mgcompanels"> <li><a href="beritalist.php">berita</a></li> </ul> </td></tr> 4
5 Pada pernyataan TABLE berita, pada file beritalist.php diubah menjadi BERITA PENDIDIKAN (Apabila telah mahir, dapat diganti topic-image yang menarik, jadi bukan berupa teks.). Quick Search bisa diganti PENCARIAN JUDUL BERITA, ini bermanfaat bagi pengunjung untuk mencari judul-judul berita yang tidak terlihat pada halaman tersebut (apabila berita yang di-inputkan sudah begitu banyak). Tampilan akan menjadi seperti gambar dibawah ini Apabila cursor diletakkan diatas item menu (mouse-over), maka warna latar belakang item-menu akan berubah, dalam hal ini dengan scripts tersebut diatas warna menjadi merah. Anda bisa memodifikasi sendiri warna-warna yang dikehendaki, bahkan dengan background berupa gambar batik misalnya atau gambar dengan warna gradient, vector warna-warni sekalipun. Caranya mudah, buatlah dua buah gambar berukuran 180 X 30 px, yang warna atau coraknya berbeda, disimpan pada folder htdocs ((lain kali bida dikembangkan) dan dinamai mgco.gif dan mgcom2.gif (nama bisa dimodifikasi dengan merubah CSS-nya.). 5
6 Memodifikasi penampilan berita (melalui View) Fungsi fasilitas menu / tombol / navigasi View yang dapat kita ganti dengan Detail misalnya atau Baca selengkapnya, untuk mengajak pengunjung melihat berita secara utuh. Kalau dari halaman beritalist, kita hanya dapat membaca ringkasan beritanya (kita buat melalui database adalah 255 karakter), dalam beritaview kita dapat membaca seluruh berita tersebut. Buka file beritaview.php, dengan editor teks (biasa saya gunakan notepad) perhatikan baris-baris yang terdapat dalam file-tersebut. Tampilan aslinya, belum ada foto-berita, judul masih kecil, disebelah kiri masih ada table judul fieldnya dsbnya. 6
7 Kita perhatikan mulai baris ke-70 Yang kita beri tanda merah, dihapus saja., kemudian yang kami beri tanda biru, termasuk tag slash td yang berada dibelakang (tidak kelihatan.) sehingga menyisakan tag buka tr, td dan tag tutup td, tr. 7
8 Perhatikan hasil akhir modifikasi kita. Tampilan pada browser selanjutnya adalah sbb.: 8
9 Kalau sudah berhasil pada tampilan terakhir tersebut, sudah lumayan berhasil. Namun masih jauh dari sempurna. Untuk mencoba silahkan, berita-berita lainnya ditambahkan.caranya mudah saja, pilih berita di salah satu website, copy judulnya dipaste pada halaman add kolom judul, demikian pula Authornya, sedangkan lead dan isi kita ambilkan dari content beritanya (di-paste pada kolom lead dan isi sama), mengambil gambar gunakan teknik (salah satunya) klik kanan gambar, pilih copy kemudian di-pastekan pada word, baru kemudian diedit melalui editor gambar sambil disave dengan nama file yang dikehendaki, jangan lupa diupload (he.. he.. he wah gaya ) pada folder htdocs Insya Allah secara bertahap akan kami buat arikel-artikel selanjutnya. Tiga artikel ini saja kami buat ngebut nggak ada 24 jam, dan sekaligus kami upload. Satu persatu. Oleh karena itu apabila ada kesalahan ketik, penjelasan yang kurang pas, tatabahasa yang kurang mathuk, gambar yang amburadul, saya mohon maaf serta feedbacknya saya tunggu. Dapat melalui swaramedia@gmail.com atau multigraphica@yahoo.com dengan sangat senang hati akan kami tanggapi. ( wib) 9 Biografi Penulis Agus Subardjo. Menyelesaikan S1 di STMIK-Widya Pratama Pekalongan pada tahun Pernah ikut mengajar pada Sekolah Tinggi tersebut mulai tahun 2007, untuk mata Kuliah Pemrograman web, Design Publish dan Delphi. Karier di Birokrasi, dimulai tahun 1973 sebagai Juru Penerang di sebuah Kecamatan (Talun Kab.Pekalongan) yang dahulunya merupakan daerah terisolir. Tahun 1980 dipromosikan sebagai Kepala sub Seksi pada Kantor Deppen Kab.Pekalongan dan 1984 menjadi Kasi Penerangan Masyarakat.. Bubarnya Deppen RI, ditarik sebagai salah satu pejabat eselon IV Kantor PDE-Arsipda Kab.Pekalongan, dimana penulis ikut membidani kelahirannya. Tahun 2005 diangkat menjadi eselon III sebagai Kepala Kapeditel ( dulunya PDE-Arsipda ) dan pensiun pada September 2007.
Membangun website dinamis berbasis PHP-mySQL (7)
Membangun website dinamis berbasis PHP-mySQL (7) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciMembangun website dinamis berbasis PHP-mySQL (11)
Membangun website dinamis berbasis PHP-mySQL (11) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciAgus Subardjo Lisensi Dokumen:
Membangun website dinamis berbasis PHP-mySQL (12) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciAgus Subardjo
Cybers Broadcast System - CBS (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara
Lebih terperinciTriswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
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 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 terperinciDesign Web 2 Kolom Flexible
Design Web 2 Kolom Flexible Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Lebih terperinciCara Mudah Membuat Banner Animasi
Cara Mudah Membuat Banner Animasi Ujang Efendi Ujangefendi@gmail.com http://ujangkalianda.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciMODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
Lebih terperinciMANUAL USER Website KLA
Website KLA http://kla.id/wp-admin Daftar Isi Daftar Isi... 2 Panduan Aplikasi CMS... 3 Login... 3 Halaman Utama / Dashboard Wp-admin... 4 Edit User / Ubah Password... 5 Menu Media... 6 Menu Post... 7
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 terperinciPembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciDesign Web Dengan 2 Kolom
Design Web Dengan 2 Kolom Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Lebih terperinciMembangun website dinamis berbasis PHP-mySQL (5)
Membangun website dinamis berbasis PHP-mySQL (5) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciModul 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 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 terperinciAshadi Cahyadi
Membuat Html Report di Delphi Ashadi Cahyadi Hadi_stiki@telkom.net Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciMEMBUAT WEBSITE SEDERHANA DENGAN HTML 5
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciBu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g
Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara
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 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 terperinci3 Cara Belajar HTML, PHP dan MySQL. Nama Penulis Lisensi Dokumen:
3 Cara Belajar HTML, PHP dan MySQL Nama Penulis Ilzaamul.ikhsaan@yahoo.com http://ilzaamulikhsaan.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciTutorial penggunaan CMS / Application By. Steph/IT/04/2010
Tutorial penggunaan CMS / Application By. Steph/IT/04/2010 Bab I Pengenalan dasar Website Ditek Jaya terdaftar dengan menggunakan nama domain http://www. ditekjaya.co.id Website Ditek Jaya dilengkapi dengan
Lebih terperinciMODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
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 terperinciSofiyan Arif Kurniawan
Mengolah Data di Rapidshare Sofiyan Arif Kurniawan sofiyanarifkurniawan@gmail.com http://sosofiyan.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciDAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH
DAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH 1. Bagian - Bagian Website... 2 - Halaman (page), Artikel Berita (post), Widget... 2 2. Cara Masuk ke Website (Admin / Dashboard)... 3 3. Cara Mengisi Artikel
Lebih terperinciMODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
Lebih terperinciMacromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
Lebih terperinciCara Upload Web Repositori Persampahan Indonesia. Setelah berhasil login, akan muncul halaman DASHBOARD, seperti berikut ini:
Cara Upload Web Repositori Persampahan Indonesia Pertama, masuk ke halaman web http://persampahan.com/wp-admin Kemudian masukkan username dan password sebagai admin. Setelah berhasil login, akan muncul
Lebih terperinciCARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE
CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE A. Cara Mendaftar di Wordpress 1. Buka http://wordpress.com/ pilih Get Started. 2. Masukkan data email, username, password dan nama blog Anda. Klik
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciGambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
Lebih terperinciBAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
Lebih terperinciMODUL PELATIHAN PEMASUKAN DATA WEBSITE
MODUL PELATIHAN PEMASUKAN DATA WEBSITE 1. Buka website magelang dengan mengetik url : magelangkab.go.id di browser ( yang paling compatible adalah dengan MOZZILA FIREFOX ) 2. Klik link Sub Domain (SKPD)
Lebih terperinciPanduan Pengelolaan Website Website Management Guidelines
1 Panduan Pengelolaan Website Website Management Guidelines FAKULTAS EKONOMI UNISSULA Versi 1.0 November Biro Sistem Informasi Unissula 2010. 2 Daftar isi Table of content Pendahuluan... 1 Overview Struktur
Lebih terperinciAlbum dan Yahoo! Messenger Status.
100 Modul dapat dipilih melalui menu yang terletak pada bagian kanan atas halaman web. Berikut ialah modul yang terdapat dalam aplikasi BeeSisfo CMS yaitu modul Profile, Portfolio, Guest Book, Information
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 terperinciAuthor : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
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 III CASCADING STYLE SHEET
BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciFebri Aryanto
Menampilkan Google Map di Dalam Website atau Blog Febri Aryanto febaryanto@gmail.com http://masfebjalanjalan.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciMembuat Button Dengan CSS
Membuat Button Dengan CSS Dari sekian banyak pertanyaan yang muncul dari para pemula di CSS adalah pertanyaan bagaimana sih membuat tombol dengan CSS?, hmmm bagi saya ini adalah pertanyaan yang simple
Lebih terperinciMODUL PENGEMBANGAN WEBSITE UNIVERSITAS NEGERI YOGYAKARTA. (Web Fakultas, Program Pascasarjana, & Lembaga Versi Inggris)
MODUL PENGEMBANGAN WEBSITE UNIVERSITAS NEGERI YOGYAKARTA (Web Fakultas, Program Pascasarjana, & Lembaga Versi Inggris) 0 STRUKTUR WEBSITE 1 No Tipe Konten Letak Block Role 1. Header Logo - Webmaster UNY
Lebih terperinciELEARNING UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA
MANAJEMEN KONTEN ELEARNING UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA 2013 Elearning UPN Veteran Jakarta 1 MODUL 2 MANAJEMEN KONTEN 2.1. Membuat Label 2.1.1. Keterangan Label berfungsi untuk memberikan
Lebih terperinciGambar 1. Jendela Ms. Access Pilihan: New : menu untuk membuat file basis data baru. Recent : menu untuk membuka file basis data yang sudah ada.
Mata Pelajaran : Keterampilan Komputer dan Pengelolaan Informasi Standar Kompetensi : Microsoft Office Access Kompetensi Dasar : Mengoperasikan Software Aplikasi Basis Data Kelas : XI Pertemuan 2 A. Menjalankan
Lebih terperinciDASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Lebih terperinciPEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
Lebih terperinciMenampilkan Data MySql Menggunakan Dreamweaver
Menampilkan Data MySql Menggunakan Dreamweaver Dony Yuwono, S.Kom. dony.yuwono@gmail.com Lisensi Dokumen: Copyright 2010 dony.staf.isi-ska.ac.id Seluruh dokumen di dony.staf.isi-ska.ac.id dapat digunakan,
Lebih terperinciMembuat Aplikasi GPS & Suara Antrian dengan PHP. Ronald Rusli.
Membuat Aplikasi GPS & Suara Antrian dengan PHP Ronald Rusli www.bukulokomedia.com MEMBUAT APLIKASI GPS DAN SUARA ANTRIAN DENGAN PHP Perpustakaan Nasional : Katalog Dalam Terbitan (KDT) Penulis : Ronald
Lebih terperinciPengolahan Image dengan GIMP
Pengolahan Image dengan GIMP Akhmad Sofwan sofwan@sofwan.net http://www.sofwan.net Lisensi Dokumen: Copyright 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciMODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.
MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciMODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA
MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA A. MENYALAKAN KOMPUTER Pastikan Kabel Supply terhubung ke PLN, kemudian lakukan langkah sbb: 1. Nyalakan Stabilizer 2. Nyalakan
Lebih terperinciPanduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat
Lebih terperinciTua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang
Tutorial Microsoft Excel Tua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang cokubear@yahoo.co.jp Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
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 terperinciMembuat Layout Desain Awal dengan Photoshop
2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height
Lebih terperinciTUTORIAL ARCVIEW BAB 1. Amir Rachman Syarifudin
TUTORIAL ARCVIEW Amir Rachman Syarifudin deathbody21185@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Lebih terperinciTUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI JAWA TIMUR. Malang, 7 Juli 2017
TUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI JAWA TIMUR Malang, 7 Juli 2017 Overview Login Halaman Administrator Posting/Artikel Halaman/Pages Setup Menus Upload Peraturan Header Image LOGIN HALAMAN ADMINISTRATOR
Lebih terperinciWEBSITE SETTING WEBSITE INFORMASI SITUS. Published on SIAKAD ONLINE (http://itn.siakad-online.com)
WEBSITE SETTING WEBSITE INFORMASI SITUS ooo Menu : SETTING» WEBSITE» Informasi Situs ooo Fungsi : Fitur ini untuk membuat pengaturan Informasi sistem / situs secara umum. Pengaturan ini dilakukan hanya
Lebih terperinciWebsite Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu)
Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu) Copyright 2012 KATA PENGANTAR Dalam memenuhi kebutuhan informasi profil, kegiatan dan informasi-informasi
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 terperinciAplikasi CRUD Sederhana Dengan PHP dan MySql
Aplikasi CRUD Sederhana Dengan PHP dan MySql Budi Permana, S.Kom nobiasta@gmail.com http://budinobipermana.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciMODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA
MODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA A. MENYALAKAN KOMPUTER Pastikan Kabel Supply terhubung ke PLN, kemudian lakukan langkah sbb: 1. Nyalakan Stabilizer 2. Nyalakan
Lebih terperinciCorelDraw. Aris. Lisensi Dokumen: Suport Tukang Nggame blog Copyright IlmuKomputer.Com
CorelDraw Aris Suport Tukang Nggame blog http://nggametukang.blogspot.com Lisensi Dokumen: Copyright 2003-2007 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciMuhidin
Instalasi WEB Server (WAMP Server, XAMPP & PHP Triad) di Windows Muhidin naufal_mr@yahoo.com http://muhidins.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
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 terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN. mencoba semua fitur masing masing tingkatan pengguna. Untuk melakukan
BAB IV IMPLEMENTASI DAN PENGUJIAN Pengujian aplikasi website Fontana Perkasa Motor ini dilakukan dengan mencoba semua fitur masing masing tingkatan pengguna. Untuk melakukan pengujian digunakan komputer
Lebih terperinciHalaman Pada website builder sitepad
Tambahkan Background ke Halaman Pada website builder sitepad Menggunakan Top Up Row Setting 1) Buka Halaman yang ingin Anda edit dalam editor. Untuk melakukan itu Klik pada icon Edit pada salah satu halaman
Lebih terperinciMembuat Toko Buku dengan PHP - MySQL
Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan
Lebih terperinciPERTEMUAN I PENGENALAN SHEET
PERTEMUAN I PENGENALAN SHEET Microsoft Excel merupakan program aplikasi spreadsheet (lembar kerja elektronik). Fungsi dari Microsoft Excel adalah untuk melakukan operasi perhitungan serta dapat mempresentasikan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
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 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 terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciTUTORIAL RUBY ON RAILS
TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB
Lebih terperinciSofiyan Arif Kurniawan
Cara Menggunakan 4shared Desktop Sofiyan Arif Kurniawan sofiyanarifkurniawan@gmail.com http://sosofiyan.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
Lebih terperinciAplikasi Komputer. Bekerja Dengan Microsoft Excel Access (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas ILMU KOMPUTER. Program Studi Informatika
Modul ke: Aplikasi Komputer Bekerja Dengan Microsoft Excel Access (1) Fakultas ILMU KOMPUTER Ita Novita, S.Kom, M.T.I Program Studi Informatika www.mercubuana.ac.id Pengenalan MS. Access 2010 Aplikasi
Lebih terperinciELEARNING UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA
MANAJEMENT KONTENT Disusun Oleh : Septian Firman Sodiq, Skom ELEARNING UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA 2013 Elearning UPN Veteran Jakarta 1 MODUL 2 MANAJEMENT KONTEN 2.1. Membuat Label
Lebih terperinciLangkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN Sesuai dengan luaran dari penelitian yaitu terbuatnya website sekolah sebagai sarana komunikasi interaktif antara pihak sekolah dengan wali siswa pada khususnya dan masyarakat
Lebih terperinciMEMBUAT TEKS REFLEKTIF
Electronik Book dari TUTORIAL www.belajar-grafis.co.nr PHOTOSHOP [Free Download] MEMBUAT TEKS REFLEKTIF Elektronic Book BELAJAR-GRAFIS.CO.NR Buku ini disusun oleh : Johan Felisitas Lisensi Dokumen: Copyright
Lebih terperinciNama Penulis Pendahuluan. Isi. Lisensi Dokumen:
Ketik dan Publikasikan Blog Anda Menggunakan Microsoft Word 2007 Nama Penulis sudarmaster@gmail.com http://www.sudarma.info Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciA. Mendefinisikan Seleksi
Bab 4 Bekerja dengan Laporan SAP Setelah semua data transaksional dimasukkan ke dalam system SAP, maka kemudian akan diolah untuk menghasilkan laporan. Laporan pada SAP umumnya dapat diakses di bawah path-tree
Lebih terperinciRohman Arif
1 Project Website 8: Membuat Aplikasi Edit Data dan Delete Data Rohman Arif rohmanarief@gmail.com Lisensi Dokumen: Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan
Lebih terperinciMODUL 3 STYLE SHEET RINGKASAN
MODUL 3 STYLE SHEET RINGKASAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda
Lebih terperinciSeptina Budi Kurniawati
Easy Steps to Make a Presentation on Google Docs Septina Budi Kurniawati septinabeqa@gmail.com http://septinabeqa.blogspot.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciPT QWORDS COMPANY INTERNATIONAL
PANDUAN MANUAL PT QWORDS COMPANY INTERNATIONAL DAFTAR ISI PANDUAN MANUAL... 1 PT QWORDS COMPANY INTERNATIONAL... 1 DAFTAR ISI... 2 BAB 1. PENGENALAN... 3 a. Tampilan Desa01... 3 b. Tampilan Desa02... 3
Lebih terperinciMembuat berita dengan K2 Component Oleh Rizky Parlika, S.Kom, M.Kom / Telp WA
Membuat berita dengan K2 Component Oleh Rizky Parlika, S.Kom, M.Kom rizky.parlika@gmail.com / Telp WA 085222558877 Untuk pertama kali kita download dulu komponen K2 di https://getk2.org/ - Tekan Browse
Lebih terperinci