1 NAMA : AHMAD EDI PURWANTO NIM : MAKUL : TUGAS UAS WEB STATIS 1. Pengenalan Html Sebelum kita bahas lebih detail tentang CSS dan berbagai hal yang be...
NAMA : AHMAD EDI PURWANTO NIM :12111027 MAKUL : TUGAS UAS WEB STATIS 1. Pengenalan Html Sebelum kita bahas lebih detail tentang CSS dan berbagai hal yang berkaitan dengan style tersebut,maka ada baiknya jika kita sedikit belajar lagi tentang bahasa dasar dalam pembuatan dokumen web yang dapat dibuat menggunakan CSS yaitu HTML. HTML atau Hypertext Markup Language adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser dari berbagai platform komputer manapun. Adapun aturan penulisan adalah sebagai berikut: a. Dalam penulisannya dikasih tanda kurung buka [< ] dan kurung tutupnya[ >] ,misalnya ,dan ..dll. b. Tagnya secara normal slalu berpasangan ,misalnya: <html></html>,<head></head> dll. c. Tag awal slalu berpasangan .misalnya <p> nanti diakhiri dengan</p> juga ,dan seterusnya sama. Dalam HTML struktur dibagi menjadi dua bagian yaitu : a. Bagian Kepala (head) Bagian ini memuat informasi mengenai kepala dokumen. b. Bagian Badan (body) Bagian ini memuat informasi mengenai badan dokumen. Contoh penulisannya ada dibawah ini. <html> <head> <!—- Bagian Head --!> </head> <body> <!—- Bagian Body --!> </body> </html> Untuk menjalankan program diatas maka kita harus mengistall program notepad<br />
<br />
Gambar diatas menunjukkan saat kita penyimpan kode program yang telah ditulis dinotepad dan cara menyimpannya dengan ektensi .html ,supaya browser bisa menjalankan perintah yang kita inginkan<br />
<br />
Setelah itu tampilan hasil dokumen html dari script yang telah dibuat tersebut dapat anda lihat menggunakan web browser seperti Internet Explorer,Google chrome, Mozilla Firefox, Opera dan lain lain 2. Dokumen Head Dalam bagian head ini kita dapat meletakkan beberapa tag diantara <head> dan </head> yaitu : a. Judul Merupakan tag yang mendeklarasikan judul dari suatu dokumen HTML. Struktur tag untuk judul ini adalah : <title>...judul... b. URL Merupakan tag yang menyatakan URL asal suatu dokumen HTML. Struktur tag untuk url asal adalah : c. Link Merupakan tag untuk menghubungankan antara suatu dokumen dengan dokumen lainnya dalam web yang dibuat. Struktur tag untuk menghubungkan dokumen adalah : d. Meta Merupakan tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML. Struktur tag untuk meta informasi adalah : <meta name=”...” content=”...”> e. Index Merupakan tag yang menyatakan bahwa dokumen tersebut diperkenankan di indeks oleh server web. Struktur tag untuk isi index adalah : f. Style Merupakan tag yang mendefinisikan style dari dokumen HTML. Struktur tag untuk mendefinisikan style adalah : <style ahref=”...”> Contoh penggunaan dalam HTML : Belajar HTML ... dokumen html ...
3. Atribut Body Bagian body dalam HTML adalah bagian dimana dokumen web akan terlihat dalam browser. Dalam bagian ini dapat berisi atribut-atribut, aturan dan isi dari dokumen web yang akan ditampilkan. Penulisan atribut body ini biasanya dituliskan sesudah tag “” dan sebelum “>” maupun sesudah tag dan sebelum tag . Dalam bagian body tersebut terdapat beberapa atribut yang bisa digunakan. Beberapa atribut tersebut adalah : a. Warna Latar Atribut tag untuk mendefinisikan warna latar untuk isi di dalam dokumen web dengan menuliskan “bgcolor=nilai warna”. Contoh : dll. b. Warna Teks Atribut tag untuk mendefinisikan warna teks untuk isi di dalam dokumen web dengan menuliskan “text=nilai warna”. Contoh : c. Warna Link Jika anda memiliki sebuah tombol untuk menghubungkan (link / hyperlink) dalam dokumen web yang anda buat dengan dokumen web lainnya, anda dapat mendefinisikan warna dari tombol link tersebut ketika kita klik dengan menggunakan tag contoh : Contoh yang ada dibawah ini: Dokumen Body Teks berwarna lime klik 1klik 2 Dalam browser script diatas akan terlihat dua tombol yaitu klik1 dan klik 2 dan ketika kita klik tombol tersebut maka akan berubah menjadi warna yang ada dikode htmlnya . 4. Format Teks Dalam dokumen HTML, teks mempunyai bentuk dalam pemformatan dalam dokumen tersebut. Berikut ini adalah beberapa tag beserta fungsinya untuk melakukan pengaturan dan format tampilan teks dalam dokumen HTML. a. Font Dalam setting format teks, tag font disini memiliki beberapa macam nilai, diantaranya adalah :
“face” atau jenis font “size” atau ukuran font “color” atau warna font “style” atau style font
Contoh penulisan syntaknya adalah : teks dokumen b. Paragraf Digunakan untuk membuat teks dokumen yang berbentuk paragraf. Syntaknya adalah :
teks dalam paragraf
c. Perataan Digunakan untuk mengatur perataan teks dalam sebuah paragraph dalam dokumen web yang dibuat, syntaknya adalah : teks Nilai dari perataan adalah :
Rata kanan = right Rata kiri = left Rata tengah = center Rata kanan-kiri = justify
d. Preformatted Text Digunakan untuk mengembalikan format teks ke posisi awal atau posisi default pertama kali sebelum diformat. Syntaks penulisan preformatted teks adalah : <pre>... e. Line break Line break adalah pemenggalan atau pemutusan kalimat dengan menggunakan garis dengan perintah . Adapun property adalah “align” untuk perataan garis, “size” untuk ukuran dari garis, dan “color” untuk warna garis seperti pada contoh berikut : format teks
format teks
format teks1 format teks2
Kendalanya saat kita menghafalin cara kerja masing-masing scrip htmlnya sering kali salah dalam penulisanya misalnya lupa tanda buka dan tutup ,sehingga menyebabkan saat kita akan menjalankan program tersebut ,bukanya jalan malah tampilanya diluar apa yang kita inginkan ,jadinya harus lebih teliti lagi saat mulai dari awal program hingga selesai Selain itu penggunaan css juga jangan membantu saat kita mengiginkan tampilan program yang menarik ,sehingga mempercepat pengerjaan yang akan kita buat selanjutnya.maksih semoga bermanfaat ilmu yang bapak berikan. 2. WEB MARKETPLACE UNTUK MENJUAL MACAM-MACAM TEMPLATE 1.ThemeForest.net Untuk situs diatas saat kita menjual tema/template maka keuntungan yang bisa kita peroleh dari situs tersebut kisaran 30%-40%. 2.Bootstrapmade.com Untuk situs diatas kita mendapatkan 50 %. ,komisi sama rata dari tiap kali transaksi penjualan. 3.Envanto.com Situs diatAs memberikan komisi kisaran 30 % dari harga jual. 4.Desainweb.com Situs diatas membeerikan komisi 20 % dari tema yang dijual
3.WEB MARKETPLACE YANG MEMBUKA KERJASAMA: 1.AMAZON.COM Adalah salah satu situs bisnis online yang terbesar dan menjual berbagai produk,contohnya yang paling terkenal adalah menjual berbagi macam buku supaya memudahkan pada pengunjung untuk membeli buku yang tersedia didalam web marketpalce tersebut ,antara lain ratiang dan review mengenai buku yang akan kita beli hanya tinggal klik pada buku yang kita inginkan,selanjutkan ikuti pedoman yang ada dalam transaksi tersebut. mesin pencari memudahkan mencari buku yang kita inginkan.
Seandainya ingin mendapatkan keuntungan kita harus bergabung menjadi asosiasinya dan mengambil salah satu scrip ikaln dari produk tersebut,dan apabila pengunjung mengklik gambar yang ada disalah satu diblog kita dan terjadi transaksi ,maka kita akanmendapatkan komisi dari amazon.com
2.CLICKBANK.COM Adalah sebuah situs afinasi yang menjual pemasaran online yang merupakan gabungan dari puluhan ribu vendor atau penjual produk digital yang sangat luas yang sudah terdaftar didalamnya,jumlah barang yang diluar ini sangatlah banyak,mulai dari video,musik,software dll.
3.BERNIAGA.COM Situs ini sama cara kerjanya dengan macam-macam situs afiansi lainya sidalanya misalnya kita ingin menjual berbagi macam produk pastilah ada dan kita tinggal mengklik menu yang sesuai dengan apa yang ingin kita jual.misalnya kendaraan,alat-alat olahrga,rumah,dll ,yang paling menarik dari situs ini adalah cara penggunaan yang mudah dan banyak dikunjungi para pencari barang yang sering diiklanin dimedia sosial 4.PERENCANAAN MENJADI WIRAUSAHA Saat pertama kali kuliah besar harapan mengambil mata kuliah teknik informatika ,selain menantang dalam menjalaninya tapi saya memiliki kemantapan dalam menekuni bidang komputer ini,disaat jurusan lain kurang peminatnya tapi dunia komputer seakan akan mampu membuat hidup seseorang menjadi bangga ,saat orang lain hanya bisa maenjalankan program disisi lain kita sudah dapat membuat program web yang lumayan bagus ,dan orang awan belum tentu bisa membuat disitu pasti ada peluang buat kita untuk mendapatkan uang ,misalnya ada seseorang yang ingin belajar web dasar dan kita membuka kursus buat mereka yang ingin mempelajri web ,maka kita akan
mendapatkan imbal balik dalam hal proses kursus ,ilmu bagaikan air laut yang tak pernah habis ,maikn kedalam kita mempelajarinya maka ilmu tersebut akan slalu bermanfaat bagi kita dan orang lain Ditempat saya masih bisa dihitung berapa banyak kursus web yang berdiri ,padahal banyak yang ingin mempejarinya ,ya semoga dengan apa yang saya dapat saat ini suatu saat bisa digunakan dengan sebaik mungkin dan bermanfaat orang lain .aminnn 1.kendalanya Semasa sma belum pernah dapat pelajaran mengenai web jadi pertama kelihatan bigung ,tapi lama-setelah berusaha mempelajari ,menyenangkan juga butuh waktu buat belajar coding biar cepet hafal antara satu pembahasan dengan pembahasan selanjutnya,kalau saat kuliah ngak bisa hadir karena kerjaan yang ditunduk lembur ,bisa ngk bisa belajar dirumah 2.solusinya harus lebih kerja keras lagi untuk menggapai impian yang akan kita raih berdoa sebelum memulai usaha atau belajar mengenai web dengan temen yang sudah paham lebih banyak bertanya kalau kita mendapatkan kendala saat proses belajar .
Sumber : 1. www.probux.mywapblog.com 2. www.lecturer.eepis-its.edu.com
