LAYOUT. Alat dan Bahan. Cara Kerja. Percobaan. Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP :
|
|
- Liani Santoso
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP : LAYOUT Alat dan Bahan --- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya --- Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai icon pada list Cara Kerja Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan yang ada pada praktikum ini 1. Buatlah folder baru bernama Praktikum10 dan pastikan anda menyimpan semua file percobaan di praktikum ini pada folder tersebut 2. Buat folder css dan images 3. Simpan semua file gambar yang diperlukan pada file images 4. Buka teks editor pilihan anda 5. Ketikkan semua kode yang ada pada tiap percobaan 6. Setiap kali anda menyelesaikan satu percobaan, simpan dengan nama file sesuai nomor percobaan dengan ekstensi.html 7. Apabila anda menggunakan notepad, pastikan anda merubah pilihan tipe file pada Save as Type menjadi All Files 8. Apabila anda menggunakan notepad++, pada pilihan tipe file, pilih yang bertipe HTML. Percobaan Percobaan 1: Normal Flow
2 -output dari coding percobaan no.1- Percobaan 2: Posisi Relative
3 -output dari coding percobaan no.2- Percobaan 3: Posisi Absolute -output dari coding percobaan no.3 bagian atas-
4 -output dari coding percobaan no.3 bagian bawah- Percobaan 4: Posisi Fixed Pada percobaan ini, silahkan anda perkecil ukuran browser hingga muncul scroll bar pada sisi kanan browser. Kemudian scroll ke bawah dan lihat posisi header apakah berubah atau tidak. -output dari coding percobaan no.4 bagian atas-
5 -output dari coding percobaan no.4 bagian bawah- Analisis: Saat di scroll header tidak tidak ikut bergeser seperti pada isi web. Percobaan 5: z-- index Pada percobaan ini, kecilkan ukuran layar hingga muncul scroll bar disamping kanan browser anda, kemudian gulung ke atas dan perhatikan bagian isi dan header. Selanjutnya, pada bagian CSS, hilangkan z-index dan jalankan pada browser dan lihat perbedaannya. Lakukan analisa dari hasil percobaan ini.
6 -output dari coding percobaan no.5 menggunakan z-index- Analisis: Ini adalah tampilan dengan menggunakan z-index. Tulisan paragraf akan terscroll keatas dan bersembunyi dibalik header.
7 -output dari coding percobaan no.5 tanpa z-index- Analisis: Ini adalah tampilan dimana z-index dihapuskan. Dapat dilihat bahwa paragraf memnuhi header dan header tidak ikut terscroll sehingga tampak sangat berantakan. Percobaan 6 : Posisi Float
8 -output dari coding percobaan no.6- Percobaan 7 : Menggunakan Posisi Float
9 -output dari coding percobaan no.7- Percobaan 8 : Menggunakan Clear Pada praktikum ini, tampilkan hasil outputnya pada browser. Selanjutnya hilangkan kode clear pada CSS dan tampilkan hasilnya pada browser. Perhatikan perbedaannya -output dari coding percobaan no.8 menggunakan Clear- Analisis: Ini adalah tampilan saat menyisipkan code Clear. Tampak pengaturan tiap-tiap isi syntax <p> akan tampak rapi.
10 -output dari coding percobaan no.8 tanpa Clear- Analisis: Ini adalah tampilan saat tanpa code Clear. Tampak pengaturan tiap-tiap isi syntax <p> akan tampak berantakan. Percobaan 9 : Permasalahan Pada Float Pada percobaan ini, perhatikan border yang dihasilkan
11 -output dari coding percobaan no.9- Analisis: Border tampak lebih besar dari sekedar 1px; Percobaan 10: Solusi Permasalahan Pada Float Perhatikan perbedaan output yang dihasilkan dibandingkan sebelumnya
12 -output dari coding percobaan no.10- Analisis: Pada percobaan ini output tampak lebih rapi. Percobaan 11: Membuat Dua Kolom
13 -output dari coding percobaan no.11- Tugas 1. Buatlah sebuah layout dengan tampilan tiga kolom seperti tampilan format di bawah ini:
14 -output dari tugas no.1 Layout-
15 -coding tugas no.1 Layout- 2. Buatlah tampilan sebuah layout seperti di bawah ini. Isi halaman bebas. -output dari tugas no.2 Layout-
16 -coding tugas no.2 Layout-
17
Percobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html
Alat dan Bahan -- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya -- Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai icon pada list
Lebih terperinciTable, List, Form DWI SETIYA.N. /
LIST, TABLE DAN FORM Alat dan Bahan Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai
Lebih terperinciCSS BOXES. Langkah Kerja. Percobaan
Tugas : Percobaan Praktikum 8 Materi : CSS Boxes Nama : Dwi Setiya Ningsih NRP : 2103157025 Langkah Kerja CSS BOXES Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan
Lebih terperinciLAPORAN RESMI Layout
LAPORAN RESMI Layout Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
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 JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih terperinciLAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Image dan Link Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA
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 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 terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciBAB 2. Membuat Halaman Web Sederhana. Materi
BAB 2 Membuat Halaman Web Sederhana Materi Membuat Halaman Web PHP Membuat Halaman Web PHP dalam HTML Membuat Halaman Web PHP dengan Tag-tag HTML Membuat Halaman Web PHP dengan Javascript SESI / PERKULIAHAN
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
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 Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciBROWSING DAN DOWNLOAD
BROWSING DAN DOWNLOAD A. Pengertian Browsing dan Download Browsing adalah mencari artikel/situs/gambar/audio/video/software dan lain-lain dalam internet. Sedangkan download adalah mengambil/menyimpan artikel/situs/gambar/audio/video/software
Lebih terperinciCascading Style Sheet (CSS) Didik Dwi Prasetya
Cascading Style Sheet (CSS) Didik Dwi Prasetya didikdwi@gmail.com CSS vcss à Cascading Style Sheet vstyle à mendefinisikan aturan untuk menampilkan elemen HTML. vdefinisi: Cascading Style Sheets (CSS)
Lebih terperinciTUTORIAL CSS FRAMEWORK
11/13/2014 TUTORIAL CSS FRAMEWORK NAMA : DUWI PARYANTO NIM : 12141367 MATA KULIAH : PEMROGRAMAN WEB STATIS DOSEN : WAHYU WIDODO CSS FRAMEWORK FONT AWESOME A. Pengertian Framework Sebelum mempelajari bagaimana
Lebih terperinciLAPORAN RESMI. Flash, Audio dan Video. Dosen Pembimbing : Dwi SusantoS. ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Flash, Audio dan Video Dosen Pembimbing : Dwi SusantoS. ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
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 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 terperinciPRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP
PRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP Disusun oleh: (Nama) (NIM) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015 Modul 7 Twitter Bootstrap I. Tujuan:
Lebih terperinciAnimasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi
Tujuan Animasi Dengan CSS3 Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi Dasar Teori Pada praktikum-praktikum sebelumnya, kita telah
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 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 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 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 terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperincimerge to new document
1. Untuk menjalankan program, langkah awal adalah melakukan klik. pada taskbar. a. Start b. Exit c. Turn off d. Log off e. Shutdown 2. Perintah yang digunakan untuk mengaktifkan windows explore adalah.
Lebih terperinciMengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3
Bab II: Mengelola Bagian Website Sekolah Utama Mengelola bagian utama Website Sekolah dibagi menjadi 3 kategori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Lebih terperinciPEMBUATAN BUKU DIGITAL
PEMBUATAN BUKU DIGITAL TUTORIAL PEMBUATAN BUKU DIGITAL INTERAKTIF MENGGUNAKAN SIGIL SOUTHEAST ASIAN MINISTERS OF EDUCATION ORGANIZATION REGIONAL OPEN LEARNING CENRE (SEAMOLEC) 2013 DAFTAR ISI A. Pengenalan
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 terperinciLANGKAH LANGKAH PENGUNAAN EMAIL KORPORAT
DAFTAR ISI DAFTAR ISI...1 LANGKAH LANGKAH PENGUNAAN EMAIL KORPORAT...2 I. CARA PENGAKSESAN EMAIL...2 II. CARA MELIHAT EMAIL...4 III. CARA MEMBUAT EMAIL / PESAN BARU...6 LANGKAH LANGKAH PENGUNAAN EMAIL
Lebih terperinciMODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi
Lebih terperinciCARA MEMBUAT CSS DENGAN DREAMWEAVER
CARA MEMBUAT CSS DENGAN DREAMWEAVER Dewi Wijayanti dewiwijayanti@raharja.info Abstrak Dreamweaver adalah sebuah perangkat lunak yang digunakan untuk membuat atau menyunting halaman web yang dinamis maupun
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 terperinciPRAKTIKUM 3 Pengenalan CSS
Tujuan: - - - PRAKTIKUM 3 Pengenalan CSS Mahasiswa mampu memahami konsep dasar CSS Mahasiswa mampu memahami struktur dasar syntax CSS Mahasiswa mampu memahami penerapan warna pada CSS Dasar Teori CSS merupakan
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 terperinciSMH2D3 Web Programming. 2 BAB II BASIC HTML5 ELEMENT. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
2 BAB II BASIC HTML5 ELEMENT 21 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Teknik dasar scripting HTML5 Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan Link
Lebih terperinciPEMOGRAMAN WEB II MODUL. Oleh: CHALIFA CHAZAR MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi
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 terperinciMODUL 3 DASAR-DASAR MICROSOFT WORD 2007
MODUL 3 DASAR-DASAR MICROSOFT WORD 2007 Microsoft Office 2007 mempunyai tampilan user interface (UI) baru yang mengganti menu, toolbars dan sebagian besar task panes yang ada di Microsoft Office sebelumnya
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 terperinciBelajar Membuat Blog Wordpress Secara Offline dengan XAMPP Server
Belajar Membuat Blog Wordpress Secara Offline dengan XAMPP Server Pada kesempatan ini saya akan membahas mengenai cara belajar membuat blog wordpress secara offline (tanpa tersambung ke internet) dengan
Lebih terperinciPENGENALAN HTML - 3. Gambar 1. Layer Toolbar
PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer
Lebih terperinciPower Point - 02 TEKNIK Ilmu Komputer
Modul ke: Aplikasi Komputer Power Point - 02 Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id 1. Klik Start 2. Klik Microsoft Power Point 2010 Tampilan
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 II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
Lebih terperinciGRAPHIC & MULTIMEDIA. Insert Clip Art. Insert Picture (Photos)
GRAPHIC & MULTIMEDIA Insert Clip Art Ada banyak pilihan gambar Clip Art yang dapat disisipkan ke dalam web. Pilihan ini dapat digunakan apabila tidak mempunyai file gambar atau foto sendiri. Prosedur untuk
Lebih terperinciMembuat AUTO RUN pada CD
Membuat AUTO RUN pada CD Pernahkah Anda melihat sebuah CD yang ketika dimasukkan ke CD-ROM drive akan langsung melakukan auto run yang secara otomatis akan menampilkan menu atau sebuah dokumen pada CD
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 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 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 terperinciTeknik Informatika D3
Teknik Informatika D3 Pengembangan Sistem E-Commerce Koneksi Basis Data dan Inklusi Berkas Disusun Oleh: Egia Rosi Subhiyakto, M.Kom, M.CS Teknik Informatika UDINUS egia@dsn.dinus.ac.id +6285740278021
Lebih terperinciAnalisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.
TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;
Lebih terperinciBAB 5 PROSES EDITING 5.1. EDITING AWAL
BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih
Lebih terperinciEbook Panduan Pengoperasian Web Simpel
Ebook Panduan Pengoperasian Web Simpel Daftar isi : Login ke halaman admin Ganti password website Membuat halaman baru Menghapus menu / halaman 4 Memasukan gambar 5 Masukan / embed video dari Youtube 6
Lebih terperinciTAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line
TAG UTAMA HTML Materi Heading Paragraf Font Breakline Horisontal Line PERTEMUAN KE-2 TAG UTAMA HTML 2.1 PENGANTAR Dalam Bab Pertemuan ke-2 ini akan disinggung tentang tag utama dasar yang digunakan untuk
Lebih terperinciCara Koneksi Database di Dreamweaver CS3
Cara Koneksi Database di Dreamweaver CS3 Bella Mutia Ropana bellamutiaropana@raharja.info Abstrak Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain
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 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 terperinciMODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi
Lebih terperinciPemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
Lebih terperinciModul Analisa Video Streaming dengan HTML 5
Modul Analisa Video Streaming dengan HTML 5 Streaming adalah sebuah teknologi untuk memaninkan file video atau audio secara langsung ataupun dengan pre-recorder dari sebuah mesin server (web server). Dengan
Lebih terperinciInsert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters)
DAFTAR ISI Halaman Judul Lembar Pengesahan... i Abstraksi... ii Kata Pengantar... iii Daftar Isi... v Daftar Gambar... viii Daftar Tabel... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2
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 terperinciModul ke: Aplikasi Komputer. Fakultas Teknik HERY NURMANSYAH, S.T., M.T. Program Studi Teknik Industri.
Modul ke: Aplikasi Komputer Fakultas Teknik HERY NURMANSYAH, S.T., M.T. Program Studi Teknik Industri www.mercubuana.ac.id Materi Pembelajaran Microsoft Word 2010 Pengertian Ms.Word 2010 Microsoft Word
Lebih terperinciTutorial Singkat Membuat Desain Header di CMS Balitbang.
Tutorial Singkat Membuat Desain Header di CMS Balitbang. Desain header cms balitbang bisa dirubah sesuai dengan keinginan kita dan tentu saja menyesuaikan dengan content website yang kita buat, misalnya
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 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 terperinciMAKALAH APLIKASI KOMPUTER
MAKALAH APLIKASI KOMPUTER Materi 1 A.MENGENAL MICROSOFT WORD 2007 Microsoft word merupakan sofware pengolah kata yang di produksi oleh microsoft corporation yang sangat bermanfaat dalam aplikasi perkantoran
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 terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
Lebih terperinciPERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007
PERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007 Microsoft Office Word 2007 merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, dokumen berbentuk
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 terperinciTeknologi Aplikasi Web Server. Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T.
Teknologi Aplikasi Web Server Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T. Disampaikan pada peer teaching PLPG Tahap 4 Tahun 2016 Hotel Sahid Montana, Malang, 13 November 2016 Pemrograman
Lebih terperinciBelajar Membuat web sederhana dengan HTML (Bagian 1)
Belajar Membuat web sederhana dengan HTML (Bagian 1) Ahmad Hasnan, Mahasiswa Teknik Mesin Universitas Brawijaya, Anggota komunitas web (webcom) Unibraw. Bahasa HTML merupakan bahasa markup (pelekat) untuk
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( Microsoft office Word, Excel, Power Point 2013 )
( Microsoft office Word, Excel, Power Point 2013 ) Silabus Mata Kuliah KAA - 1 Microsoft office Word - Pengenalan MS Word 2013 - Page Setup, Header & Footer, Insert Number - Penyisipkan Objek - Tabel Microsoft
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 terperinciMakmal 1: Perisian Adobe Dreamweaver CS3
Makmal 1: Perisian Adobe Dreamweaver CS3 Pengenalan kepada Adobe Dreamweaver CS3 1. Adobe Dreamweaver CS3 (ADCS3) adalah satu aplikasi pembangunan web. Dahulunya ADCS3 dikenali sebagai Macromedia Dreamweaver
Lebih terperinciModul Pengembangan Bahan Ajar Sosiologi Berbasis Teknologi Informasi Aplikasi Game Html 5 dengan Construct 2
Modul Pengembangan Bahan Ajar Sosiologi Berbasis Teknologi Informasi Aplikasi Game Html 5 dengan Construct 2 Tim Penyusun: Dwi Nugroho Tejo W Taufiq Triyoga R Grendi Hendrastomo Nur Endah Januarti Jurusan
Lebih terperinciMembuat web sederhana dengan HTML
Membuat web sederhana dengan HTML Bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan teks. Gambar dan multi media. Dalam html terdapat tag-tag yang mampu dibaca oleh browser web sehingga tampilan
Lebih terperinciLAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI 4103131060 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciGambar 1. Pendaftaran anggota baru. Gambar 2. Petunjuk pendaftaraan anggota baru MOHON ANDA INGAT!!!!
:: Proses Pendaftaran Proses pendaftaran diperlukan agar pengguna dapat mengakses penuh seluruh content sipoel. Untuk itu para pengguna harus terlebih dahulu melakukan proses registrasi, dengan mengikuti
Lebih terperinciPanduan Membuat E-book dengan SIGIL Nunuk Suryani dkk 1
Panduan Membuat E-book dengan SIGIL Nunuk Suryani dkk 1 A. Pendahuluan Buku digital atau biasa disebut e-book merupakan bahan ajar yang terdiri dari teks, gambar, dan audio ataupun video. Populeritas e-
Lebih terperinciLAPORAN WEB DESIGN WEB PERSONAL
LAPORAN WEB DESIGN WEB PERSONAL Oleh : Siti Nur Afiyah NRP : 2103137052 Politeknik Elektonika Negeri Surabaya D3-TI PJJ Kelas B Tahun ajaran 2013/2014 Kata Pengantar Puji syukur penyusun panjatkan ke hadirat
Lebih terperinciMembuat Layout Web Mengunakan Table
Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : prasetyoutomo771@gmail.com Page 2 1. Pengenalan
Lebih terperinciPENGGUNAAN SLICE. Tujuan Instruksional
PENGGUNAAN SLICE Suatu halaman web harus didesain secara representatif namun bisa diakses secara cepat. Sebuah halaman web yang yang dibuat berupa gambar full color dengan menggunakan Adobe Photoshop,
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 terperinciBondan Muliawan Mengenal ASP
Instalasi Personal Web Server dan Pengenalan ASP Bondan Muliawan mail@bondan.net http://www.bondan.net Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
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 terperinciAPLIKASI KOMPUTER. Pokok Bahasan : MS. WORD (BAGIAN 1) Anggun Puspita Dewi, S.Kom., MM. Modul ke: Fakultas MKCU
APLIKASI KOMPUTER Modul ke: Pokok Bahasan : MS. WORD (BAGIAN 1) Fakultas MKCU Anggun Puspita Dewi, S.Kom., MM Program Studi Sistem Informasi & MarComm www.mercubuana.ac.id PENGERTIAN MICROSOFT WORD Microsoft
Lebih terperinci- Hingga Muncul tampilan dan editor Frontpage sebagai berikut : Area Kerja. Menu Formatting. Layer Kerja
MS. Frontpage adalah salah satu software buatan Microsoft yang digunakan untuk membuat halaman-halaman situs (website) yang sangat populer, selain mudah digunakan MS. Frontpage juga mempunyai fitur-fitur
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 terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinci