UAS (Pemrograman Web Statis) Oleh : N.I.M : : Reza Bayu Permana : Teknik Informatika Mata Kuliah : Pemrograman Web Statis

UAS (Pemrograman Web Statis)

Oleh : N.I.M Nama Prodi Mata Kuliah

: : : :

12141378 Reza Bayu Permana Teknik Informatika 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

...

nav element nav, digunakan untuk membuat menu link navigasi 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>... article Digunakan untuk konten artikel, berita atau opini. <article>... hgroup Digunakan pada artikel, untuk pengelompokan tag heading yang lebih dari satu.

...

Aside Dirancang berada pada element artikel, biasa digunakan untuk menampilkan berita terkait, kutipan atau gambar terkait. Figcaption figcaption untuk menampilkan keterangan gambar. Figure Dirancang untuk menampilkan data personal

...

footer Digunakan untuk navigasi link tambahan kedua, atau untuk legal /copyright suatu halaman website. Untuk pengaturan paragraf, memiliki 4 nilai atribut align (left, right, center, justify). <section>

artikel

Markup teks atau<strong>:Cetak tebal atau<em>:Cetak miring :Garis bawah Metode External Style Sheets

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

Terdapat attribut : method (get / post) action : submit url enctype="multipart/form-data"

Pengelompokan Formulir Untuk pengelompokan formulir, dengan menggunakan tag

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 <script type="text/javascript" src="jquery-1.3.min.js"> 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.