Briefing Web Desain SUDAH JADI

Slides:



Advertisements
Presentasi serupa
“MENU INSERT”. 1. Pages 2. Tables 3. Illustrations 4. Links 5. Header & Footer 6. Text 7. Simbols.
Advertisements

TUTORIAL INTERNET. Apabila sudah masuk ke jendela windows seperti di atas, klik tombol ‘START’ di pojok kiri bawah seperti pada gambar.
Publikasi Ilmiah Melalui Posting Artikel Pada Website Hasanuddin, S.T. Tech. Assist. Urusan Web dan Reportase BISKOM UAD Disampaikan pada Pelatihan Penulisan.
Tahap Demi Tahap Mengelola Website Unit Kerja Anda Disampaikan pada : Pelatihan Manajemen Website Universitas Muhammadiyah Malang Januari 2010 Oleh : Muhammad.
Pelatihan Blog menggunakan WORDPRESS
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Klik get strated here untuk mendaftar. Mengisi nama alamat blog yang diinginkan, seperti contoh Isi nama pengguna Isi password.
KRRS ONLINE.
Social Engineering Suryayusra, M.Kom. allinanchor Search operator ini di pergunakan untuk mencari semua informasi pada website yang terdapat.
PELATIHAN SATU DISAMPAIKAN PADA PELATIHAN BASIC MIDDLE Pertemuan ke-1 DEPOK CYBER COMMUNITY.
DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN PASURUAN
Pengaturan Pencetakan Dokumen
REPORT.
Halaman setelah login Pelatihan E-Learning FE 2008.
Tahap Demi Tahap Mengelola Website Unit Kerja Anda
MINGGU Ke Tigabelas Pemrograman Visual
Blog dan Management Blog
PANDUAN MENGGUNAKAN E- JURNAL GALE CENGAGE LEARNING
B L O G Joshua Joviando 1. Bagian 2 Membuat Blog di 2.
Membuat Blog Pembelajaran Menggunakan
Mendefinisikan situs PERTEMUAN 2. Pendahuluan Situs web adalah suatu kesatuan dari dokumen dokumen yang terhubung dengan atribut yang sama. Situs web.
Bab 10 - Template Dreamweaver
Dinda Prasetia, Skom..  Saat Word 2007 dijalankan, akan muncul sebuah dokumen kosong. Nama dokumen tersebut “Document1” dan tertera pada title bar di.
Dinda Prasetia,Skom..  Buatlah tampilan dengan 2 jenis penomeran halaman yang berbeda seperti di bawah ini:
REPORT Bentuk Laporan Untuk memahami cara membuat laporan (report) di Visual Foxpro, kita harus memahami bentuk laporan (layout), yaitu sebagi berikut.
T. Aplikasi Database SESI 12
Untuk Pengelola Program
Pelatihan Website untuk OPD, Kecamatan dan Puskesmas Kabupaten Banyuasin
Pembuatan E-Book Menggunakan SIGIL DINAS PENDIDIKAN PROVINSI JAWA IMUR
Aplikasi Simpadu Kemiskinan
Perangkat pengolah kata
MANAJEMEN BLOG.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
EVALUASI SISTEM WEBSITE BPSDM KEMENTERIAN PUPR
Desain & Slicing Backend Simonita
Cara Memasang Iklan Rumah Dijual Gratis
A. CARA LOG IN WEBSITE 1. Masuk ke google, kemudian tuliskan alamat website smk (smkn1sukoharjo.sch.id) pada kolom bar seperti gambar kemudian klik enter.
Petunjuk Penggunaan Aplikasi Sistem Layanan dan Rujukan Terpadu untuk Masyarakat Sejahtera (SELARAS)  Untuk Manager Sekretariat Teknis Pusat Sistem.
Pembuatan dokumen dengan word 2007
Pelatihan BLOG FKIP Universitas Jember
Modifikasi “Desain Sekarang” Sesuai “Desain Referensi”
WordPress dan Blogger Dibuat Oleh : Kelompok 1 Kelas IY
WordPress dan Blogger Dibuat Oleh : Kelompok 1 Kelas IY
Pengelolaan Website Pusat Studi Biofarmaka LPPM-IPB
Pertemuan 2 JAVA 2 KA.
Penggunaan Word Processing (1)
MENYIMPAN DAN MENCETAK HALAMAN WEB
ELEMEN SITUS WEB A. Ridwan Siregar.
Adi Rachmanto,S.Kom –UNIKOM
Area Kerja Dreamweaver
Pertemuan II Dewi Kusumaningsih
Cara Membuat Blog Menggunakan Blogspot.
KEMENTERIAN PEKERJAAN UMUM
Ujian Tengah Semester APLIKOM
INTRO.
Microsoft Power Point 2007.
Digital Academic Writing
Ujian Tengah Semester APLIKOM
1. Pastikan setiap halaman memiliki fungsi meta tag harus setiap halaman!!! Di CMS harus ada field meta tag di setiap halaman, mulai dari Home, halaman.
Tahap Demi Tahap Mengelola Website Unit Kerja Anda
Panduan Pembuatan WordPress
LABKOM SMA NEGERI 34 JAKARTA April 2013
REVIEW... Lengkapi dengan “Company Profile”
APLIKASI KOMPUTER “WEBSITE”
Herera International School Website Oleh : Abiyyu Dzaky K Lisa Mulyani Sevthia Nugraha Kelas TT 5A.
Digital Academic Writing
Penggunaan Browser Oleh: Burhanudin.
[Judul Poster] Lorem ipsum dolor sit amet, consectetuer adipiscing elit maecenas porttitor congue massa fusce [Ganti nama dan jabatan dengan nama dan jabatan.
INFOBIDAN Registrasi & Pendaftaran
INFOBIDAN Referensi & Pengaturan
Transcript presentasi:

Briefing Web Desain SUDAH JADI Slicing HTML+CSS dan RWD (Responsive Web Design) SUDAH JADI, baru 3 Web Page. Tugas : Membuat 9 Web Page

WEBPAGE 01 Sudah di Slicing

WEBPAGE 02 Sudah di Slicing

WEBPAGE 03 Sudah di Slicing

TUGAS 01 Masukkan Sitemap (Menu) yang ada di EXEL ke MENU di HEADER, karena menunya ada yang panjang dan sampai sub menu. Tolong diatur lagi script HTML+CSS nya agar bagus. Di Halaman Beranda di tab “SOROTAN MEDIA”, bisa dirubah sedikit memanjang ke bawah dan tidak ada gambar. Jadi hanya Tanggal + Judul + Deskripsi saja, tidak ada gambar. Sehingga desainnya tidak ke samping.

WD PAGE 1 KOLOM TUGAS 02 Header Footer Title Page Breadcrumb Menu Content Page (Artikel, Isi dengan Lorem Ipsum) Share FB, Twitter, Google Plus, Print, Eport to PDF Related Content/Baca Juga/ Artikel yang mungkin anda sukai Footer

WD PAGE 1 KOLOM: PEJABAT TUGAS 03 Header Foto Pejabat Nama Pejabat Breadcrumb Menu DAFTAR PEJABAT Ditjen SDPPI UPT Ditjen SDPPI >> BPPT >> UPT Title Page Foto Pejabat Nama Pejabat Jabatan Deskripsi Bisa di klik ke Detil Foto Pejabat Nama Pejabat Jabatan Deskripsi Foto Pejabat Nama Pejabat Jabatan Deskripsi Foto Pejabat Nama Pejabat Jabatan Deskripsi Footer

WD PAGE 1 KOLOM:DETIL PEJABAT TUGAS 04 Header Breadcrumb Menu DAFTAR PEJABAT Ditjen SDPPI UPT Ditjen SDPPI >> BPPT >> UPT Title Page Foto Pejabat (Kalau bisa yang berkegiatan) Info Detil Pejabat Footer

REFERENSI DETIL PEJABAT

WD PAGE 2 KOLOM TUGAS 05 Header Footer Title Page Breadcrumb Menu Content Page (Artikel, Buat Lorem Ipsum) INFOGRAFIS BERITA TERBARU Share FB, Twitter, Google Plus, Print, Eport to PDF Blank Related Content/Baca Juga/ Artikel yang mungkin anda sukai Footer

<< Prev 1 2 3 Next >> WD PAGE UPT TUGAS 06 Header Breadcrumb Menu Title Page Icon Profile [1] Icon Struktur Organisasi [2] Ketika di klik Pop Up No Image UPT Nama UPT Alamat No. Telepon/Fax [1] [2] << Prev 1 2 3 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer http://postel.go.id/artikel-monitoring-spektrum-frekuensi-radio-kantor-upt-monitoring-spektrum-radio-11-63

<< Prev 1 2 3 Next >> WD PAGE ARTIKEL TUGAS 07 Header Breadcrumb Menu Title Page Cover Judul Artikel DD-MM-YYYY | Author/Sumber Deskripsi Artikel Cover Judul Artikel DD-MM-YYYY | Author/Sumber Deskripsi Artikel Cover Judul Artikel DD-MM-YYYY | Author/Sumber Deskripsi Artikel << Prev 1 2 3 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer

<< Prev 1 2 3 Next >> WD PAGE GALLERY TUGAS 08 Header Breadcrumb Menu Title Page Cover Cover Cover Cover DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto Cover Cover Cover Cover DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto DD-MM-YYYY Judul Foto << Prev 1 2 3 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer

<< Prev 1 2 3 Next >> WD PAGE GALLERY DETAIL TUGAS 09 Header Breadcrumb Menu Title Page Cover Deskripsi Foto Cover Cover Cover Cover Artikel Gallery << Prev 1 2 3 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer