Web sederhana
-
Upload
nursahid24 -
Category
Technology
-
view
203 -
download
0
Transcript of Web sederhana
![Page 1: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/1.jpg)
INTERAKSI MANUSIA DAN KAMPUTER
“MEMBUAT WEB SEDERHANA”
Oleh:
Kurniawan Putra 1111010187
Nur Sahid1111010200
![Page 2: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/2.jpg)
Langkah pertama yaitu kita masuk pada aplikasi photoshop kemudian kita bwat lembar kerja baru, masuk ke menu file -new.
![Page 3: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/3.jpg)
Setelah tampil setting pengaturan lembar kerja, kita setting lembar kerja itu sesuai kebutuhan yg di inginkan.
![Page 4: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/4.jpg)
Kemudian mulai mendesain lembar kerja kita
![Page 5: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/5.jpg)
Mewarnai lembar kerja kita
![Page 6: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/6.jpg)
Warnai mewarnai lembar kerja menggunak gradient editor
![Page 7: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/7.jpg)
Gradient editor 2
![Page 8: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/8.jpg)
Setelah selesai memberi warna di gradien editor
![Page 9: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/9.jpg)
Insert pictur
![Page 10: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/10.jpg)
Insert pictur 2
![Page 11: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/11.jpg)
Insert Tulisan
![Page 12: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/12.jpg)
Pemotangan bagian hearder body dan fother
![Page 13: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/13.jpg)
Pemotangan bagian hearder body dan fother
![Page 14: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/14.jpg)
Setelah desain dan pemotongan selesai save ke html
![Page 15: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/15.jpg)
Save file
![Page 16: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/16.jpg)
Setelah file tersimpan dengan format html kemudian buka ke dream weaver
![Page 17: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/17.jpg)
Tampilan file di dream weaver
![Page 18: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/18.jpg)
Membuat border
![Page 19: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/19.jpg)
Document title
![Page 20: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/20.jpg)
Border left
![Page 21: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/21.jpg)
Insert table
![Page 22: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/22.jpg)
Insert menu di table
![Page 23: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/23.jpg)
Border table
![Page 24: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/24.jpg)
Background table
![Page 25: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/25.jpg)
Background home
![Page 26: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/26.jpg)
Background color
![Page 27: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/27.jpg)
Link home
![Page 28: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/28.jpg)
Link profil
![Page 29: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/29.jpg)
Link contact
![Page 30: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/30.jpg)
Insert isi menu utama/ home
![Page 31: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/31.jpg)
Save as
![Page 32: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/32.jpg)
Insert isi profil
![Page 33: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/33.jpg)
Save as
![Page 34: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/34.jpg)
Insert isi contact
![Page 35: Web sederhana](https://reader034.fdokumen.com/reader034/viewer/2022050805/55cb6ad1bb61ebcb248b463b/html5/thumbnails/35.jpg)
Tampilan di web