Membuat web

Langkah-langkah dalam membuat web

  1. Menentukkan konsep dari web yang ingin dibuat
  2. Install software yang dibutuhkan, Dreamweaver (untuk mengedit template) dan Adobe Photoshop (untuk mengedit foto atau gambar)
  3. Pilih dan download template yang diinginkan
  4. Setelah template sudah dipilih, kemudian buka dreamweaver
  5. Klik Dreamweaver Site
  6. Halaman 1 berisi nama, klik next ke halaman 2 dan klik next
  7. Pada halaman 3 pilih lokasi penyimpanan template tersebut dan klik next. Kemudian,  local network diganti dengan none dan klik finish 

 

Mengedit template

  1. Mengganti background

Setelah di buka dreamweaver, buka style.css. Kemudian, cari nama background dan ganti dengan nama background yang diinginkan. Copy gambar background yang diinginkan pada folder images yang ada di dalam folder template tersebut.

2.   Mengganti lambang atau logo

Lambang atau logo dapat dibuat sesuai dengan selera sendiri dengan menggunakan adobe photooshop. Untuk mengganti lambang atau logo dapat dilakukan seperti mengganti backgroud. Buka page-page yang ada pada web di dreamweaver, Kemudian, cari nama lambang atau logo dan ganti dengan nama lambang atau logo yang diinginkan. Copy dan paste gambar lambang atau logo yang diinginkan pada folder images yang ada di dalam folder template tersebut.

3.   Link social network

Facebook dan twitter merupakan social netwoork yang digunakan pada web ini. Pada buka page-page yang pada web di dreamweaver, ganti link facebook dan twitter sesuai dengan yang diinginkan.

4.   Mengganti tulisan about

Buka page about klik design,  ganti tulisan yang ada pada template sesuai dengan yang diinginkan. Cntrl + S, untuk menyimpan (save) perubahan pada template.

5.   Membuat artikel

Copy page artikel pada folder template, copy sesuai yang diinginkan dan rename. Secara otomatis, page artikel yang baru akan sesuai dengan artikel yang di copy. Fungsi membuat page artikel adalah untuk menampilkan artikel atau tulisan apabila di klik read more. Sama sepertinya tulian pada about, tulisan pada artikel dapat diganti di design di page-page artikel tersebut.

6.   Mengganti gambar

Klik gambar yang ingin diganti pada design, kemudian klik code. Ganti nama gambar sebelumnya dengan nama gambar yang baru dan copy paste gambar yang baru di folder images pada folder template.

7.    Link read more

Blok tulisan read more di design, kemudian ganti link tulisan tersebut sesuai dengan link yang diinginkan. Untuk mengganti link terletak di bagian bawah

8.    Membuat gallery

  • Buat folder yang berisi gambar-gambar yang ingin dijadikan gallery
  • Buka adobe photoshop
  • Pilih file, klik automate, klik web photo gallery
  • Pada styles, pilih tampilan gallery yang diinginkan
  • Cari folder gambar yang ingin dibuat gallery pada browse
  • Klik destination untuk menyimpan gallery tersebut
  • Klik OK

Tampilan web yang telah dibuat

  •  Home

  • About

  • Artikel

  • Artikel1

  • Gallery

 


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s