AD (728x60)

Diberdayakan oleh Blogger.

Kamis, 25 Oktober 2018

Tugas web

Share & Comment
1.Jelaskan tentang web programmer web design dan web developer

2.Tuliskan tag html dasar dan css dasar beserta fungsinya min 10

3.Buatlah banner tentang pedaftaran sekolah (banner di upload di blog)


4.Tuliskan langkah-langkah memadang slider di web menggunakan jquery nivo slide

  JAWAB


1. Web Design
      Sesuai dengan namanya, web designer bertanggung jawab atas desain seluruh layout dari website yang akan dibangun. 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 Programmer
            Setelah website tersebut didesain dengan baik, selanjutnya 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 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.

  sumber:blog-pekku.com

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


3. contoh banner pendaftaran sekolah





4. Langkah-langkah memasang jquery nivo slider
    
1.Download Nivo Slidernya di sini 
2.Ekstrak File nya
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 di pasang

7.lalu copy juga yang di blok,ke bawah <div class="banner"> pada html kalian
8.Lalu copy lagi yang di blok,ke html kalian pada bagian bawah </body>
9.Pada bagian ini kalian cukup ikuti bagian di blok yang saya ss yaaa agar bisa berhasil slider nya
10.Selesai,Tinggal kalian ctrl+s lalu lihat hasilnya


















Tags:

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

2 komentar:

 

My photo

My galerie

TUGAS TUGAS TUGAS?

Copyright © Postman | Designed by Templateism.com