Briefing Web Desain SUDAH JADI

Presentasi berjudul: "Briefing Web Desain SUDAH JADI"— Transcript presentasi:

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

2 WEBPAGE 01 Sudah di Slicing

3 WEBPAGE 02 Sudah di Slicing

4 WEBPAGE 03 Sudah di Slicing

5 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.

6 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

7 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

8 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

9 REFERENSI DETIL PEJABAT

10 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

11 << 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 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer

12 << 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 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer

13 << 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 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer

14 << 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 Next >> Share FB, Twitter, Google Plus, Print, Eport to PDF Footer