LAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati
|
|
- Lanny Setiabudi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 LAPORAN RESMI Image dan Link Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015
2 1. Tujuan a. Mahasiswa memahami tentang format gambar b. Mahasiswa mampu memasukkan dan mengatur gambar pada halaman web c. Mahasiswa mampu menggunakan link pada website 2. Dasar Teori a. Images Images atau gambar memiliki peran tersendiri dalam sebuah website, misalnya dalam bentuk logo, ilustrasi, grafik, foto ataupun untuk kebutuhan mempercantik tampilan halaman sebuah web. Sebuah gambar bisa bermakna ribuan kata, dan pemilihan gambar yang tepat akan membedakan antara website yang biasa dengan website yang luar biasa. Apabila anda tidak memiliki gambar berupa foto atau yang anda desain sendiri, anda bisa juga menggunakan berbagai layanan yang ada di internet. Anda bisa menggunakan berbagai gambar yang bisa digunakan secara gratis atau membelinya dari penyedia stok gambar. Sebaiknya anda membuat folder tersendiri untuk menyimpan kumpulan gambar yang anda gunakan untuk website anda. b. Menambahkan Gambar <img> Untuk menambahkan gambar ke halaman web, kita bisa menggunakan elemen <img>. Elemen ini tidak memerlukan closing elemen atau elemen penutup dan harus diiringi dengan atribut <img src="images/gambar_web.jpg" alt="ideas for a better future" title="logo dan slogan untuk event industrial electronnic seminar"> alt src Atribut ini memberi tahukan ke browser dimana lokasi gambar yang akan ditambahkan pada halaman web. Lokasi file gambar ini bisa tertulis dalam bentuk alamat url atau path ke lokasi folder dimana gambar tersebut disimpan atribut ini berisi teks deskripsi gambar yang akan mendeskripsikan gambar apabila gambar tersebut tidak dapat ditampilkan.
3 title Atribut title ini bisa anda gunakan untuk memberikan tambahan informasi terkait dengan gambar. Informasi ini akan muncul saat pengguna melakukan hover atau menggerakkan pointer mouse tepat di atas gambar c. Format Gambar Format gambar yang biasa digunakan pada website adalah jpeg, gif atau png. Apabila ada kesalahan dalam memilih jenis format gambar, bisa menyebabkan gambar yang muncul tidak tajam dan lambat saat ditampilkan. Ukuran dari gambar yang anda pakai juga harus diperhatikan, yakni pastikan bahwa ukuran tinggi dan lebarnya sesuai dengan ukuran yang akan tampil dihalaman website. Apabila anda menyimpan gambar dengan tinggi dan lebar yang kecil, sedangkan anda akan menampilkannya dalam ukuran yang besar, maka tampilan gambar akan pecah. Apabila anda ingin menampilkan gambar dalam ukuran kecil sedangkan anda menyimpannya dalam ukuran yang besar, maka gambar butuh waktu lama untuk ditampilkan pada halaman web saat diakses. Pemilihan format gambar yang anda gunakan untuk website membutuhkan beberapa pertimbangan yaitu: Apabila gambar yang anda gunakan memiliki banyak warna yang berbeda pada satu gambar, maka sebaiknya anda menyimpannya dalam format JPEG. Simpan dalam format GIF atau PNG untuk gambar yang hanya memiliki beberapa warna yang berbeda pada satu gambar atau gambar hanya memiliki satu warna pada area yang luas. Saat sebuah gambar memiliki area yang terisi hanya satu warna, maka ia disebut dengan flat color. Misalnya seperti logo, ilustrasi atau diagram, biasanya menggunakan flat color. Berbeda dengan sebuah gambar yang dihasilkan dari pemotretan, misalnya pemotretan sekumpulan orang, foto alam, atau rerumputan terdiri dari warna yang berbeda dan tidak cocok untuk format GIF atau PNG. d. Links Link merupakan fitur utama sebuah website karena dengan link, halaman website bisa berpindah dari satu halaman ke halaman yang lain. Kemampuan berpindah dari satu halaman ke halaman lain ini akhirnya memunculkan istilah browsing atau surfing. Beberapa tipe link antara lain:
4 Link dari satu website ke website yang lain Link dari satu halaman ke halaman yang lain pada website yang sama Link dari satu bagian ke bagian yang lain pada satu halaman yang sama Link yang membuka window baru Link berupa alamat e. Cara menuliskan link Link dibuat dengan cara menuliskan element <a> dan diakhiri dengan </a>. User bisa melakukan klik pada tulisan yang berada diantara <a> hingga </a>. Anda bisa menentukan halaman yang menjadi target dari link yang anda buat dengan menggunakan atribut href. Gambar 2.3 link Teks yang berada di antara <a> dan </a> sebaiknya menjelaskan tentang target halaman yang akan dikunjungi. Hal ini akan membantu pengguna saat ingin melakukan klik pada link tersebut. Pada contoh diatas, teks yang menjadi link adalah IMDB yang menjelaskan bahwa link yang akan dikunjungi merupakan website dari IMDB. f. Link ke halaman website yang lain Untuk membuat sebuah link yang mengarah ke halaman website yang lain, anda bisa menuliskan <a href= > Kampus PENS </a> Saat anda ingin membuat sebuah link yang mengarah ke website yang lain, anda harus menuliskan alamat domain dari website tersebut secara lengkap yang biasa disebut dengan absolute URL. URL merupakan kepanjangan dari Uniform Resource Locator. Ini merupakan alamat web yang anda tuliskan saat anda ingin mengunjungi halaman tertentu dari sebuah website. Apabila anda tidak menuliskan
5 detail halaman yang anda kunjungi, maka anda akan dibawa ke halaman awal dari website tersebut. g. Link ke halaman lain pada satu website yang sama Saat anda ingin membuat sebuah link yang menuju halaman yang lain pada website yang sama, anda tidak perlu menuliskan nama domain pada URL. Anda bisa menuliskannya dalam bentuk relative URL. <a href= profil.html > Profil Saya </a> <a href= galeri/foto.html > Galeri</a> Apabila target link anda berada dalam folder yang sama, anda bisa langsung menuliskan nama file tersebut. Apabila target halaman anda berada dalam folder yang berbeda, anda bisa langsung menuliskan lokasi folder tersebut dari lokasi file dimana anda menuliskan link anda. Saat anda menuliskan relative URL, anda harus memperhatikan struktur folder dari website anda. Mari kita ambil contoh struktur folder dari praktikum sebelumnya. Gambar 2.4 Contoh struktur folder
6 Folder yang berada pada level paling atas biasa disebut dengan root folder. Folder images, css dan video merupakan child folder dari folder root. Masing-masing folder berisi file index.html. Berikut ini tabel berisi informasi detail tentang relative URL dan contoh penggunaannya dengan mengacu contoh struktur folder di atas Tipe Link Contoh Penulisan Folder yang sama Untuk membuat link ke halaman about.html dari root folder Untuk membuat link pada file yang berada pada folder yang sama, cukup tuliskan nama file yang <a href= about.html > Profil</a> anda tuju Child Folder Untuk membuat link ke halaman index.html yang berada pada folder video. Untuk membuat link yang mengarah pada file yang berada di sub folder atau child folder, anda <a href= video/index.html > List Video</a> perlu menuliskan terlebih dahulu nama folder child tersebut Parent Folder Untuk membuat link ke halaman index.html yang ada di root folder dari file yang ada di folder Untuk membuat link dari sub folder yang menuju video ke file yang ada di root folder, maka anda perlu menggunakan../ h. Langkah Kerja Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan yang ada pada praktikum ini 1. Buatlah folder baru bernama Praktikum2 dan pastikan anda menyimpan semua file percobaan di praktikum ini pada folder tersebut 2. Buatlah folder baru didalam folder Praktikum2 dengan nama images. Folder ini berfungsi untuk menyimpan file-file gambar yang anda perlukan selama menyelesaikan percobaan pada praktikum ini 3. Siapkan gambar-gambar yang akan anda gunakan pada praktikum ini. Sebaiknya ukuran gambar tidak terlalu besar. Setidaknya berukuran maksimal 900x600 pixel.
7 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.
8 i. Hasil Percobaan Percobaan 1: Memasukkan Gambar Percobaan 2: Atribut Align
9 Percobaan 3: Atribut Height dan Weight Percobaan 4: Atribut alt Percobaan 5: Atribut hspace dan vspace
10 Percobaan 6: Memasukkan gambar dari folder lain Percobaan 7: Link ke Dokumen Lain Percobaan 8: Alamat Absolut
11 Percobaan 9: Image Sebagai Link Percobaan 10: Link Pada Halaman Yang Sama
12 Percobaan 11: Link
13 j. Hasil Tugas Halaman utama tugas indextugas.html Laman Berita k. Analisa Dari hasil percobaan yang telah dilakukan, banyak hal yang perlu diperhatikan dalam inserting image, terutama saat memasukkan lokasi image dan penulisan format
14 image. Ketelitihan sangatlah penting dalam hal ini. Terdapat suatu kendala ketika menampilkan hasil codingan gambar pada local dan saat setelah diupload. Dilocal menerima format.jpg, namun saat upload format tersebut tidak diterima dan harus diganti dengan format.jpg. Saat inserting image pada link, juga harus benar dalam memperhatikan laman gambar yang dituju. Saat belajar link juga hamper sama ketelitian dalam input link dan lokasinya harus benar-benar diperhatikan. l. Kesimpulan Inserting gambar maupun link sangatlah dibutuhkan dalam proses pebuatan web. Jadi harus seteliti mungkin dalam melakukan src gambar, maupun link yang akan dituju. Jika tidak, maka laman yang diinginkan tidak akan tampil pada web. hamidahnh.mb.student.pens.ac.id
LAPORAN 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 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 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 terperinciLAYOUT. Alat dan Bahan. Cara Kerja. Percobaan. Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP :
Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP : 2103157025 LAYOUT Alat dan Bahan --- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya --- Bahan-bahan gambar
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 terperinciPercobaan 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 terperinciCatatan: Untuk menampilkan gambar bersamaan dengan teksnya maka, pada gambar ditambahkan atribut align, yang bisa diisi nilai top, center, dan bottom.
Image HTML Sebuah gambar berbicara seribu kata, pepatah yang sering digunakan orang untuk menunjukkan terkadang gambar bisa berbicara lebih baik dari penjelasan yang panjang lebar. Gambar di dalam suatu
Lebih terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML Tables, Frame, Image JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta Tebel 6.1 Tabel Tabel banyak digunakan karena dapat menampilkan informasi
Lebih terperinciLAPORAN RESMI. Boxes
LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
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 terperinciMenampilkan Images, Audio, Video, dan Membuat Tabel
Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan
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 terperinciPengenalan Perancangan Web 2017
5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan
Lebih terperinci1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Lebih terperinciTAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
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 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 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 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 terperinciMODUL PENGEMBANGAN WEBSITE Fakultas BAHASA DAN SENI UNIVERSITAS NEGERI YOGYAKARTA
MODUL PENGEMBANGAN WEBSITE Fakultas BAHASA DAN SENI UNIVERSITAS NEGERI YOGYAKARTA 0 STRUKTUR WEBSITE 1 No Tipe Konten Letak Block Role 1. Header - Webmaster UNY 2. Main Menu - Admin 3. Header Slideshow/Banner
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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Flash Audio Video Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciPemrograman Web WEEK 03 HTML LANJUT
1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value
Lebih terperinciPEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom
MODUL PEMROGRAMAN WEB Oleh : Yunita Prastyaningsih, S.Kom Modul 3 1. IMAGE / GAMBAR Untuk menampilkan gambar di dalam dokumen HTML, kita perlu menggunakan tag . Tag ini tidak memiliki pasangan tag
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 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 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 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 terperinciImage / Citra HTML. Materi ke 4
Image / Citra HTML Materi ke 4 Mengapa Butuh Image? Image dapat membuat dokumen HTML lebih menarik dibandingkan hanya berisi teks saja. Memudahkan user untuk memahami informasi yang disampaikan Misal untuk
Lebih terperinciPengelolaan Website SILHD (Sistem Informasi Lingkungan Hidup Daerah)
Pengelolaan Website SILHD (Sistem Informasi Lingkungan Hidup Daerah) Konsep Website SILHD Manajemen Web hosting, sebuah konsep pengelolaan data secara terpusat dengan cara memfasilitasi para penggunanya
Lebih terperinciPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA
WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA
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 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 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 terperinciPANDUAN PENGELOLAAN SITUS WEB BPKP
PANDUAN PENGELOLAAN SITUS WEB BPKP URL (UNIFIED RESOURCES LOCATOR) Untuk dapat melakukan pengelolaan halaman web di situs web BPKP, kita harus mengetikkan URL atau unified resources locator atau alamat
Lebih terperinciMODUL VII PENGATURAN TAMPILAN DOKUMEN
MODUL VII PENGATURAN TAMPILAN DOKUMEN 7.1 Paragraf Elemen menandai serta melatakkan sekumpulan teks sebagai suatu paragraf. Tag menyatakan awal dari paragraf, sedangkan tag menyatakan
Lebih terperinciRENCANA PELAKSANAAN PEMBELAJARAN MUATAN LOKAL. MENDESAIN WEB STATIS Membuat halaman web sederhana
MUATAN LOKAL MENDESAIN WEB STATIS Membuat halaman web sederhana Perangkat mengajar ini mengacu pada format penyusunan Silabus/RPP/LKS Universitas Negeri Surabaya (UNESA) Tahun 2012 (PLPG 2012). PERTEMUAN
Lebih terperinciEko Purwanto WEBMEDIA Training Center Medan
Membangun Web Bisnis Dengan Frontpage 2000 Eko Purwanto epurwanto@webmediacenter.com WEBMEDIA Training Center Medan www.webmediacenter.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan,
Lebih terperinciKKN SISDAMAS Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) UIN Sunan Gunung Djati Bandung. Pusat Teknologi Informasi dan Pangkalan Data
KKN SISDAMAS 2017 Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) Pusat Teknologi Informasi dan Pangkalan Data UIN Sunan Gunung Djati Bandung 1 Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) Berikut ini
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 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 terperinciFERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML
FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat
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 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 terperinciCara Membuat Website Dengan Dreamweaver 8
Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah
Lebih terperinciMENDEMONSTRASIKAN AKSES INTERNET
MENDEMONSTRASIKAN AKSES INTERNET 2. Standar Kompetensi: Menggunakan internet untuk memperoleh informasi 2.1. Kompetensi Dasar: Mendemonstrasikan akses internet sesuai prosedur TUJUAN PEMBELAJARAN Menjelaskan
Lebih terperinciBAB V Link atau Kaitan
BAB V Link atau Kaitan Sekarang kita akan belajar membuat link yang merupakan ciri khas dari dokumen web. Link adalah sebuah teks atau gambar yang bila di-klik akan membawa anda ke bagian lain dari dokumen
Lebih terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciLAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO
LAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO OLEH : LUTHFI HDIAYAT (4103131035) http://luthfihidayat.mb.student.pens.ac.id/ TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015 Praktikum
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 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 terperinciBELAJAR HTML Hyper Text Markup Language
www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2
Lebih terperinciTRAINING. Jul Gallery Foto, Banner & Document
TRAINING Jul-2013 Gallery Foto, Banner & Document Table of Contents 1 PREFACE... 3 2 GALLERY FOTO / BANNER... 3 1.1 Add Gallery/Images... 4 1.2 Manage Gallery... 4 1.3 Album... 5 3 DOWNLOADS... 5 3.1 Categories...
Lebih terperinciLink Categories, digunakan untuk mengelompokkan link ke dalam kategorikategori
Panduan Dasar Membuat Website Menggunakan Wordpress WordPress Dashboard (Admin) 1. Untuk login ke halaman admin, ketik: wp-admin atau wp-login.php di belakang alamat domain Anda. Contoh feddy.staff.telkomuniversity.ac.id/wp-admin.
Lebih terperinciPenjelajahan di Dunia Maya (Browsing/Surfing)
Penjelajahan di Dunia Maya (Browsing/Surfing) Dunia maya (bahasa Inggris: cyberspace) adalah media elektronik dalam jaringan komputer yang banyak dipakai untuk keperluan komunikasi satu arah maupun timbal-balik
Lebih terperinci[CMS Website Organisasi Kemahasiswaan FEB Unpad] Fakultas Ekonomi dan Bisnis Universitas Padjadjaran
2012 Fakultas Ekonomi dan Bisnis Universitas Padjadjaran [CMS Website Organisasi Kemahasiswaan FEB Unpad] 2012 Fakultas Ekonomi Universitas Padjadjaran. IT Support Team Content Management System Website
Lebih terperinciMANUAL PENGGUNAAN JANDROID
MANUAL PENGGUNAAN JANDROID www.jasaplus.com 082227927747 email: ringlayer@gmail.com jasapluscom@yahoo.com DAFTAR ISI 1. LOGIN KE SISTEM CLOUD JANDROID 2. MENGKONVERSI WEBSITE MENJADI APLIKASI ANDROID DAN
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 terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciHTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
Lebih terperinciMODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN
MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN Tim Website UNY 2014 Region Web Fakultas Region Web Jurusan 1 2 3 5 7 10 0 4 12 13 Struktur Web Fakultas dan Jurusan NO Block 1 2 3 4 5 Header Main Menu Header
Lebih terperinciInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer Tim Dosen IMK THE USER INTERFACE (UI) DESIGN PROCESS Web-Based User Interface 1 Atribut Bagaimana mendesain antarmuka sistem berbasis web untuk membangun website dengan halaman
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 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 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 terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciUsing FreeMind. Diadaptasi dari John Leach
Using FreeMind Diadaptasi dari John Leach Membuat Mind Map Click di FreeMind icon pada desktop, atau panggil program dari start menu program (Start -> Programs -> FreeMind -> FreeMind.) Jika belum pernah
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 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 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 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 terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciBab 6 -Manipulasi Gambar Pada Web
Bab 6 -Manipulasi Gambar Pada Web Web Design Team Dosen (PENS) 1 Pendahuluan Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar
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 terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
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 terperinci4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta
LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag
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 terperinciREKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom
REKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom ------------------------------------------------------------------------------ INSTALASI AURACMS Download terlebih dahulu file script AuraCMS
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 terperinciTutorial Menggunakan webpraktis profil bisnis
Tutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website 2. Pilih Jenis Template Setelah klik buat website,pilih template yang ingin Anda gunakan dari kategori
Lebih terperinciManual Book Mengisi Konten Website OPD Kota Bogor
Manual Book Mengisi Konten Website OPD Kota Bogor Kantor Komunikasi dan Informatika Kota Bogor 2016 1. Buka browser dengan alamat url http://kotabogor.go.id/index.php/login 2. Kemudian masukkan Username
Lebih terperinciPemrograman Web PRAKTIKUM 1 PENGANTAR
PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciPanduan Penggunaan Website BKP4KabProbolinggo.com Untuk Super Administrator
Panduan Penggunaan Website BKP4KabProbolinggo.com Untuk Super Administrator oleh Bale Web - Malang Panduan Penggunaan Website BKP4KabProbolinggo.com Untuk Super Administrator 0 A. Memasang Banner Banner
Lebih terperinciPemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
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 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 terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
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 terperinciPemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciUKDW BAB 1 PENDAHULUAN
BAB 1 PENDAHULUAN 1.1. Latar Belakang Masalah Sebagai sebuah instansi pendidikan, Universitas Kristen Duta Wacana (UKDW) mengalami berbagai peristiwa mulai dari pembentukannya hingga kegiatan-kegiatan
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 Daftar Isi
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 terperinciMateri. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
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 terperinciBahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
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 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 terperinci