Jumat, 31 Agustus 2018

praktikum 9

hello guys kembali lagi dengan saya di blog saya disini akan lanjutkan pembelajatan
PENGERTIAN CSS

Cascading Style Sheet atau lebih sering disebut CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya(style) tampilan website. 
Dengan CSS, kita dapat mengatur layout (tata letak), warna, font, garis, dan lain-lain.
CSS pertama kali diperkenalkan oleh Hakon Wiun Lie pada tahun 1994

MANFAAT CSS
  • Kode HTML menjadi lebih sederhana dan lebih mudah diatur
  • Ukuran file menjadi lebih kecil sehingga load file lebih cepat 
  • Mudah untuk mengubah tampilan,hanya dengan mengubah file css saja
  • Dapat berkolaborasi dengan javascript
  • Dapat digunakan dalam semua jenis web browser
 STRUKTUR CSS

1.Selector
Selektor adalah kata kunci untuk memilih elemen HTML yang akan kita atur.Contoh: Body,h1,h2,p,form.

2.Property
Contoh: color,font-family,font-spacing,dll

3.Value
Contoh:Red,arial,16,8px

menggunakan attribut font-size yang mempunyai fungsi untuk mengatur ukuran font yang akan digunakan,Dan saya juga menggunakan attribut text-shadow yang mempunyai fungsi untuk memberikan efek bayangan pada teks








 embedded yang artinya  codingan CSS nya berada di dalam head HTML.Untuk menngunakan nya menggunakan attribut <style type="text/css">








embedded.Di CSS slector class menggunakan tanda .(titik),contoh nya diatas ada selector class="username" di codingan CSS nya diawali tanda .(titik) Dan selector id menggunakan tanda #(hastag)











css


 CSS jenis external yang artinya file html dan file css nya terpisah.Namaun tetap bisa terhubung dengan menggunakan attribut <link rel="stylesheet" type="text/css" href="(namafilecssnya)" >













CSS
 menggunakan property letter-spacing 









CSS












Property yang digunakan : text-indent untuk membuat jorok ke dalam pada awal paragraf, text-align untuk mengatur tulisan agar rata kanan,kiri, atau sama rata, text-transform untuk mengatur/mengubah huruf agar besar/keci








PRAKTIKUM TUGAS DANAU TOBA

CSS













cukup sekian postingan kali ini,sampai berjumpa di postingan selanjutnya.Semoga postingan kali ini bermanfaat bagi kita semua.
Diposting oleh di Tidak ada komentar:

Rabu, 22 Agustus 2018

Menyajikan Komponen Entri Teks from - Praktikum 8

hello guys kembali lagi dengan saya di blog tercunta ini saya di sini akan membuat entri teks from dan membuat teks box

textbox

Text Area digunakkan untuk sebuah tulisan dengan area yang khusus dan text area ini ada beberapa tipe. Contoh Codingan dan Hasilnya :



 Nah, untuk membuat text area kita gunakan <textarea></textarea> kita juga mengatur colspan dan rowspan nya untuk mengatur lebar dari text area tersebut. Contoh berikutnya :






Nah diatas salah satu tipe dari text area yaitu read only(hanya bisa dibaca)




 Nah diatas juga salah satu tipe dari text area yaitu disabled artinya tulisan tidak dapat diubah dan tidak dapat disalin jadi hanya bisa dilihat saja

PASSWORLD

ANDA BISA MEMBUAT KODINGAN PASWORLD




nah di atas bisa dapat hidden ini untuk submit




UPLOAD

 penggunaan tipe input lainnya yaitu tipe file, fungsinya untuk mengupload file ke sebuah web dan ada attribute accept="" yang fungsinya yaitu untuk merincikan bahwa yang bisa di upload yaitu jenis file tertentu.


 codingan diatas contoh penggunaan tipe input lainnya yaitu tipe radio, Biasanya digunakan untuk memilih satu pilihan pada beberapa pilihan lainnya


tipe checkbox, jika yang sebelumnya hanya bisa memilih satu pilihan. Untuk yang sekarang user bisa memilih beberapa pilihan dan yang sudah dipilih biasanya ditandai dengan tanda ceklis


enggunaan tipe input lainnya yaitu tipe checkbox, jika yang sebelumnya hanya bisa memilih satu pilihan. Untuk yang sekarang user bisa memilih beberapa pilihan dan yang sudah dipilih biasanya ditandai dengan tanda centang.Select and Datalist


dari select dan datalist, keduanya mempunyai fungsi yang sama yaitu untuk memilih tulisan yang sebelumnya sudah disediakan. Perbedaanya yaitu jika select awal tampilannya yaitu pilihan pertama. Sedangkan datalist tampilan pertamanya yaitu kosong. Didalam kedua tag tersebut terdapat tag lain untuk pilihannya yaitu tag <option>. 
saya menggunakan tag tabel untuk mengatur supaya rapih

cukup sekian kodingan saya di pertemuan hari mohon maaf bila ada kesalahan mohon komen di kolom komentar

Diposting oleh di Tidak ada komentar:

Kamis, 16 Agustus 2018

audio dan video-pertemuan 7



hello guys kembali lagi dengan saya dengan postingan baru tutorial cara memasukan audo,video, dan file swf yah langsung saja ya biar ga berlama lama kita mulai

1.audio

kita dini bisa memasukan mp3 di dalam web cukup mudah yah guys 


2.audio auto play

disini kita melakukan pemutaran musik secara langsung dengan membuka halaman web kita bisa langsung membuka musik tersebut


Add caption




3,video

kita juga bisa memasukan video dengan format mp4 saya di sini memasukkan dengan cukup besar ukuran videonya 


4.video thumbnail

video thumbnail dimana video cover tersebut bisa di atur dengan sebuah ganbar yang kita inginkan dengan menambahkan atribuut poster=""
















5.file swf

saya disini menggunakan file swf americaracing kalian juga bisa cari yang lain di browser  



















6.web audio video

di sini kita bisa membuat web biodata idola kita sendiri 












cukup sekian postingan saya hari ini mohon maaf bila ada kesalahan karena saya masih belajar juga ya kan mohon koreksinya
Diposting oleh di Tidak ada komentar:

Selasa, 14 Agustus 2018

pertemuan 6

hello guys kembali lagi dengan saya alpa gustiana di blog tercinta ini kita akan bertemu lagi dengan pembahasan yang berbeda kita akan membuat tabel iklan atau banner ya guys ya sekarang aja langsung

1.topindex






2.bottonindex 



3.leftindex



4.layoutindex




5,mytabelindex





yah sekian pertemuan kita hari ini mohon maaf bila ada kesalahan karena saya baru sekarang menggunakan textbox

sekian terimakasih





Diposting oleh di Tidak ada komentar:

Kamis, 09 Agustus 2018

tabel

hello guys kembali lagi dengan saya saya di postingan kali ini akan membagikan tutorial membuat tabel dengan HTML dan menggunakan colpans dan rowspans yah sekarang mulai saja ya guys biar kalian tidak menunggu lama karena menunggu itu sakit ya guys

FUNGSI FUNGSI TAG TABEL DALAM HTML

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web terbagi pada beberapa kolom atau baris.
Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table :
<TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>
Terdiri dari atribut :
  • align – perataan : rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor – warna latar belakang (background) dari tabel.
  • border – ukuran lebar border tabel (dalam pixel).
  • width – ukuran tabel dalam pixel atau percent.

1.TABEL


 

2.PENGGUNAAN ALIGN

Atribut align pada tabel digunakan untuk mengatur bentuk perataan data pada tabel secara horizontal. Atribut align dapat digunakan di tag <table> yang akan menentukan posisi tabel atau di tag <tr>, <th> atau <td> yang akan menentukan posisi isi tabel (data) di dalam tabel secara horizontal.
Di tag <table>, nilai yang dapat diterapkan pada atribut align yaitu :
  1. Left untuk membuat posisi tabel di kiri (default).
  2. Right untuk membuat posisi tabel di kanan.
  3. Center untuk membuat posisi tabel di tengah.

4.TABEL NAMA DAN USIA 1

5.TABEL NAMA DAN USIA 2

6.TABELPERTEMUAN

saya sengaja mengcopy kodingan ga di screen shot karena tidak akan cukup maaaf kaena saya masih belajar juga 

<html>
<head>
<title>tabel Alpa Gustiana Xl RPL 3</title>
</head>
<body>
<table width="40%" border="1">
<tr>
<th bgcolor="pink" rowspan="2">NO</th>
<th bgcolor="blue" rowspan="2">NAMA </th>
<th bgcolor="green" colspan="5" >pertemuan</th>
</tr>
<tr bgcolor="cyan">
<td><center>1</center></td>
<td><center>2</center></td>
<td><center>3</center></td>
<td><center>4</center></td>
<td><center>5</center></td>
</tr>
<tr>
<th>1</th>
<th>neymar</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>s</th>
</tr>
<tr>
<th>2</th>
<th>cristiano</th>
<th>a</th>
<th>✓</th>
<th>i</th>
<th>s</th>
<th>✓</th>
</tr>
<tr>
<th>1</th>
<th>bale</th>
<th>a</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
</tr>
</table>
</body>
</html>

7.tabel rowspons

Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.

8.TABEL DENGAN COLPANS


9.TABEL BENUA

10.TABEL BENUA EROPA DAN ASIA

11.TABEL BUAH 

cukup sekian pertemuan kita di hariini semoga bermanfaat dan berguna bagi kalian semua mohon maaf bila ada salah salah kata atau kodingan
MASIH BELAJAR 







Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)

Laravel Controllers & Interacting with DB

ASSALAMU'ALAIKUM WR WB  Mari kita lanjutkan pembelajaran kita, langsung saja kita mulai MEMBUAT CONTROLLER  Buka CMD, masuk ke f...