SlideShare uma empresa Scribd logo
1 de 10
Membuat Desain Halaman Depan Website !!

Sobat ! kita akan membuat desain halaman depan website profil, dan yang akan kita desain adalah
perusahaan pariwisata yang ada di Bali, Nusa Dua(Bali Tourism Development Corporation). Langsung
saja ya..

       Buka Adobe Photoshop sobat , di sini saya memakai cs3 ..




       Lalu buka gird 960pixel, CTRL+O lalu pilih gambarnya sobat.
Setelaah itu kita buka filenya sobat.




Hapus creds dan guides yg ada di kolom layers (pojok kanan bawah)
Buat garis bantu seperti ini untuk membantu pekerjaan kita sobat. Caranya tarik garis dari
penggaris di bagian atas. Garis-garis inilah yang akan mempermudah pekerjaan kita sobat.




Buat kolom-kolom seperti ini untuk layoutnya sobat. Jika ingin langsung membuat desain
halaman webnya, layoutnya bisa kita buat di buku ataupun kertas, sebagai panduan kita
mendesain.
Seperti ini layout yang sudah selesai dibuat sobat.




Beri keterangan pada setiap kolom sobat.
Masukan logo dari perusahan tersebut sobat .




Setelah logo dimasukan. Kita buat kolom-kolom seperti ini, untuk contact us perusahaan.
Isi kolom-kolom tadi dengan informasi apa yang di butuhkan, misalnya latar belakang, visi &misi,
history, other office, dll.. tergantung apa yang di butuhkan perusahaan.




Masukan gambar yang di inginkan.
Atur posisi gambar pada kolom slider yang sudah di buat tadi sobat.




Lalu beri warna kolom untuk project, product dan artikel yang sudah kita buat tadi. Caranya klik
kolomnya lalu ganti warnanya (tnda panah), atau kita ingin memeberi efek gradient overlay atau
efek lainnya, sobat bisa mengaturnya di kolom layer ada tulisan fx.
Lalu masukan gambar dari perusahaan tersebut, dan beri keterangan gambar tersebut.




Setelah itu, ganti warna backgroundnya. Caranya klik tulisan fx. Ada Colour overlay dan masih
banyak efek-efek yang lainnya. Silahkan sobat bereksperimen sendiri yaa..
Setelah itu, isi menu dengan info yang di yang ingin di tampilkan oleh perusahaan tersebut.




Lalu isi footer dengan nama sobat atau perusahaan sobat (kalau sudah ada ya , hehe), karna
sobat yang membuat desainnya.
Dan inilah hasil desain yang di buat sobat.




Namun ini baru pada halaman depan website loh sobat. Untuk halaman berikutnya di tunggu ya
sobat.. ok ? hehe :D
Hmm, oyaaah sobat ini adalah postingan pertama yang saya buat sendiri. Soo, kalo banyak
kesalahan yaa di maklumin aja yaaa .. cs baru belajar nulis di blog , hehehe :D

Mais conteúdo relacionado

Mais procurados

Berikut ini merupakan cara untuk membuat brosur menggunakan photoshop
Berikut ini merupakan cara untuk membuat brosur menggunakan photoshopBerikut ini merupakan cara untuk membuat brosur menggunakan photoshop
Berikut ini merupakan cara untuk membuat brosur menggunakan photoshopVindo Vavageno
 
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Renra Sedoya
 
Ms power point, bab2 #ekoriswana
Ms power point, bab2 #ekoriswanaMs power point, bab2 #ekoriswana
Ms power point, bab2 #ekoriswanariswana MYNS
 
tutorial logo kick denim corel draw
tutorial logo kick denim corel drawtutorial logo kick denim corel draw
tutorial logo kick denim corel drawDewi Septiana
 
Artikel subhan
Artikel subhanArtikel subhan
Artikel subhanQil Qil
 
Desain logo wordpress code
Desain logo wordpress codeDesain logo wordpress code
Desain logo wordpress codeMuhamed Isel
 
Membuat Logo Clan Uchiha Di Illustrator
Membuat Logo Clan Uchiha Di IllustratorMembuat Logo Clan Uchiha Di Illustrator
Membuat Logo Clan Uchiha Di IllustratorRenra Sedoya
 

Mais procurados (12)

Berikut ini merupakan cara untuk membuat brosur menggunakan photoshop
Berikut ini merupakan cara untuk membuat brosur menggunakan photoshopBerikut ini merupakan cara untuk membuat brosur menggunakan photoshop
Berikut ini merupakan cara untuk membuat brosur menggunakan photoshop
 
BROSUR CorelDRAW
 BROSUR CorelDRAW  BROSUR CorelDRAW
BROSUR CorelDRAW
 
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
 
Ms power point, bab2 #ekoriswana
Ms power point, bab2 #ekoriswanaMs power point, bab2 #ekoriswana
Ms power point, bab2 #ekoriswana
 
tutorial logo kick denim corel draw
tutorial logo kick denim corel drawtutorial logo kick denim corel draw
tutorial logo kick denim corel draw
 
Slide corel draw 3
Slide corel draw 3Slide corel draw 3
Slide corel draw 3
 
Program aplikasi grafis
Program aplikasi grafisProgram aplikasi grafis
Program aplikasi grafis
 
Logo celluler
Logo cellulerLogo celluler
Logo celluler
 
Corel draw
Corel drawCorel draw
Corel draw
 
Artikel subhan
Artikel subhanArtikel subhan
Artikel subhan
 
Desain logo wordpress code
Desain logo wordpress codeDesain logo wordpress code
Desain logo wordpress code
 
Membuat Logo Clan Uchiha Di Illustrator
Membuat Logo Clan Uchiha Di IllustratorMembuat Logo Clan Uchiha Di Illustrator
Membuat Logo Clan Uchiha Di Illustrator
 

Semelhante a belajar desain halaman depan web profil

SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...
SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...
SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...PutriSari0697
 
Cara membuat desain kartu nama di photoshop
Cara membuat desain kartu nama di photoshopCara membuat desain kartu nama di photoshop
Cara membuat desain kartu nama di photoshopMarlina Marlina
 
Membuat Brush Sendiri Mengunakan Photoshop CS6
Membuat Brush Sendiri Mengunakan Photoshop CS6Membuat Brush Sendiri Mengunakan Photoshop CS6
Membuat Brush Sendiri Mengunakan Photoshop CS6Renra Sedoya
 
Cara Mengupload Pattern Di Adobe Photoshop
Cara Mengupload Pattern Di Adobe PhotoshopCara Mengupload Pattern Di Adobe Photoshop
Cara Mengupload Pattern Di Adobe PhotoshopRenra Sedoya
 
Laporan akhir lesson 10
Laporan akhir lesson 10Laporan akhir lesson 10
Laporan akhir lesson 10Arief Aja
 
Sim, jerry setiawan, prof. dr. hapzi ali, cma, blog dan database, universita...
Sim, jerry setiawan, prof. dr. hapzi ali, cma,  blog dan database, universita...Sim, jerry setiawan, prof. dr. hapzi ali, cma,  blog dan database, universita...
Sim, jerry setiawan, prof. dr. hapzi ali, cma, blog dan database, universita...Jerry Setiawan
 
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...Yasni Lavinia
 
Tutorial dreamweaver
Tutorial dreamweaverTutorial dreamweaver
Tutorial dreamweaverFitra Sani
 
Cara Menggunakan Power Point 2007
Cara Menggunakan Power Point 2007Cara Menggunakan Power Point 2007
Cara Menggunakan Power Point 2007MashiMaro53
 
Tugas KD 3 cara menggunakan hiperlink
Tugas KD 3 cara menggunakan hiperlinkTugas KD 3 cara menggunakan hiperlink
Tugas KD 3 cara menggunakan hiperlinkTRICKY TOMMY
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image buttonryandsaputri
 
Tutorial p ower point 2007
Tutorial p ower point 2007Tutorial p ower point 2007
Tutorial p ower point 2007Delass Manuver
 
Microsft office power point 2007 bab 1 dan 2
  Microsft office power point 2007 bab 1 dan 2  Microsft office power point 2007 bab 1 dan 2
Microsft office power point 2007 bab 1 dan 2Zahra Rizqi
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2ummuhanniamalia
 
TIK Kelas IX Bab I dan II
TIK Kelas IX Bab I dan II TIK Kelas IX Bab I dan II
TIK Kelas IX Bab I dan II dianama9
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2ummuhanniamalia
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2ekadarena
 
Bab 1 dan Bab 2
Bab 1 dan Bab 2Bab 1 dan Bab 2
Bab 1 dan Bab 2dianama9
 
Membuat Wood Icon Dengan Photoshop
Membuat Wood Icon Dengan PhotoshopMembuat Wood Icon Dengan Photoshop
Membuat Wood Icon Dengan PhotoshopRenra Sedoya
 

Semelhante a belajar desain halaman depan web profil (20)

SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...
SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...
SIM, Putri Sarining Katrisna, Prof. Dr. Hapzi Ali, MM, CMA, Opsi Membuat Blog...
 
Cara membuat desain kartu nama di photoshop
Cara membuat desain kartu nama di photoshopCara membuat desain kartu nama di photoshop
Cara membuat desain kartu nama di photoshop
 
Membuat Brush Sendiri Mengunakan Photoshop CS6
Membuat Brush Sendiri Mengunakan Photoshop CS6Membuat Brush Sendiri Mengunakan Photoshop CS6
Membuat Brush Sendiri Mengunakan Photoshop CS6
 
Cara Mengupload Pattern Di Adobe Photoshop
Cara Mengupload Pattern Di Adobe PhotoshopCara Mengupload Pattern Di Adobe Photoshop
Cara Mengupload Pattern Di Adobe Photoshop
 
Laporan akhir lesson 10
Laporan akhir lesson 10Laporan akhir lesson 10
Laporan akhir lesson 10
 
Sim, jerry setiawan, prof. dr. hapzi ali, cma, blog dan database, universita...
Sim, jerry setiawan, prof. dr. hapzi ali, cma,  blog dan database, universita...Sim, jerry setiawan, prof. dr. hapzi ali, cma,  blog dan database, universita...
Sim, jerry setiawan, prof. dr. hapzi ali, cma, blog dan database, universita...
 
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...
Sim yasni lavinia susanti 43216110071 prof. ir. h apzi ali.mm.cma mengelola d...
 
Tutorial dreamweaver
Tutorial dreamweaverTutorial dreamweaver
Tutorial dreamweaver
 
Cara Menggunakan Power Point 2007
Cara Menggunakan Power Point 2007Cara Menggunakan Power Point 2007
Cara Menggunakan Power Point 2007
 
Tugas KD 3 cara menggunakan hiperlink
Tugas KD 3 cara menggunakan hiperlinkTugas KD 3 cara menggunakan hiperlink
Tugas KD 3 cara menggunakan hiperlink
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image button
 
Tutorial p ower point 2007
Tutorial p ower point 2007Tutorial p ower point 2007
Tutorial p ower point 2007
 
Microsft office power point 2007 bab 1 dan 2
  Microsft office power point 2007 bab 1 dan 2  Microsft office power point 2007 bab 1 dan 2
Microsft office power point 2007 bab 1 dan 2
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2
 
TIK Kelas IX Bab I dan II
TIK Kelas IX Bab I dan II TIK Kelas IX Bab I dan II
TIK Kelas IX Bab I dan II
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2
 
Bab 1& Bab 2
Bab 1& Bab 2Bab 1& Bab 2
Bab 1& Bab 2
 
MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2MS power point 2007 BAB 1&2
MS power point 2007 BAB 1&2
 
Bab 1 dan Bab 2
Bab 1 dan Bab 2Bab 1 dan Bab 2
Bab 1 dan Bab 2
 
Membuat Wood Icon Dengan Photoshop
Membuat Wood Icon Dengan PhotoshopMembuat Wood Icon Dengan Photoshop
Membuat Wood Icon Dengan Photoshop
 

Último

Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5KIKI TRISNA MUKTI
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxsukmakarim1998
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKDEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKirwan461475
 
tugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarantugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarankeicapmaniez
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxIrfanAudah1
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptxHendryJulistiyanto
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfirwanabidin08
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxRezaWahyuni6
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...Kanaidi ken
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDNurainiNuraini25
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxmawan5982
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 

Último (20)

Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKDEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
 
tugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajarantugas karya ilmiah 1 universitas terbuka pembelajaran
tugas karya ilmiah 1 universitas terbuka pembelajaran
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptx
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 

belajar desain halaman depan web profil

  • 1. Membuat Desain Halaman Depan Website !! Sobat ! kita akan membuat desain halaman depan website profil, dan yang akan kita desain adalah perusahaan pariwisata yang ada di Bali, Nusa Dua(Bali Tourism Development Corporation). Langsung saja ya.. Buka Adobe Photoshop sobat , di sini saya memakai cs3 .. Lalu buka gird 960pixel, CTRL+O lalu pilih gambarnya sobat.
  • 2. Setelaah itu kita buka filenya sobat. Hapus creds dan guides yg ada di kolom layers (pojok kanan bawah)
  • 3. Buat garis bantu seperti ini untuk membantu pekerjaan kita sobat. Caranya tarik garis dari penggaris di bagian atas. Garis-garis inilah yang akan mempermudah pekerjaan kita sobat. Buat kolom-kolom seperti ini untuk layoutnya sobat. Jika ingin langsung membuat desain halaman webnya, layoutnya bisa kita buat di buku ataupun kertas, sebagai panduan kita mendesain.
  • 4. Seperti ini layout yang sudah selesai dibuat sobat. Beri keterangan pada setiap kolom sobat.
  • 5. Masukan logo dari perusahan tersebut sobat . Setelah logo dimasukan. Kita buat kolom-kolom seperti ini, untuk contact us perusahaan.
  • 6. Isi kolom-kolom tadi dengan informasi apa yang di butuhkan, misalnya latar belakang, visi &misi, history, other office, dll.. tergantung apa yang di butuhkan perusahaan. Masukan gambar yang di inginkan.
  • 7. Atur posisi gambar pada kolom slider yang sudah di buat tadi sobat. Lalu beri warna kolom untuk project, product dan artikel yang sudah kita buat tadi. Caranya klik kolomnya lalu ganti warnanya (tnda panah), atau kita ingin memeberi efek gradient overlay atau efek lainnya, sobat bisa mengaturnya di kolom layer ada tulisan fx.
  • 8. Lalu masukan gambar dari perusahaan tersebut, dan beri keterangan gambar tersebut. Setelah itu, ganti warna backgroundnya. Caranya klik tulisan fx. Ada Colour overlay dan masih banyak efek-efek yang lainnya. Silahkan sobat bereksperimen sendiri yaa..
  • 9. Setelah itu, isi menu dengan info yang di yang ingin di tampilkan oleh perusahaan tersebut. Lalu isi footer dengan nama sobat atau perusahaan sobat (kalau sudah ada ya , hehe), karna sobat yang membuat desainnya.
  • 10. Dan inilah hasil desain yang di buat sobat. Namun ini baru pada halaman depan website loh sobat. Untuk halaman berikutnya di tunggu ya sobat.. ok ? hehe :D Hmm, oyaaah sobat ini adalah postingan pertama yang saya buat sendiri. Soo, kalo banyak kesalahan yaa di maklumin aja yaaa .. cs baru belajar nulis di blog , hehehe :D