UAS (Pemrograman Web Statis) Oleh : N.I.M : 12141378 Nama : Reza Bayu Permana Prodi : Teknik Informatika Mata Kuliah : Pemrograman Web Statis SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN ILMU KOMPUTER EL-RAHMA YOGYKARTA 2015
1. Berikut beberapa contoh elemen semantik baru pada HTML5: header header biasanya berada di atas web. logo,slogan,navigasi,atau form pencarian <header>...</header> nav element nav, digunakan untuk membuat menu link navigasi <nav>...</nav> section Digunakan untuk menunjukan bagian yang beda pada sebuah halaman web anda. section bisa digunakan lebih dari satu, sesuai kebutuhan. misal section pada artikel, section pada menu samping (a side). <section>...</section> article Digunakan untuk konten artikel, berita atau opini. <article>...</article> hgroup Digunakan pada artikel, untuk pengelompokan tag heading yang lebih dari satu. <hgroup>...</hgroup> Aside Dirancang berada pada element artikel, biasa digunakan untuk menampilkan berita terkait, kutipan atau gambar terkait. <aside>...</aside> Figcaption figcaption untuk menampilkan keterangan gambar. <figcaption>...</figcaption> Figure Dirancang untuk menampilkan data personal <figure>...</figure> footer Digunakan untuk navigasi link tambahan kedua, atau untuk legal /copyright suatu halaman website. <footer>...</footer> Untuk pengaturan paragraf, memiliki 4 nilai atribut align (left, right, center, justify). <section> <p align= center >artikel</p> </section> Markup teks <b></b>atau<strong></strong>:cetak tebal <i></i>atau<em></em>:cetak miring <u></u>:garis bawah Metode External Style Sheets <link rel= stylesheet type= text/css href= belajar.css >
Property adalah sifat-sifat yang ingin diterapkan pada selector, seperti warna text, warna background, jarak antar elemen, garis pinggir dan lain sebagainya. 1. Universal Selector adalah sebuah pola (pattern) yang digunakan untuk mencari suatu tag di dalam HTML. 2. Element Type Selector atau Tag Selector adalah istilah untuk selector yang nilainya adalah tag HTML itu sendiri.
3. Class Selector. Class Selector akan mencari seluruh tag yang memiliki atribut class dengan nilai yang sesuai. 4. ID Selector Penggunaannya mirip dengan class selector. Didalam CSS Membuat Efek Bayangan Pada Teks text-shadow: h-shadow v-shadow blur color;
Contoh : Dapat juga ditulis menjadi 1 baris : Menambah efek melengkung :
Menambah efek bayangan : Membuat warna gradient Rumus umum : background: linear-gradient(direction, color-stop1, color-stop2,...); contoh diagonal Membuat bingkai dari gambar Rumus Sintak : border-image: source slice width outset repeat;
Menentukan jumlah kolom Menentukan jarak antar kolom Mengatur garis antar kolom
Membuat Formulir Untuk membuat formulir, diawali dengan menggunakan tag <form> Terdapat attribut : method (get / post) action : submit url enctype="multipart/form-data" Pengelompokan Formulir Untuk pengelompokan formulir, dengan menggunakan tag <fieldset> Contoh :
Membuat Input Data label for berhubungan dengan id pada tag input, berfungsi membuat autofocus saat label di klik placeholder digunakan untuk memberikan keterangan input data Membuat Input Datalist Secara otomatis akan membuat autosuggest sesuai dengan karakter yang diinputkan Masukkan kode script jquery dibawah tag <head> <script type="text/javascript" src="jquery-1.3.min.js"></script> Percobaan..:
Contoh Untuk Memasukkan Video ke HTML Membuat Template Canvas Hambatan : Hambatan saya dalam mempelajari materi web statis adalah waktunya kurang banyak untuk materi dikelas, karena terlalu singkat bagi saya, kadang berfikir lho, udah selesai to pelajarannya. cepet. Karena saya suka dengan website.. di kemudian hari saya ingin berbisnis dengan website.. semangat-semangat :D
2. Web Marketplace A. http://www.templamatic.com/sell-templates#.vlh8-swpp2a Mendapat 90% Komisi untuk marketplace 10% jika pembuat terjual di marketplace, jika website/template terjual karena affiliasi maka pembuat mendapat 50% karena (40% dan 10% untuk marketplace, 1 jam persetujuan Item Anda akan disetujui dalam waktu satu jam setelah mengirimkan. B. https://www.mojomarketplace.com/sellers Komisi untuk website bisa mencapai 50%-70% tergantung website/template. C. http://www.mojo-themes.com/sell/ Komisi keuntungan pertama yaitu 50%, jika ingin meningkatkan presentace keuntungan, maka aktif menambahkan website/template tersebut D. https://wrapbootstrap.com/sell Mendapatkan 55-75% dari setiap penjualan Anda akan menerima 55-75% dari setiap penjualan untuk barang-barang yang dijual secara eksklusif pada WrapBootstrap. Jika Anda menjual konten yang sama di pasar lain atau di situs Anda sendiri maka Anda akan menerima 35% dari setiap penjualan. E. http://www.themesnap.com/marketplace/sell-products.html Memulai Komisi anda mendapat 55% - 75%, anda bisa mencapai 75% di themesnap, jika di marketplace lain hanya mendapat 70%.. F. www.flippa.com Menawarkan Beberapa Opsi Untuk Keuntungan Pembuat Lelang mulai dari $ 19
3. Affiliasi A. http://www.templamatic.com/affiliate#.vlijcswpp2a Komisi untuk affiliasi 40%, Setelah Anda disebut pembeli Templamatic Anda mendapatkan komisi 40% dari semua pembelian template yg anda buat. Harap dicatat bahwa referal dibayar untuk afiliasi Pemesanan pengarah. B. http://themeforest.net/make_money/affiliate_program Ketika pengguna baru mengklik link referral Anda, sign up untuk account dan pembelian item (atau deposit uang) melalui salah satu pasar Envato situs, Anda akan menerima 30% dari deposit tunai pertama orang itu atau membeli harga. Jika mereka deposit $20 ke account mereka, Anda mendapatkan $6. Jika mereka membeli item $200, Anda mendapatkan $60. C. https://www.mojomarketplace.com/affiliates Komisi untuk affiliasi adalah 30% D. http://www.templatemonster.com/ E. https://www.elance.com/q/affiliates/ 4. Rencana saya lulus Kuliah adalah berbisnis website, menjual karya dan jasa pembuatan website. Berbisnis website sangat menguntungkan. Target konsumen adalah perusahaan kecil-besar. Di jaman sekarang jamannya internet. Maka dari itu perusahaan memerlukan websie untuk menambah pendapatan dari website tersebut. Dengan memulainya saya belajar di STIMIK EL-RAHMA Mudah-mudahan saya dapat bisa belajar, mencari wawasan, mencari ilmu. Semester 1 web statis. Ingin belajar lebih dari materi semester 1. Semua itu tidak bisa lepas dari usaha kita, niat kita untuk bisa, bisa dan bisa, belajar, belajar dan belajar. Kendalanya: Belum mahir menguasai website. Belum ada partner untuk memulai usaha tersebut. Meskipun ada partner biasanya terkendala waktu dan keinginan berbeda dari partner. Solusinya: Memerlukan waktu lebih untuk memperdalam website. belajar dan latihan untuk dapat mahir menguasai website sehingga nantinya bisa diterapkan di dunia kerja.