|
|
November 26
2012
|
|
|
LANGKAH KERJA
PEMBUATAN TEMPLATE WEBSITE DENGAN MENGUNAKAN ADOBE PHOTOSHOP DAN DREAMWEVER
|
[Type the document subtitle]
|
|
BAB 1 PENDAHULUAN
1.1
PROFIL SD NEGERI MEKARSARI 2
1.2
STRUKTUR ORGANISASI
BAB 2 PEMBUATAN DESIGN WEB MENGGUNAKAN ADOBE PHOTOSHOP
2.1 MEMBUAT TEMPLATE
WEB
BAB I . PENDAHULUAN
1.1PROFILE SD NEGERI
MEKARSARI 2
•
Nama Sekolah :
SD N Merkarsari 2
•
N.S.S :
101440
•
N.S.S :
101020521041
•
Provinsi :
Jawa Barat
•
Otonomi :
Otonomi Daerah Kota Depok
•
Kecamatan :
Cimanggis
•
Desa :
Mekarsari
•
Jalan dan Nomer :
Jl Mekarsari No –
•
Kode Pos :
16352
•
Telpon :
021-8771773
•
Daerah :
Perkotaan
•
Status :
Negeri
•
Visi dan Misi :
-
•
Surat Keterangan :
Nomer 1798/psd/1982 Tgl 1982
•
Tahun Bangun :
1981
•
Tahun Perubahan :
2005-2006
•
Kegiatan Belajar Mengajar :
Pagi dan Siang
•
Bangunan Sekolah :
Milik Sendiri
•
Luas Tanah :
L 10m2 P 47m2
/1495 m2
•
Lokasi Sekolah : Komplek Jasindo
•
Jarak Ke Pusat Kecamatan : KM
1.5
•
Jarak Ke Pusat Otodaerah : KM 8.0
•
Perjalan Sekolah :
Tahun Anggaran 2005
1.2 STRUKTUR PEJABAT SEKOLAH
KEPALA
SEKOLAH : Hj. DWI MARTUTI, S.p.d
KOMITE :
AGUS SUTARNO
KELAS 1
A :
THERESIA. S
KELAS 1
B :
TRI HARYANI, S.Ag
KELAS 2
A :
S. HARAYU
KELAS 2
B :
SRI WAHYUNI, Ama.Pd
KELAS 3
A :
ARUM DIAH .P, SE
KELAS 3
B :
ESTER WAHYUNI, S.Pd
KELAS 4
A :
SUHAETI, S.Pd
KELAS 4
B :
S. STIANINGSIH, S.Pd
KELAS 5
A :
GODE FRIDUS. DL
KELAS 5
B :
SABAR, S.Ag
KELAS 6
A :
TITIN.S ,S.Pd
KELAS 6
B :
H. LANDA, S.Pd
AGAMA
ISLAM : N.
MAESAROH, S.Pd dan AMSORI ALI.S
KOMPUTER : AHMAD
YANI dan ELY JAMILAH, S.Pd
SENI
BUDAYA :
-
B.
INGGRIS :
NITA. R, S.Pd dan ELY JAMILAH, S.Pd
PERNJASKES :
ABDULRAHMAN
PENJAGA
SEKOLAH : A.
SASAN. AR
BAB 2. PEMBUATAN DESAIN WEB MENGGUNAKAN PHOTOSHOP
2.1 Membuat template web
A. MEMBUAT FILE BARU
1.
KLIK FILE → NEW
2.
TAMPILAN TASK PANE SEBAGAI BERIKUT
3.
KLIK FILE → NEW →MUNCUL NEW BOX → PILING PRESET
WEB DENGAN SIZENYA WIDTH 1024 HEIGHT 768 → KLIK OK
B. Membuka File template yang akan kita tiru
C. Langkah selanjutnya yang di lakukan adalah menganalisan
bagian yang terlebih dahulu di buat yaitu background colour.
D. Analisa bagian website yang mana yang terlebih dahulu
pembuatan bagian atas website (header)
SELANJUTNYA KLIK NEW LAYER
LALU DI BLOK MENGUNAKAN RACTANGULAR SQUREE TOOL
SELANJTNYA GUNAKAN MASKING UNTUK MENYAMARKAN WARNA DENGAN
AGRADIENT
E . MEMASUKAN LOGO SEKOLAH JIKA ADA ATAUMEMAKAI LOGO KOTA
DEPOK DAN MENGGUNAKAN LOGO TUT WURI HANDAYNI DAN
NAMA SEKOLAH MASING-MASING
Dengan mengedrag mouse logo kota depok ke layer yang ingin dibuat template website.
F. Analisa membuat bagian atas (header)
ini menggunakan rectangular tool
untuk membuat garis persegi seperti pada di gambara, dan juga menggunakan paint
bucket tool untuk mewarnai ..
Setalah di duplicate tar muncul task pane lalu klik ok. Dan
duplicate sampai 5 kali
Tar hasilnya seperti ini 
SELANJUTNYA LAYERS DI SATUKAN DENGANA MARGEN LAYERS ATAU
BISA MENGGUNA KAN SHORTCUT KEY ALT+E
LALU MEMBUAT GROUP BIARA KLIATAN AGA SEDIKIT RAPI
TEKAN CTRL LALU KLIK LAYER YANG INGIN DIMASUKI KE GROUP LALU
DRAG KE DALAM GROUUP
JIKA SEMUA DAH ADA MENU MAKA SEKARANG MEMBUAT GROUP MENU…
G. ANALISA MEMBUAT MENU LOGIN DAN MENU SEARCH
SELANJUTNY KOTAK ORAN AKAN DI KASIH EFFECT 3D
SELANJUTNYA DIKASIH TAMBAHIN TULISAN MEMBER LOGIN
SUDAH DI KASIH EFFECTS DAH DI KASIH TULISAN MEMBER LOGIN DAN
SEARCH
H . ANALISA CARAMEMBUAT BANNER
DENGAN MENCARI GAMBAR YANG SUDAH DIPERSIAPAKAN LALU DRAG
GAMPAR KE PROJEC DAH UBAH RESOLUSI GAMBARNYA.
I . ANALISA PEMBUATAN
BODY DAN LAIN –LAIN 
DENGAN MENGGUNAKAN EFFECET PATTEM OVERLAY
0 Responses so far.
Posting Komentar