![]() |
Home | Tutorials | Fonts | Gallery | Contact | ilmugrafis Store |
Mengatur Background Website Agar Sesuai Resolusi LayarPublish: 13 Juli 2014 | Author & Copyright: Johan | Status: Dreamweaver CSS Background adalah hal yang dapat mempercantik desain dari website. Namun kadangkala kita kesulitan menentukan berapa resolusi background yang tepat atau pas untuk background website tersebut mengingat saat ini ukuran resolusi monitor yang sudah bermacam - macam dan ditambah lagi resolusi layar versi mobile dari smartphone dan tablet. Sebagai seorang web designer maka kita harus bisa mengakalinya dengan CSS (Cascading Style Sheet) yaitu merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga website akan lebih terstruktur dan seragam. Bagaimana menyesuaikan Gambar Latar belakang yang berukuran 1400 x 900 pixel agar sesuai dengan berbagai jenis monitor, ok langsung saja berikut scriptnya. Script ini letaknya di antara tag <head> ... </head>
Penjelasan : Ok, setelah saya memberikan teorinya, mari kita praktikkan di dreamweaver 1. Buka program dreamweaver, lalu buat halaman html baru. 2. Setelah itu copykan script di atas di antara tag <head> ... </head> 2. simpan file html tersebut ke dalam sebuah folder, berikan nama file terserah anda. Misal di Folder bernama : Websiteku. 3. ok, sekarang buat folder baru (New Folder) 'images' sebagai tempat meletakkan gambar background Anda 4. Cari image atau gambar yang akan dijadikan background website Anda. Rename gambar / image tersebut menjadi background.jpg lalu masukkan ke dalam direktori folder 'images' 5. Ok. sekarang kembali ke aplikasi Dreamweaver, kita lihat pada bagian preview maka background kita akan tampil. Untuk mengetesnya bisa doble klik file 'tutorial-css-background.html' untuk membuka di browser Anda. Nah sekarang anda bisa mengisi halaman website anda dengan konten apapun tanpa takut background dengan CSS tersebut tidak sesuai dengan resolusi halaman website. Karena dengan width 100% dan height 100% maka background website akan selalu mengikuti resolusi layar monitor yang ada. Agar lebih mudah lagi dalam mempelajarinya, maka Kami telah menyiapkan Download File Latihan dan Source Code dari tutorial Background CSS ini : Terima kasih - semoga bermanfaat
![]() Info dan Kontak Penulis Johan Felisitas Rekomendasi ilmugrafis
Supported by ilmugrafis indonesia |
![]() CORELDRAW CorelDRAW Dasar CorelDRAW Logo CorelDRAW Bebas CorelDRAW Tools PHOTOSHOP Photoshop Dasar Photoshop Teks Effect Photoshop Photo Efek Photoshop Alternatif Photoshop Plugins FREEWARE Gimp Inkscape FOTOGRAFI Lightroom VECTOR Adobe Illustrator ANIMASI Flash Swishmax 3D MODELING 3dsMAX AutoCAD Cinema 4D Blender VIDEO EDITING Adobe Premiere After Effect Pinnacle WEB DESIGN Dreamweaver jQuery PUBLISHING InDesign Ms. Paint ARTS News Artikel Gallery Jasa Desain FRIENDS CiptaDsgn Photoshop Desain Link to us ![]() ![]() Aplikasi Android ilmugrafis ![]() Privacy policy |
Peta Situs | Term of Use | web edukasi - ilmugrafis.com Indonesia |
Copyright © 2020 ilmuGrafis. All Rights Reserved. | RSS | Subscribe Hak Cipta Dilindungi Undang - Undang & Dmca |