Dokumen ini memberikan instruksi langkah-langkah dasar untuk membuat desain halaman web menggunakan Photoshop dan Dreamweaver, meliputi membuat lembar kerja baru di Photoshop, mengatur pengaturan, memberi warna dengan gradient editor, memasukkan gambar dan teks, memotong bagian-bagian halaman, menyimpan ke format HTML, membuka file di Dreamweaver, membuat border dan tabel, menyisipkan menu dan isi konten, lalu menyimpan dan melihat tampilan

2. Langkah pertama yaitu kita masuk pada
aplikasi photoshop kemudian kita bwat
lembar kerja baru, masuk ke menu file -new.

3. Setelah tampil setting pengaturan lembar kerja, kita
setting lembar kerja itu sesuai kebutuhan yg di
inginkan.

4. Kemudian mulai mendesain
lembar kerja kita

5. Mewarnai lembar kerja kita

6. Warnai mewarnai lembar kerja menggunak
gradient editor

7. Gradient editor 2

8. Setelah selesai memberi warna di
gradien editor

9. Insert pictur

10. Insert pictur 2

11. Insert Tulisan

12. Pemotangan bagian hearder body dan
fother

13. Pemotangan bagian hearder body dan
fother

14. Setelah desain dan pemotongan selesai
save ke html

15. Save file

16. Setelah file tersimpan dengan
format html kemudian buka ke
dream weaver

17. Tampilan file di dream
weaver

18. Membuat border

19. Document title

20. Border left

21. Insert table

22. Insert menu di table

23. Border table

24. Background table

25. Background home

26. Background color

27. Link home

28. Link profil

29. Link contact

30. Insert isi menu utama/
home

31. Save as

32. Insert isi profil

33. Save as

34. Insert isi contact

35. Tampilan di web