SUBLIME TEXT 3, Aplikasi Web Editor Terbaik

Assalamualaikum Wr. Wb,

Alhamdulillah, kali ini bisa posting artikel lagi. Dan pada postingan ini saya akan membagi sedikit pengalaman pribadi dalam membuat halaman website. Yang mana dalam membuat website tersebut pasti tidak pernah lepas dari aplikasi web editor sebagai pendukungnya.

 

Sublime Text 3 merupakan aplikasi Web Editor yang saya pakai sampai saat ini. Yang mana aplikasi ini sangat ringan dan tidak ribet dalam penggunaannya. Desain warna tulisan kodingnya yang sangat interaktif beserta variasi warna yang menarik. Selain itu warna teks kodingnya juga bisa diganti warna temanya. Jadi dengan teks koding yang enak untuk dilihat bisa membuat banyak pengguna betah dalam proses koding. Itulah beberapa alasan yang tepat untuk membangun sebuah web.

Continue reading

Pentingnya Belajar Web Desain

Assalamualaikum Wr. Wb,

Kembali lagi dengan saya, dan Alhamdulillah sekarang bisa posting artikel lagi. Pada postingan ini, saya ingin membahas tentang Web Desain. Yang mana Web Desain itu merupakan suatu ilmu atau pemahaman tentang desain bentuk halaman suatu website.

 

Web Desain itu termasuk penting, karena web desain itu merupakan tahap awal dalam membuat suatu website. Web desain itu meliputi style, warna, bentuk kerangka suatu website. Dengan tampilan yang baik juga, seorang pengguna website bisa merasa nyaman dan betah berada dalam web yang kita bangun.

Continue reading

CSS Text

Ada bebeberapa cara untuk mengatur text dengan CSS diantaranya text color, Text Alignment, Text Decoration, Text Transformation. Sebagian cara-cara tersebut untuk mengatur text akan saya jelaskan fungsi dan penggunaannya sebagai berikut.
a.Text Color

Fungsi Properti warna digunakan untuk mengatur warna teks. Dengan CSS, warna yang paling sering ditentukan diantaranya : Continue reading

HTML Forms

tag Form

Bentuk HTML digunakan untuk mengumpulkan input pengguna.
tag form mendefinisikan bentuk HTML:

<form>
.
form elements
.
</form>

Bentuk HTML mengandung Unsur Bentuk.

Elemen bentuk BERBAGAI JENIS masukan elemen, checkbox, radio Tombol, Tombol mengirimkan, Dan Banyak Lagi.

tag Input

tag Input adalah elemen bentuk yang paling penting.

Input memiliki banyak variasi, tergantung pada jenis atribut.

Berikut adalah jenis-jenis yang digunakan dalam bab ini:

jenis Keterangan
teks Mendefinisikan input teks biasa
radio Mendefinisikan masukan tombol radio (untuk memilih salah satu dari banyak pilihan)
mengirimkan Mendefinisikan sebuah tombol submit (untuk mengirimkan formulir)

-Text Input

input type = “text” mendefinisikan input satu baris untuk input teks:

<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form> 

Maka Hasil nya di browser seperti ini:

FORM-1

Catatan: Bentuk itu sendiri tidak terlihat. Juga mencatat bahwa lebar default kolom teks adalah 20 karakter.

-Radio Button Input
input type=”radio” Tombol radio membiarkan pengguna memilih SATU dari sejumlah pilihan , mendefinisikan tombol radio.:

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 

Maka hasilnya akan seperti ini:

FORM-2

-The Submit Button

input type=”submit” mendefinisikan tombol untuk mengirimkan formulir ke bentuk-handler.

Bentuk-handler biasanya halaman server dengan script untuk memproses input data.

Bentuk-handler yang ditentukan dalam aksi atribut form:

 <form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

Maka hasilnya akan seperti ini:
FORM-3

HTML Tables

HTML Table Headings
Tabel Headings didefinisikan dengan tag

<th> </th>

secara default,semua browser menampilkan judul tabel dengan bold dan center.
scriptnya seperti berikut:

<table border="1px" align="center">
    <tr>
        <th>No.</th>
        <th>Nama</th>
        <th>Devisi</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Dedy Setiawan</td>
        <td>Marketing</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Rizki</td>
        <td>Manager IT</td>
    </tr>
    <tr>
        <td>3</td>
        <td>Fadli</td>
        <td>Produksi</td>
    </tr>
</table>

maka hasilnya akan seperti ini:
Tables2

CSS Text

Ada bebeberapa cara untuk mengatur text dengan CSS diantaranya text color, Text Alignment, Text Decoration, Text Transformation. Sebagian cara-cara tersebut untuk mengatur text akan saya jelaskan fungsi dan penggunaannya sebagai berikut.
a.Text Color
Fungsi Properti warna digunakan untuk mengatur warna teks. Dengan CSS, warna yang paling sering ditentukan diantaranya : Continue reading

Struktur Penulisan CSS

Untuk memulai penulisan kode CSS, baiknya kita mengenal terlebih dahulu struktur penulisan css.
contoh:

h1{color:blue;}

Struktur Penulisan CSS terdiri dari :
Selector {Properties:Value;}

keterangan: h1 sebagai selector tag, color sebagai Properties, blue sebagai Value.

maka hasilnya akan seperti ini:

H1

Cara Penggunaan CSS

Terdapat tiga cara menggunakan CSS, pertama yaitu inline CSS, embedded CSS, external CSS.

a.Inline
Penulisan CSS secara inline seperti berikut:




    
    <title></title>


<p style="color: blue">www.webhozz.com</p>


fungsi style yang disisipkan adalah atribute css yang berada ditag

lalu color berfungsi sebagai properties untuk warna mengatur pada tulisan dan blue adalah nilai jika ingin menentukan warna biru.

maka hasilnya akan seperti ini:

Penggunaan CSS Selector