Jumat, 23 September 2016

Pertemuan 3(Pemograman Website)

Cara Membuat Hyperlink

Latihan 3.1 Membuat Halaman Utama

-Pertama, Buka Notepad atau Notepad++
-Kedua,Ketik Script Berikut Ini dan save dengan format .html

Gambar 3.1 Tampilan Script Halaman Utama

-Ketiga, Buka Browser Anda dan buka file anda
-Hasilnya Akan Tampil Seperti Ini

Gambar 3.2 Tampilan Hasil Halaman Utama



Latihan 3.2 Membuat Halaman Website Visi-Misi

-Pertama, Buka Notepad atau Notepad++
-Kedua, Ketik Script Berikut Ini dan save dengan format .html

<html>
<head>
<title>STMIK Ichsan Gorontalo</title>
</head>
<body background="2.jpg" text="black">
<h1><p align="center">STMIK Ichsan Gorontalo</h1>
<ol type="I">
<li><b>Visi-Misi STMIK Ichsan Gorontalo</b>
<ul>
<li><b> Visi : </b><br>
menjadikan progrm studi unggul dalam bidang sistem informasi diindonesia bagian timur serta mampu menghasilkan lulusan yang jujur, bertanggung jawab, berkualitas dan bekerjasama
<br>
<li><b>Misi :</b><br>
<ol type="1">
<li>Menyelenggarakan pendidikan, penelitian dan pengabdian kepada masyarakat dalam bidang sistem informasi.
<li>Menciptakan pelayanan kegiatan akademik, administrasi dan kemahasiswaan yang efektif dan efisien dengan menggunakan teknologi informasi dan komputer.
<li>Menyenggalarakan kegiatan pengawasan, pengendalian, pembinaan kepada seluruh agar dapat beradaptasi dengan dunia kerja yang baik negeri maupun swasta
</ol>
</ul>
<li><b>Visi-Misi Program Studi</b>
<ol type="A">
<li><b>Komputer Akuntansi</b>
<ul>
<li><b>Visi</b><br>
Terwujudnya perguruan tinggi berkualitas , berkarakter dan berdaya saing nasional
<li><b>Misi</b>
<ol type="1">
<li>Mendidik dan mengembangkan sumber daya insani pada strata D3 K.A dengan dilandasi ilmu-ilmu berbasis teknologi dan akuntansi dengan pencapaian standar profesionalisme yang tinggi
<li>Menerapkan teknologi ilmu komputer  dan akuntansi untuk menghasilkan lulusan yang cerdas serta bermoral dan beretika
<li>Melakukan kegiatan yang bermanfaat bagi kesejahteraan masyarakat luas sebagai bentuk nyata kepedulian sekolah tinggi komputerisasi akuntansi
<li>Mengembangkan metode  dan gagasan inovatif dibanding komputerisasi akuntansi dalam penyelenggaraan pendidikan, penelitian  dan pengabdian masyarakat
<li>Menyelenggarakan pendidikan berbasis kompetensi  untuk menghasilkan lulusan unggul
</ol></ul>

<li><b>Sistem Informasi</b>
<ul>
<li><b>Visi</b><br>
Terwujudnya perguruan tinggi berkualitas , berkarakter dan berdaya saing nasional
<li><b>Misi</b>
<ol type="1">
<li>Mendidik dan mengembangkan sumber daya insani pada strata D3 K.A dengan dilandasi ilmu-ilmu berbasis teknologi dan akuntansi dengan pencapaian standar profesionalisme yang tinggi
<li>Menerapkan teknologi ilmu komputer  dan akuntansi untuk menghasilkan lulusan yang cerdas serta bermoral dan beretika
<li>Melakukan kegiatan yang bermanfaat bagi kesejahteraan masyarakat luas sebagai bentuk nyata kepedulian sekolah tinggi komputerisasi akuntansi
<li>Mengembangkan metode  dan gagasan inovatif dibanding komputerisasi akuntansi dalam penyelenggaraan pendidikan, penelitian  dan pengabdian masyarakat
<li>Menyelenggarakan pendidikan berbasis kompetensi  untuk menghasilkan lulusan unggul
</ol></ul>

<li><b>Manajemen Informatika</b>
<ul>
<li><b>Visi</b><br>
Terwujudnya perguruan tinggi berkualitas , berkarakter dan berdaya saing nasional
<li><b>Misi</b>
<ol type="1">
<li>Mendidik dan mengembangkan sumber daya insani pada strata D3 K.A dengan dilandasi ilmu-ilmu berbasis teknologi dan akuntansi dengan pencapaian standar profesionalisme yang tinggi
<li>Menerapkan teknologi ilmu komputer  dan akuntansi untuk menghasilkan lulusan yang cerdas serta bermoral dan beretika
<li>Melakukan kegiatan yang bermanfaat bagi kesejahteraan masyarakat luas sebagai bentuk nyata kepedulian sekolah tinggi komputerisasi akuntansi
<li>Mengembangkan metode  dan gagasan inovatif dibanding komputerisasi akuntansi dalam penyelenggaraan pendidikan, penelitian  dan pengabdian masyarakat
<li>Menyelenggarakan pendidikan berbasis kompetensi  untuk menghasilkan lulusan unggul
</ol></ul>
<h1><a href="utama.html">Kembali ke menu utama</h1>
</body>
</html>

-Ketiga, Buka Browser anda kemudian buka file anda
-Hasilnya Akan Tampil seperti ini
Gambar 3.3 Tampilan Hasil Latihan 3.2



Latihan 3.3 Membuat Halaman Website Matakuliah

-Pertama,Buka Notepad atau Notepad++
-Kedua, Ketik Script Berikut dan save dengan format .html

Gambar 3.4 Tampilan Script Halaman Matakuliah

-Ketiga, Buka Browser anda dan buka file anda
-Hasilnya Akan tampil seperti ini

Gambar 3.5 Tampilan Hasil Latihan 3.3



Latihan 3.4 Membuat Halaman Website Biodata

-Pertama,Buka Notepad atau Notepad++
-Kedua, Ketik Script Berikut dan save dengan format .html

Gambar 3.6 Tampilan Script Halaman Biodata

-Ketiga, Buka Browser anda dan buka file anda
-Hasilnya akan tampil seperti ini

Gambar 3.7 Tampilan Hasil Latihan 3.4

Note : Kalau Ingin pasang gambar background, gambar sama fotonya harus sefolder(ditempatkan pada folder yang sama agar bisa di mengerti oleh website)

Jumat, 16 September 2016

Pertemuan 2 (pemograman website)

Latihan 2.1 Membuat Heading Pada Website HTML

 - Pertama, Buka Notepad atau Notepad ++
-     - Kedua, Ketik Script Berikut Ini dan save dengan format .html


Gambar 2.1 Tampilan Script Latihan 2.1

- Ketiga,Buka Browser Anda dan buka file anda
- Hasilnya Akan Tampil Seperti ini

Gambar 2.2 Tampilan Hasil Dari Latihan 2.1




Latihan 2.2 Penataan Paragraf Pada Website HTML

- Pertama, Buka Notepad atau Notepad ++
- Kedua, Ketik Script Berikut Ini dan save dengan format .html

Gambar 2.3 Tampilan Script Latihan 2.2

- Ketiga, Buka Browser Anda dan buka file anda
- Keempat, Tampilannya Akan Muncul Seperti Ini


Gambar 2.4 Tampilan Hasil Dari Latihan 2.2




Latihan 2.3 Pengaturan Font Ditambahkan Heading

- Pertama, Buka Notepad Atau Notepad ++
- Kedua, Ketik Script atau Kode sebagai berikut dan save Dengan format .html

Gambar 2.5 Tampilan Script Pada Latihan 2.3

- Ketiga, Buka Browser anda dan buka file anda yang sudah tersimpan

Gambar 2.6 Tampilan Hasil Latihan 2.3



Latihan 2.4 Subscript Dan Superscript Pada Website Html

-Pertama, Buka Notepad Atau Notepad++
-Kedua, Ketik Script atau Kode berikut dan save dengan format .html

Gambar 2.7 Tampilan Script Pada Latihan 2.4

-Ketiga, Buka Browser anda dan buka file anda yang sudah tersimpan
-Keempat, Hasilnya akan tampil seperti ini

Gambar 2.8 Tampilan Hasil Pada Latihan 5.4



Latihan 2.5 Membuat Bullet And Numbering

-Pertama, Buka Notepad Atau Notepad++
-Kedua, Ketik Script atau Kode berikut dan save dengan format .html

Gambar 2.9 Tampilan Script Latihan 2.5

-Ketiga, Buka Browser anda dan buka file anda yang sudah tersimpan
-Keempat, Hasilnya akan tampil seperti ini

Gambar 3.0 Tampilan Hasil Latihan 2.5

Jumat, 09 September 2016

Pertemuan 1 (Pemograman Website)

Latihan 1.1 Membuat text pada pemograman web html

-          Pertama buka notepad atau notepad++
-          Kedua masukan script atau kode berikut
<HTML>
<HEAD>
<TITLE> AZIZLIMONU </TITLE>
<BODY>
ABDUL AZIZ LIMONU
</BODY>
</HEAD>
</HTML>
Gambar 1.1 Tampilan Script Latihan 1.1

-          Ketiga ,Save File pada folder yang diinginkan
-          Keempat, Ubah Save as type : all types (*.*)
-          Kelima, Dibelakang nama file ketik .HTML
-          Keenam, Buka Browser Internet Explorer
-          Terakhir, Buka file anda tekan Ctrl+O kemudian cari file anda
       Dan Hasilnya akan seperti ini

Gambar 1.2 Tampilan Hasil Latihan 1.1




Latihan 1.2  Pembuatan Background pada website

-          Pertama,buka notepad atau notepad++
-          Kedua, Masukan Script atau Kode Berikut
<HTML>
<HEAD>
<TITLE> AZIZLIMONU </TITLE>
<BODY BGCOLOR="YELLOW" TEXT="RED">
ABDUL AZIZ LIMONU
</BODY>
</HEAD>

</HTML>
Gambar 1.3 Tampilan Script Latihan 1.2

-          Ketiga, Save file anda dengan format .HTML save as type : all types (*.*)
-          Keempat, buka internet explorer
-          Kelima, buka file yang telah tersimpan dengan menekan Ctrl+O
  Dan Hasilnya Akan Tampil Seperti ini



Gambar 1.4 Tampilan Hasil Pada Latihan 1.2


Latihan 1.3 Mengatur Format Teks Pada Website

-          Pertama, Buka notepad atau notepad ++
-          Pertama, Buka notepad atau notepad ++
-          Kedua, Masukan Script Atau Kode berikut
<HTML>
<HEAD>
<TITLE> AZIZLIMONU </TITLE>
<BODY BGCOLOR="GREEN" TEXT="BLACK">
<U>STMIK</U> <B>ICHSAN</B> <I>GORONTALO</I>
</BODY>
</HEAD>
</HTML>

Gambar 1.5 Tampilan Script Latihan 1.3

-          Ketiga, Save File Anda dengan Format HTML save as type : all types(*.*)
-          Keempat, Buka internet explorer dan buka file anda 
Hasilnya Akan Seperti Ini

Gambar 1.6 Tampilan Hasil Pada Latihan 1.3


Latihan 1.4 Cara Mencamtukan Biodata Pada Website

       -        Pertama, Buka Notepad atau Notepad ++
       -      Kedua, Ketik Script Berikut Ini Sebagai Contoh



Gambar 1.7 Tampilan Script Latihan 1.4

  -          Ketiga, Save File Anda Di Folder yang di inginkan Dengan Format HTML Sebagai Berikut 


Gambar 1.8 Tampilan Save Data Script Latihan 1.4

-          Keempat, Buka Browser Anda Kemudian Buka File Yang Telah Anda Simpan Pada Langkah Ketiga tadi


Gambar 1.9 Tampilan Pembukaan Dokumen Oleh Langkah keempat

-          Terakhir Hasilnya Akan Tampil Seperti Ini

Gambar 2.0 Tampilan Dari Hasil Latihan 1.4