Tugas Praktikum 1

Praktikum html 1
1.Dokumen_dasar
1.1 script
<html>
<head>
<title>Html Dasar</title>
</head>
<body>
<div style="background-color:green">
Selamat Datang di matakuliah Desain & Pemrograman
Web
</div>
</body>
</html>
1.2 Screenshoot
2.Paragraf
2.1 script
<html>
<head>
<title>membuat paragraf</title>
<style>
#paragraf1 {
background-color: gray;
}
#paragraf2 {
background-color: green;
}
</style>
</head>
<body>
<h1>Judul tingkat 1</h1>
</body>

Disini adalah paragraf yang memiliki penutup

Disini paragraf yang tidak memiliki

penutup
</html>
2.2 Screenshoot
3.br_hr
3.1 Script
<html>
<head>
<title>Break Line and Horizontal Line</title>
<style>
h2 {
padding: 20px 20px 20px 20px;
margin: 10px;
border-top: 5px solid #DFE41A;
border-bottom: 5px solid #DFE41A;
border-left: 5px solid #DFE41A;
border-right: 5px solid #DFE41A;
background-color: black;
}
</style>
</head>
<body>
<h2 style="color:#DFE41A;" align="center"> Universitas Riau

</h2> <hr width="50%" align="center">
<center> Jalan HR Subrantas Pekanbaru </center>

Jurusan Teknik Informatika
 
Fakultas Teknik Universitas Riau.
</body>
</html>
3.2 Screenshoot
4.Jenis_Tulisan
4.1 Script
<html>
<head>
<title>jenis tulisan</title>
<style>
span {
background-color: black;
color: white;
}
</style>
</head>
<body>
ini merupakan tulisan
dengan jenis tulisan arial dan berwarna biru
 
ini merupakan tulisan dengan jenis tulisan arial
dan berwarna biru
 
 ini tulisan tebal


 
 ini tulisan miring 
 ini tulisan bergaris bawah H2O

 
X2 + Y 2 
 ini tulisan miring ini tulisan bergaris bawah

</body>
</html>
4.2 Screenshoot
5.image
5.1 Script
<html>
<head>
<title>membuat gambar di halaman HTML</title>
<style>
img {
border: 20px groove #bbb;
height: 50%;
width: 30%;
margin-right: 10px;
margin-left: 10px;
}
</style>
</head>
<body>
Creative event 
<img src="D:/foto/CE.png" height="100" alt="CE.png"
title="Creative event">
</body>
</html>
5.2 Screenshoot
6.anchor1
6.1 Script
<html>
<head>
<title>membuat link di HTML</title>
<style>
br + a {
background: black;
font-size: 20px;
color:white;
}
</style>
</head>
<body>
 
<a href="D:/htmllearning/CE.html" target="_blank">CE.html</a>
 
<a href="google.com">google</a>
 
<a href="http://salhazan.com" target="_blank" title="homepage

salhazan">www.salhazan.com</a>
<a href="https://www.youtube.com/watch?v=b-p6FqlyP6M"
target="_blank" title="homepage salhazan">klik untuk melihat
video</a>
</body>
</html>
6.2 Screenshoot
7.anchor2
7.1 Script
<html>
<head>
<title>membuat link dalam satu halaman di HTML</title>
<style>
body {
word-spacing: 5px;
text-align: justify;
background-color: #488CB6;
}
a {
color: green;
}
em {
color: blue;
}
</style>
</head>
<body>
<a name="atas"></a>
<center<h1>Short Course Framework &
Wordpress</h1></center>
Laboratorium Sistem Informasi dan Rekayasa Perangkat Lunak
(Lab. SIRKEL) Jurusan
Teknik Informatika Fakultas Teknik UR mengundang siapapun
untuk mengikuti Short
Course How to Build a Website Using the Framework or
Wordpress. 
Berikut informasi selengkapnya:
1. FRAMEWORK: web-based
system development using
CakePHP 
 
Materi: 
<ol>
<li>- Konsep MVC (Model-View-Controller)</li>
<li>- Pengenalan Framework CakePHP</li>
<li>- Latihan Studi Kasus</li>
<li>- Penerapan Scafolding</li>
<li>- Implementasi AJAX pada CakePHP</li>
</ol> 
Pelaksanaan: 
(Course dilaksanakan 4 pertemuan, 2x pertemuan
perminggu) 
- Minggu I: Rabu & Jumat (15 & 17 Juli 2009) Jam
09.00-11.00 WIB 
- Minggu II: Rabu & Jumat (22 & 24 Juli 2009) Jam
09.00-11.00 WIB 
 
Pemateri: 
- Aris Muda Pratama (Asisten Lab SIRKEL 2007-2009) 
 
Biaya: 
Rp 150.000 (paket 4x pertemuan) 
 
2. WORDPRESS: make and optimize your site
using WordPress 
 
Materi: 
I: BASIC CLASS: 
- Pengenalan Wordpress (Introduction to Wordpress) 
- User administration 
- Wordpress configuration 
- Posting Management 
- Widget customization 
 
<a name="tengah"></a>
II: ADVANCED CLASS:
- Wordpress.com vs Wordpress.org

<ol>
<li>- Cara menginstall Wordpress (how to install
Wordpress)</li>
<li>- Cara mengelola tema Wordpress (themes
management)</li>
<li>- Hosting (upload & configuration)</li>
<li>- domain (configuration)</li>
</ol> 
Pelaksanaan: 
(Tiap kelas 2x pertemuan/minggu) 
- Basic Class: Rabu & Kamis (15 & 16 Juli 2009) Jam
13.00-15.00 WIB 
- Advanced Class: Rabu & Kamis (22 & 23 Juli 2009) Jam
13.00-15.00 WIB 
 
Pemateri: 
Salhazan Nasution, S.Kom, MIT (Web Programmer PT Rahiba
Pilar Informatika dan
Staf Pengajar Teknik Informatika UR) 
 
Biaya: 
- per class: Rp 70.000 
- paket promo, basic + advanced: Rp 120.000 
 
Fasilitas: 
- 1 PC/orang (terkoneksi dengan internet) 
- Ruangan nyaman full AC, 
- WiFi area 
- Snack tiap pertemuan, 
- Modul pelatihan, 
- Pemateri berpengalaman, 
- Sertifikat eksklusif 
 
Pendaftaran: 
di Laboratorium SIRKEL 
d.a. Lab. Terpadu Informatika Lantai 4 Gedung FIAI 
Kampus Terpadu UR, Jln. Kaliurang Km. 14,5 Yogyakarta 
 
Contact person: 
call/sms: Rio (085643600576) atau Faiz (08564761891) 
email:
<a
href="mailto:labsirkel@gmail.com">labsirkel@gmail.com</a>

 
website: <a href="http://ft.unri.ac.id" target="_parent"
title="Laboratorium Sistem Informasi dan Rekayasa Perangkat
Lunak (Lab. SIRKEL) Jurusan Teknik Informatika FT
UR">http://ft.unri.ac.id</a>
 
<a href="#atas">^ Kembali ke Atas ^</a> 

<a href="#tengah">^ Tengah ^</a> 

</body>
</html>
7.2 Screenshoot
8.halaman1
8.1 Script
<html>
<head>
<title>Halaman 1</title>
<style>
h2, p.class {
color: blue;
font-family: "Palatino Lenotype", "Book Antiqua",
Palatino , serif;
}
</style>
</head>
<body>
<h2 align="center">Ini adalah halaman 1</h2> <hr width="50%"

align="center">
ini adalah isi dari halaman 1
</body>
</html>
8.2 Screenshoot
9.Admin
9.1 Script
<html>
<head>
<title>Halaman Admin</title>
<style>
h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande",
"sans-serif";
text-align: center;
padding: 20px 20px 20px 20px;
margin: 10px 10px 10px 10px;
border: 5px dotted orange;
color: blue;
background-color: gray;
}
input {
margin: 10px 10px;
}
</style>
</head>
<body>
<h2>Ini adalah halaman admin</h2>


ini adalah isi dari halaman admin

 
silahkan login(required):

<label for="user">Username</label>
<input type="user" name="user" required> 
<label for="user">Password</label>
<input type="Password" name="Password" required> 
<input type="submit" name="submit" value="submit">
 
<a href="D:/web programming/Document dasar/br_hr.html"> <<
kembali ke awal</a>
</body>
</html>
9.2 Screenshoot

Tugas Praktikum 1

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Praktikum 1

Diunggah oleh

Hak Cipta:

Format Tersedia

Praktikum html 1

<p id="paragraf2">Disini paragraf yang tidak memiliki

<h2 style="color:#DFE41A;" align="center"> Universitas Riau

Fakultas Teknik <br> Universitas Riau.

<font color="#C0A927" size=+2 face="Georgia, Times New Roman,

<b style="color:red; font-family:Arial, Helvetica, sansserif;"> ini tulisan tebal

<u> ini tulisan bergaris bawah </u> <br /> H<sub>2</sub>O

<a href="D:/htmllearning/CE.html" target="_blank">CE.html</a>

<a href="http://salhazan.com" target="_blank" title="homepage

<u>II: ADVANCED CLASS:

</u>- Wordpress.com vs Wordpress.org

var addy68716 = 'labsirkel' + '@';

<a href="#atas">^ Kembali ke Atas ^</a><br>

<h2 align="center">Ini adalah halaman 1</h2> <hr width="50%"

<h2>Ini adalah halaman admin</h2>

ini adalah isi dari halaman admin

Anda mungkin juga menyukai

Tugas Praktikum 1

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Praktikum 1

Diunggah oleh

Hak Cipta:

Format Tersedia

Praktikum html 1

<p id="paragraf2">Disini paragraf yang tidak memiliki

<h2 style="color:#DFE41A;" align="center"> Universitas Riau

Fakultas Teknik <br> Universitas Riau.

<font color="#C0A927" size=+2 face="Georgia, Times New Roman,

<b style="color:red; font-family:Arial, Helvetica, sansserif;"> ini tulisan tebal

<u> ini tulisan bergaris bawah </u> <br /> H<sub>2</sub>O

<a href="D:/htmllearning/CE.html" target="_blank">CE.html</a>

<a href="http://salhazan.com" target="_blank" title="homepage

<u>II: ADVANCED CLASS:

</u>- Wordpress.com vs Wordpress.org

var addy68716 = 'l&#97;bs&#105;rk&#101;l' + '&#64;';

<a href="#atas">^ Kembali ke Atas ^</a><br>

<h2 align="center">Ini adalah halaman 1</h2> <hr width="50%"

<h2>Ini adalah halaman admin</h2>

ini adalah isi dari halaman admin

Anda mungkin juga menyukai

var addy68716 = 'labsirkel' + '@';