1 Pertama Jalan kan Aplikasi Notepad
kalau sobat g tau Klik icon windows terus cari di windows accessoris atau cari search ketik Notepad
2 Kedua Cari Script Css lalu Salin dan tempelkan di Notepad
3 Ketiga klik File lalu klik save as
4 Ke Empat Ingat !!! Jangan sampai lupa tulis titik lalu css nah Proses disini juga kita bisa buat file html kalau sehabis titik kita tulis html karena kita buat file Css maka sehabis titik kita tulis Css, lihat Dibawah
a Di file Name ketik Contoh.Css
b Di Save as type ganti All Files dan
c Di Encoding Ganti UTF-8
Pengaturan Character Encoding Dokumen
Utf-8 adalah yang direkomendasikan oleh W3C
5 Klik save
Gimana Sobat Gampangkan ,btw File tersebut ga kan berfungsi kalau kita g buat lagi satu file Html yang akan memakai code Css
Contoh tulis Code nya seperti ini
<HTML>
<HEAD>
<TITLE>Contoh File Css</TITLE>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="Contoh.css">
</HEAD>
<BODY>
P: Mengapa jika kita anggap
<I>suatu pekerjaan</I> itu mudah maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B>?
<P> J: Karena itu merupakan <U>sugesti</U> terhadap <B>diri kita sendiri</B>
</BODY>
</HTML>
garis besar nya seperti ini
<LINK REL="STYLESHEET" TYPE="text/css" HREF="Contoh.css">
daripada pusing kita Praktek saja
siapkan folder baru untuk simpan file css dan html yang dikasih file css nya
pertama buat file Css ini code nya
I,U { color: Blue }
B { color : green
pastekan code nya di notepad terus klik save as Di file name ketik Contoh Pertama.css
Di Save as type ganti All Files dan
Di Encoding Ganti UTF-8
letakan file nya di folder baru
yang kedua buat file html yang akan dikasih file css
<HTML>
<HEAD>
<TITLE>Contoh File Css</TITLE>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="Contoh.css">
</HEAD>
<BODY>
P: Mengapa jika kita anggap
<I>suatu pekerjaan</I> itu mudah maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B>?
<P> J: Karena itu merupakan <U>sugesti</U> terhadap <B>diri kita sendiri</B>
</BODY>
</HTML>
disini yang diganti save as nya tulis di file name Contoh Kedua Css.html
Di Save as type ganti All Files dan
Di Encoding Ganti UTF-8
lalu simpan di folder baru
Coba jalan kan file html yang diberi Code Css lihat Tag I,U Dan B kalau berwarna blue dan gren berarti BERHASIL Code Css nya
garis besar nya Tag I,U Dan B Tersebut yang Diberi Code Csss
Tag <i> Membuat teks miring
Tag <u> Membuat teks bergaris bawah
Tag <b> Membuat teks tebal
ok sobat sampai sini saja mudah-mudahan bisa dipahami
Alhamdulilah Catatan sederhana Membuat file Css Di Notepad telah selesai mohon maaf jika ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh
No comments:
Post a Comment