1. Jelaskan tentang web programmer web design dan web developer!
2. Tuliskan 10 Tag HTML dan CSS beserta fungsinya!
3. Tuliskan Langkah-langkah memasang nivo slider!
4. Buatlah Banner pendaftaraan sekolah!
JAWAB:
1.=> WEB PROGRAMMER
Web Programmer bertanggung jawab untuk merealisasikan desain yang telah dibuat. Seorang web programmer akan membangun website melalui bahasa pemrograman seperti Ruby on Rails, PHP, .NET, Java dengan program Sublim, Editor PHP, Java Script, dan sebagainya. Apabila website yang tersebut selesai dirangkai oleh web programmer, maka pengunjung dapat mengaksesnya dengan baik.
=>WEB DESIGN
Seorang Web Desainer akan menentukan tampilan dan susunan layout website mulai dari gaya dan konsep desain yang diinginkan, penggunaan warna, jenis font, foto, elemen bidang geometri, pola, penempatan tombol, logo dan sebagainya. Tampilan dan susunan layout yang telah didesain oleh web desainer bertujuan untuk memberikan harmonisasi dan menciptakan user experience yang baik bagi pengunjung website nantinya. Untuk mendesainya, seorang web desainer akan membutuhkan program-program desain seperti Adobe Photoshop, Adobe Illustrator, 3DS Max, Flash Player, dan lain-lain.
=> WEB DEVELOPER
Bila seorang web programmer bertanggung jawab untuk merangkai website sesuai desain hingga dapat diakses oleh pengunjung, maka web developer bertanggung jawab untuk melakukan analisa terhadap website yang telah dibangun tersebut. Analisa yang dilakukan meliputi perkembangan website dengan seluruh elemen yang bersangkutan seperti pertumbuhan pasar saat ini, perubahan perilaku dan psikologis target audience yang dituju oleh website, kecanggihan teknologi terkini yang dapat diaplikasikan pada website tersebut, dan lain-lain. Tujuan dari analisa yang dilakukan web developer ini adalah agar website yang telah dibangun itu dapat terus diakses oleh pengunjung dan mengikuti perkembangan tren serta jaman.
2.=>Contoh tag dasar HTML
- <p>...</p> :untuk menandakan paragraf
- <br>...</br> :sebagai pembatas spasi ke bawah
- <head>...</head> :untuk menandakan kepala html
- <center>...</center> :untuk memindahkan suatu element ke tengah
- <b>...</b> :untuk membuat huruf bercetak tebal
- <i>...</i> :untuk membuat font bercetak miring atau italic
- <u>...</u> :untuk mencetak huruf garis bawah
- <body>...</body> :untuk meandakan badan html
- <marquee>...</marquee> :untuk membuat teks berjalan
- <title>...</title> :untuk menandakan judul html
2.=>Contoh tag dasar HTML
- <p>...</p> :untuk menandakan paragraf
- <br>...</br> :sebagai pembatas spasi ke bawah
- <head>...</head> :untuk menandakan kepala html
- <center>...</center> :untuk memindahkan suatu element ke tengah
- <b>...</b> :untuk membuat huruf bercetak tebal
- <i>...</i> :untuk membuat font bercetak miring atau italic
- <u>...</u> :untuk mencetak huruf garis bawah
- <body>...</body> :untuk meandakan badan html
- <marquee>...</marquee> :untuk membuat teks berjalan
- <title>...</title> :untuk menandakan judul html
=>Contoh Tag Dasar CSS
- float :untuk menandakan posisi suatu elemen
- border :untuk membuat border secara keseluruhan
- background-color :untuk mengubah warna background
- text-align :untuk mengganti posisi pada text
- margin :mengatur ruang dan jarak secara keseluruhan antar elemen
- padding :mengatur ruang antara elemen dan konten
- cursor :property ini digunaka untuk menentukan cursor yang akan dipakai pada browser.
- position :digunakan untuk menentukan dimana sebuah elemen ditempatkan
- color :digunakan untuk menentukan warna teks
- font-size :digunakan untuk mengatur ukuran huruf
- border :untuk membuat border secara keseluruhan
- background-color :untuk mengubah warna background
- text-align :untuk mengganti posisi pada text
- margin :mengatur ruang dan jarak secara keseluruhan antar elemen
- padding :mengatur ruang antara elemen dan konten
- cursor :property ini digunaka untuk menentukan cursor yang akan dipakai pada browser.
- position :digunakan untuk menentukan dimana sebuah elemen ditempatkan
- color :digunakan untuk menentukan warna teks
- font-size :digunakan untuk mengatur ukuran huruf
3.copy folder bernama jquery dan image ke folder tempat menyimpan web yang ingin di pasang slider.
4.buka file html codingan web anda yang ingin di pasangkan slider
5.buka folder jquery -> folder demo-> buka file html demo dengan sublime
6.Copy yang di blok ke sebelum </head> pada html kalian yg ingin dipasang
7. Lalu copy juga yang di blok ke bawah <div class="banner" pada html
8. Lalu copy lagi yang di blok ke html pada bagian bawah </body>
9. Pada bagian kali ini kalian cukup ikuti bagian di blok yang saya screenshoot saja supaya dapat berhasil nivo slidernya
10. Selesai, Tinggal kalian save/ctrl+s dan liat hasilnya
4. Banner Pendaftaran Sekolah
SEMOGA BERMANFAAT:)
Hallo,Nama saya Bagus, saya tinggal di Condet-JakTim, Hobi saya berolahraga.
No comments:
Post a Comment