Sabtu, 21 April 2012

Kisi - Kisi Web Desain XI MM

 Sumber : http://homedigitalproduction.com/
World Wide Web, disingkat sebagai WWW) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). [1]

Blog merupakan singkatan dari web log[1] adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.
content management System, disingkat CMS), adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.


MACAM2 tag HTML
setiap code yang dilingkupi dengan < > selalu harus ditutup dengan < / > .. Contoh : < B > coba < /B > (maksudnya adalah kata 'coba' dibuat huruf tebal)
Daftar TAG HTML
<!-- -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>
Sebagai awal dari Java applets

<area>
Mendefinisikan daerah yang dapat diklik (link) pada image map

<b> dan <strong>
Membuat teks tebal

<basefont>
Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>
Memberi (suara latar) background sound pada halaman web

<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>
Membuat teks berkedip

<body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link (Definisi body dokumen HTML)

<br>
Pindah baris

<caption>
Membuat caption pada tabel

<center>
Untuk perataan tengah terhadap teks atau gambar


<comment>
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>
Indents teks

<div>
Represents different sections of text.

<embed>
Menambahkan sound or file avi ke halaman web

<fn>
Seperti tag <a name>

<font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>
Mendefinisikan input form

<frame>
Mendefinisikan frame

<frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> ... <h6>
Ukuran font


<head>
Mendefinisikan head document.

<hr>
Membuat garis horizontal

<html>
Bararti dokumen html

<i>
Membuat teks miring

<img>
Image, imagemap atau an animation

<input>
Mendefinisikan input field pada form

<li>
Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>
Mendefinisikan client-side map

<marquee>
Membuat scrolling teks (teks berjalan)

<nobr>
Mencegah ganti baris pada teks atau images

<noframes>
Jika browser user tidak mendukung frame

<ol>
Mendefinisikan awal dan akhir list

<p>
Ganti paragraf

<pre>
Membuat teks dengan ukuran huruf yg sama

<script>
Mendefinisikan awal script

<table>
Membuat tabel

<td>
Kolom pada tabel

<title>
Mendefinisikan title

<tr>
Baris pada tabel

<u>
Membuat teks bergaris bawah

Hasil Penjelasan Nama Entitas Nomor Entitas
Spasi                 &nbsp;         &#160;
<  Kurang dari        &lt;              &#60;
>  Lebih dari         &gt;               &#62;
“   Tanda kutip       &quot;         &#34;
‘    Kutip tunggal    &apos;          &#39;
©  copyright        &copy           &#169
X   kali                 &times;         &#215;
&   Dan                &amp;            &#38;

CONTOH MEMBUAT LINK HTML
Contoh :
1. <a href="http://www.kemudian.com/node/251899">SPW (Srikandi Pembela Wanita : Dia Dia Dia</a> atau
2. <a href="http://www.kemudian.com/node/251899">Promosi Tulisan</a>, atau
3. Kunjungi WEBku <a href="http://www.kemudian.com">Di sini</a> ya!

CONTOH MEMBUAT LINK IMAGE
Cukup mengambil link (tautan) gambar yang ingin disertakan, lalu mengapitnya dengan tag <img>. Lengkapnya, silahkan perhatikan contoh berikut.
maka, cara memasukkannya ke dalam tulisan kita adalah

<img src="http://www.photobucket.com/a/shinichi/gambar1.jpg" /></img>, atau

<img src="/gambar1.jpg"></img>

HTML FORM - ELEMEN INPUT
Unsur bentuk yang paling penting dari form adalah elemen input.

Elemen input digunakan untuk memilih informasi pengguna.

Sebuah elemen input dapat bervariasi dalam banyak cara,tergantung pada jenis atribut. Sebuah elemen input dapat di gunakan dengan jenis teks, kotak centang, sandi, tombol radio, tombol submit, dan banyak lagi.

Jenis input yang paling digunakan akan di jelaskan di bawah ini :

TEXT FIELDS

Dalam pengimputan data dengan metode tag text, metode teg input yang di gunakan akan terlihat seperti ini <input type ="text"/>
contoh:
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>

RADIO BUTTON

tag pada radio button terlihat seperti ini <input type="radio"/>

contoh:


<form>
<input type="radio" name="sex" value="male" /> laki - laki<br/>
<input type="radio" name="sex" value="female" /> perempuan
</form>

CHECK BOX
tag pada check box ini terlihat seperti ini <input type="checkbox"/>

contoh :

<form>
<input type="checkbox" name="vehicle" value="Bike" /> saya manusia<br />
<input type="checkbox" name="vehicle" value="Car" /> saya laki-laki
</form>

SUBMIT BUTTON

tag submit akan terlihat seperti ini <input type="submit"/>

Sebuah tombol submit digunakan untuk mengirim data formulir ke server. Data dikirim ke halaman tertentu dalam atribut action form.File didefinisikan dalam atribut action, biasanya akan melakukan sesuatu dengan input yang diterima.

(kita akan belajar submit fungsi submit button dalam bab-bab selanjutnya)

contoh:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

Alasan Memilih blogger com – Sudah lama matras newbie ingin membuat artikel postingan ini. Tapi baru sekarang terwujud. Mengapa demikian? Ya, sebenarnya alasan seseorang untuk memilih layanan blogger com tentulah beraneka ragam. Meskipun berbeda-beda, pada dasarnya dikelompokkan kepada alasan-alasan di bawah ini:

1.Gratis
Layanan blogger com tidak berbayar alias gratis (free). Siapa yang tak akan mau memilih layanan gratis? Sudah banyak yang membuat blog gratis di blogger com. Perkiraan matras newbie, blogger pemula (newbies) lebih cenderung memilih layanan ini. Hahhaha…termasuk matras newbie!
2.Fleksibel
Fleksibilitas blogger com tak diragukan lagi. Misalnya, templatenya dapat diutak-atik sekaligus dimodifikasi asal memenuhi ketentuan yang ada. Selain itu, layanan ini memiliki beberapa macam gadget dasar yang cukup dan tidak terlalu membebani loading blog. Oleh sebab itu kita dapat mengoptimalkan gadget dasar bawaan blogger ini sebaik mungkin. Yang istimewa adalah adanya gadget untuk menambah kode HTML/Javascript. Fasilitas ini dapat digunakan untuk menambah/memasang widget asesories untuk mempercantik tampilan blog. Misalnya memasang widget twitter, dan beberapa widget lainnya. Begitu pula untuk mengatur posisi gadget, cukup dengan menyeret bagian widget dimaksud.
3.Akrab dengan mesin pencari
Blogger com kayaknya cukup akrab dengan search engine google, dan mesin pencari lainnya. Belum beberapa menit setelah postingan di publishing, postingan sudah muncul di halaman pencarian google. Meskipun pada akhirnya tak bertahan di halaman pertama mesin pencarian tersebut. Itupun dapat dimaklumi, persaingan untuk memperebutkan halaman pertama cukup ketat.
4.Ajang kreatifitas blogger pemula.
Blogger com dilengkapi dengan fasilitas yang berbasis graphical user interface (GUI). Dengan fasilitas ini memungkinkan para blogger untuk menambah widget asesoris pada blog. Kreativitas blogger dapat dioptimalkan dalam mendisain sebuah blog.
5.Tempat bisnis online
Seperti beberapa penyedia layanan internet lainnya, blogger com dapat dijadikan sebagai media bisnis online. Contoh sederhana, di blogspot dapat dipasang iklan-iklan promosi barang dan jasa. Lainnya, tentu saja sobat sudah maklum bahwa blogger com mendukung google adsense.
Demikian kira-kira beberapa alasan memilih blogger com. Tentu masih banyak alasan lainnya yang ditemukan oleh sobat-sobat blogger. Silahkan sobat masukkan dalam kotak komentar. Terima kasih.

Adapun beberapa kelebihan blogspot yang menyebabkan banyak kalangan blogger menggunakannya sebagai platform blog dalam menjalankan aktifitas blogging antara lain sebagai berikut:

1. Mudah digunakan.

Jika dilihat dari tampilan dan menu-menu yang disediakan, blogspot memiliki user interface yang lebih sederhana sehingga para pemula pun dapat mengakses dan mengoperasikan fitur yang disediakan dengan mudah. Kemudahan lain juga dapat kita peroleh ketika kita ingin melakukan perombakan blog yang kita miliki, seperti optimalisasi kinerja SEO, mengganti template, menambahkan pernak-pernik blog, dsb.

2. Kelebihan di bidang domain dan webhosting.

Blogspot memiliki kelebihan di bidang domain dan webhosting. Blog yang berbasis blogspot memiliki hosting secara gratis, sehingga kita tidak perlu mengeluarkan biaya bulanan untuk keperluan biaya sewa hosting bulanan seperti yang dilakukan pada webhosting berbayar pada umumnya. Meskipun bersifat gratis, tetapi kinerja bandwith dan ruang simpan di blogspot sangat bagus. Blogspot memiliki bandwith yang tidak terbatas beserta ruang simpan untuk menyimpan file data postingan blog yang sangat besar.

Selain itu, blogspot juga memberikan subdomain secara gratis kepada para penggunanya. Subdomain yang diberikan adalah blogspot.com, sehingga jika ada blogger yang membuat blog maka blognya tersebut akan memiliki URL yang berakhiran blogspot.com seperti panduan-belajar-blog.blogspot.com. Blogspot juga memberikan akses kemudahan ketika pengguna ingin mengubah subdomain yang dimiliki blognya menjadi Top Level Domain yang berbayar seperti .com, .net, .biz, .info, dsb.

3. Banyak penggunanya.

Blogspot digunakan oleh sebagian besar blogger yang menjalankan aktifitas bloggingnya secara gratis. Di Indonesia, pengguna blogspot mencapai lebih dari 80% dari total blogger secara keseluruhan pada tahun 2011. Adanya banyak blogger yang menggunakan blogspot ini tentu semakin memudahkan sesama pengguna blogspot dalam berbagi tips dan trik dalam mengoptimalkan aktifitas blogging kita menggunakan blogspot.

4. Banyak tutorial.

Sekarang ini banyak blog maupun situs yang memberikan tips dan trik menjalani aktifitas blogging menggunakan blogspot. Tips dan trik tersebut mengajarkan kepada kita bagaimana cara menjalankan blogging yang baik dan benar dari segi teknis dan nonteknis. Sehingga, dengan banyaknya tutorial blogging yang bermanfaat seperti ini akan membuat kegiatan blogging kita menjadi lebih mudah dan terasa semakin menyenangkan.

5. layanan pendukung.

Sekarang ini blogspot sudah dimiliki oleh Google. Sehingga, jika kita sudah menggunakan blogspot dan memiliki Akun Google maka kegiatan blogging kita menggunakan blogspot dapat diintregasikan dengan fitur layanan dari Google yang lain untuk lebih mengoptimalkan kinerja blog yang kita miliki.

Misalnya, kita dapat menyimpan file atau berkas kita dalam blogging di Google Code, menganalisis statistik blog kita secara cepat dan akurat di Google Analytics, melakukan aktifitas surat menyurat melalui gmail, memonetisasi blog yang kita miliki sebagai sumber penghasilan lewat Google Adsense, promosi blog dan menjalin pertemanan melalui Google Plus, memberikan layanan langganan artikel melalui feedburner, dsb.

6. Inovatif.

Blogspot selalu mengadakan inovasi perubahan yang baik dari waktu ke waktu untuk meningkatkan kualitas layanan blogging yang diberikan. Contohnya saja adalah blogspot saat ini sudah menyediakan fitur anti spam otomatis. Sehingga, setiap ada komentar di blog kita yang dicurigai karena mengandung unsur spam akan disaring secara otomatis melalui fitur anti spam ini.

Secara keseluruhan, menjalani aktifitas blogging menggunakan blogspot memiliki banyak kelebihan di beberapa bidang. Sehingga, dengan adanya kelebihan-kelebihan di beberapa bidang ini akan membuat kualitas blogging seorang blogger dapat berkembang menjadi lebih baik dan kita semua dapat menikmati aktifitas blogging secara gratis dengan tetap mendapatkan fasilitas serta fitur layanan yang maksimal

menjalankan Joomla dibutuhkan beberapa persyaratan teknis yaitu….Windows/ Linux, database MySQL , Web server Apache , PHP
dan beberapa database yang sering digunakan yaitu oracle, DB2, MySQL , Microsoft Access
Icon Quick Link Buttons yang digunakan untuk memunculkan tampilan semua konten dari semua section adalah Section Manager
Halaman yang digunakan oleh admin untuk mengelola website adalah BackEnd
Halaman yang digunakan pengunjung untuk melihat website adalah FrontEnd
User yang terdaftar pada Public BackEnd Users adalah Manager

Joomla mempunyai sistem akses kontrol. Secara bawaan, akses kontrol pada joomla sebagai berikut:

Front End
• Public
• Registered
• Author
• Publisher

Back End
• Manager
• Administrator
• Super Administrator
Akses kontrol masing - masing grup sebagai berikut:

Group Front End Back End
Public Bisa melihat isi website yg di-set untuk publik/umum Tdk bisa
Registered Spt public, plus melihat content dan module yang diperuntukkan untuk anggota terigetrasi. Dapat menambahkan weblinks Tdk bisa
Author Seperti diatas plus bisa kirim berita tapi tdk bisa 'publish' Tdk bisa
Editor Seperti di atas plus bisa meng-edit content Tdk bisa
Publisher Seperti diatas plus bisa edit sekaligus 'publish' content. Tdk bisa
Managerer Seperti pada fasilitas Publisher Terbatas
Administrator Seperti pada fasilitas Publisher Tdk semua kontrol backend
Super Administrator Seperti pada fasilitas Publisher
Parameter pada Joomla yang berfungsi untuk memunculkan atau menyembunyikan hasil dari sebuah halaman adalah Pagination
Apa Itu Opensource?
Anda mungkin bertanya apa itu opensource seperti yang tertera di judul artikel ini. Opensource merupakan istilah dunia komputer yang berarti kode sumber aplikasi dapat diakses, dilihat dan dimodifikasi oleh umum sesuai dengan aturan yang ditentukan.
Opensource tidak selalu berarti gratis. Ada kala Anda perlu membayar untuk dapat tetap menggunakan aplikasi opensource jika Anda telah mencapai suatu titik yang telah disetujui dalam aturan yang telah ditentukan. Untuk menggunakan Joomla Anda tidak perlu membayar sepeser pun. Joomla gratis!




- Langkah – langkah membuat blogger ( cari sendiri)
- Langkah – langkah membuat teks berjalan (cari sendiri)
- Langkah – langkah membuat table (cari sendiri)
- membuat script html sederhana (cari sendiri)
- langkah – langkah membuat link (cari sendiri)
- langkah – langkah membuat background (cari sendiri)

Tidak ada komentar:

Posting Komentar