A. EDITOR PROGRAM
Merupakan suatu aplikasi yang dapat digunakan untuk membantu dalam membuat program tertentu.Saat ini tersedia banyak sekali editor program-program
contoh:notepad,netbeans (java), dreamweaver (design situs web)
Dreamweaver adalah sebuah perangkat lunak yang secara khusus dibuat untuk membantu membangun situs web secara mudah dan tepat,dengan meyediakan fasilitas yg membantu penggunanya untuk membuat halaman web dengan mudah.
Banyak keunggulan dari beberapa Macromedia Dreamweaver yang mejadikannya banyak di gunakan dalam situs web antara lain:
- Tampilan(interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tinkatan.
- Dreamweaver cukup tangguh untuk membangun berbagai type situs web
- Selalu menjdi perangkat lunak yg pertama yang selalu medukung teknologi web terkini
- Dreamweaver Merupakan editor berbasis WYSIWYG(WHAT YOU SAY IS WHAT YOU GET) yang berati apa yang nampak di editor sama seperti yang akan ditampilkan di web browser
- Dreamweaver terintegrasi dgn produk macromedia lain seperti Macromedia FREEHAND dll
Macromedia Dreamweaver untuk membuat dan mengedit 3 jenis script:
- HTML dan XHTML
HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser(internet) rankaian printah(scrip)html& dikendalikan oleh W3C(world wide web consotium).
HTML memiliki kemampuan yg kurang lebih mirip HTML tapi dengan tampilan sinTEXT yg lebih ketat .CSS(cascading style sheets merupakan suatu basa style sheet yg di gunakan untuk mengatur tampilan suatu dokumen. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai lain dokumen.
Dokumen HTML memuat intruksi yg ditandai dgn kode ateu lebih dikenal TAG.Tag HTML terdiri dari tag pembuka dan tag penutup.
contoh:jika ingin menampilkan teks mjd huruf tebal <b>……….</b>
Sedangkan HTML (Extensible HyperText Markup Language) merupakan bahasa markup penerus dan pengembang dr HTML yg mpy kemempuan mirip HTML,tp dgn aturan sintaks yg lebih ketat. HTML merupakan aplikasi dr SGML yg sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML turunan SGML yg lebih terbatas.
2. CSS(Cascanding Style Sheets) merupakan suatu bahasa stylesheet yg digunakan untuk mengatur tampilan suatu dokumen yg ditulis dalam bahasa markup. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.
3. Java script
merupakan bahasa pemrograman kecil yg berjalan disisi browser diman untuk menjalan kan browser harus mendukung java scrip
B. Web Browser
merupakan sebuah perangkat lunak(aplikasi)yg digunakan untuk menampilkan halaman-halaman web.
beberapa contoh web browser:
- ms.internet eksploler(http://www.microsoft.com)
- mozilla firefox(http://www.mozilla.org)
- opera(http://www.opera.com)
- safari(http://aplple.com/safari)
C. EDITOR GAMBAR(Images editor)
merupakan unsur yg pntng dlm design web.Editor gambar merupakan perangkat lunak/aplikasi yg dpt digunakan untuk membuat dan mengedit gambar.editor gambar dpt dibagi menjadi 2 jenis:
1. Pain program menghasilkan gambar dalam format bitmap atau raster.
contoh: adobe photoshop dan Macromedia fireworks.
2. Draw program merupakan jenis editor gambar yg menghasilkan file gambar dalam format vektor.
contoh:macromedia freehand dan adobe ilustrator.
D. EDITOR MULTIMEDIA
Jenis file multimedia diantaranya file audio,vidio,animasi. Jenis format file multimedia beserta plugin untuk membukanya:
*format multimedia
1. macromedia flash = fla/flv
2. macromadia shockwave = swf
3. real media = rtm
4. adobe acrobat = pdf
*tipe
1. animasi
2. animasi
3. streaming audio dan vidio
4. rich text document
*plugin
1. flash player
2. shockwafe player
3. real player
4. acrobat reader
E. EDITOR WARNA
Beberapa software atau aplikasi yg digunakan dalam desig web,sebenarnya banyak juga yg menyertakan fasilitas untuk memilih warna dgn mudah.
contoh:
1. macromedia dreamweaver
2. adobe photoshop
3. color schemer http://www.colorscheme.com
HTML DASAR
Materi dasar dokumen HTML(tag, elemen, attribute)elemen head, elemen title, elemen body struktur dasar HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser,untuk mengakses printah ** yg di spesifikan
STRUKTUR dasar dokumen html sbg:scrip html
<html>
<head>
<title>judul dokumen HTML</title>
</head>
<bodypenulis informasi web
</body>
</html>
Dari stuktur dasar html ini:
1. TAG adalah texs khusus (markup) berupa dua karakter “<”dan”>”, sbg conth <body>.Secar umum tag d tulis dengan berpasangan yg trdir tag pembuka &tag penutup<></>
2. Elemen yaittu tag pembuka isi dan tag penutup.ex untk menampilkan judul dokumen
Contoh scripnya
yang benar yg salah
<p> <p>
<m> <m>
…………………. …………………
</m> </p>
</p> </m>
3. ATTRIBUT untuk mendefinisikan properti dr suatu elemen HTML yg yg terdri atas nama & nilai
Contoh scripnya
<tag>
nama-attr=”nilai-attr”
nama-attr=”nilai-attr”
…………………
>
…………….
</tag>
atribut hars berada dalam tanda petik satun atau dua ex membuat warna kuning &bg ny hijau <body bg color=black text =”yellow”>
4. Elemen HTML menyatakan pad a browser bahwa dokumen web yg digunakan adalah HTML SinTAXTS <HTML>
5 Elemen HEAD merupakan kepala dr dokumen HTML, Tag<head>&tag </head> trltak diantara tag </html>&tag<html>
<head>
…………
</head>
6. Elemen title yaitu untuk judul dari htmlyg dtamplkan pd jendela browser
sintexts
<title>…………………</title>
7. Elemen body Untuk menampilkan isi dokumen html.Tag <body>&tag</body>trltak pd <head>&</head>
sintexts
<bodytext=”v”bg color=”w”backgraun=”uni” link=7″alink=”y”=vlink=”z”
………………
</body>
LANGKAH2 mencoba HTML
1. bka notpet
2. ketik kode html
3. simpan & kemudian liat dgn d buka yg anda simpan tadi akan terlihat html nNYA
SCRIP kode HTML :
- <br>turun bwah</enter>
- <big></big>=tilisanya besar2
- <font color=”red”></font>=tlisanya berubah menjadi merah
- &nbse;:menambah 1 spasi
- <font size=”7″></font>=ukuran tulisan berubah mnjadi ukurannya 7
- <strong></strong>/<b></b> untuk menebalkan tilisan
- <u></u> = untuk menggaris bwah tulisan
- dan lain lain
- scrip html
<html>
<head>
<title>…………..</title>
</head>
<body>…………….</body>
</html>
2. TAG HTML
“=………..&QUO;
&=………&
<=…………..&it
>=…………..>
spasi=………… / lebih lenkap nya ini di bwah ini
- &qout; : “
- & : &
- ⁢ : <
- > : >
- & nbsp; :
- © : ©
- « : «
- » : »
- ± : ±
- ¼ : ¼
- &frac 12; : ½
- %frac 34; : ¾
- tidak bernomor : <ul>
- Menbuat tag daftar
<li>satu
<li>dua
<li>tiga
</ul>
- bernomor : <ol>
<li>satu
<li>dua
<li>tiga
</ol>
- definisi : <dl>
<dt>
<dd>
<dt>
<dd>
</dl>
- membuat table
contoh:
<html>
<head>
<title>membuat table</title>
</head>
<body>
<table>
<table border : 2>
<caption> nama tabel </caption>
<tr>
<td> baris 1 kolom 1 </td>
<td> baris 1 kolom 2 </td>
</tr>
<tr>
<td> baris 2 kolom 1 </td>
<td> baris 2 kolom 2 </td>
</tr>
</table>
</body>
</html>
Ket :
- <table> </table> : mendefinisikan bahwa teks didalamnya merupakan buatan tabel
- <table border : 2 > : mendefinisikan penentuan ada / tidaknya ukuran border pada tabel
- <tr> </tr> : mendefinisikan bahwa teks di dalamnya akan berada dalam 1 baris suatu tabel
- <td> </td> : mendefinisikan dari suatu kolom
- membuat frame
digunakan untuk membuat tampilan html terbagi menjadi berbagai bagian.
Contoh :
<html>
<head>
<title>web dengan frame</title>
</head>
<frame set raws = 80*> a
<frame name = header src =”kop.html”> b
<frame set cols = 150*> c
d <frame name =left_menu src=”menu.html”>
d <frame name = main_page src=”isi.html”>
</frame set> e
</html>
Ket:
- menentukan banyaknya baris dan tinggi masing masing frame
- memberikan nama pada frame pertama yang telah dibuat dan menentukan nama file yang akan digunakan dalam frame
- membagi baris kedua menjadi 2 kolom
- memberikan nama frame paling kiri pada baris kedua dengan nama left_menu
- mengakhiri pembuatan frame
3. LIST
A. TDK Bernomor
<u>
<li>………..
<li>……..
</ul>
tampil nya
- ……………..
- …………….
B. BERNOMOR(ORDERED LIST)
<ol>
<li> …………
</ol>
tampilan nya=
- ………………….
CMS
A. Pengertian
Secara sederhana CMS adalah suatu sistem aplikasiyang digunakan untuk mengelola dokumen dan content sebuah system (dalam hal ini tentang web) yang berkaitan dengan isi dan tampilan dari web yang kita bangun/buat.
CONTENT adalah setiap jenis /unit informasi digital yang digunakan untuk setiap halaman yg berupa text, gambar, animasi, suara, vidio, dan lain-lain.System adalah suatu alat berupa alur yang memudahkan dalam pembuatan web dengan menggunakan sistem pengelolaan system website.
CMS adalah sebuah aplikasi yang berbasis web yaqng digunakan /dikelola untuk kontent/isi yg terdapat dalam sebuah web (membuat, mengubah, &mempablis/ menampilkan texs, animasi, vidio, gambar, suara dan lail-lain.
B. STUKTUR CMS
Secara garis besaar CMS dibedeakan menjadi 2 bagian:
1. Frontend adalah tampilan halaman web yang bisa diakses oleh pengunjung lasung.
2. Backend adalah bagian atriminasi yang hanya dpt diakses oleh pemilik web maupun pengunjung yang telah di tunjuk untuk melakuan manageman web site / halaman admin pag
C. Manfaat /keuntungan menggunakn cms
1. didesain untuk pemilik website yg tdk memiliki kelebian trntu
2. dgn cms informasi yg ditampilkan secra onlains bsa attribut & kostiten
3. dgn cms atrkel & berita dpt di atur berdasarkan kretria tertentu yg dibuat oleh pemiliknya.
4. pemilik memegang penuh pada isi & tampilan .
5. mendukung berbagai formal(html,vidio,gambar dan lain-lain).
D. MODEL CMS
- COMERSIAL adalah cms yg dikembangkan oleh suatu pembuat software dgn motif mncari keuntungan ,dan memiliki fasilitas yg lenkap
- OPEN SOURCE adalah cms yg dibuat dan dikembangkan oleh sekelompok orang dgn tujuan membrikan alternatif murah
ADA 2 MACAM
- berbasis komunitas merupakan yg tradisional dari cms &free nya keseluruhan
- berbasis komersial merupakan organisasi yg menyediakan layana prefiosional. sesuaikan dgn kebutuhan bisnis
- portal
- blogs
- E-comimerce
- Groupware
- Forum
- Elesriming
- Image galery
Contoh
- jomla, big a, jaws, eazy partai, prupai.
- blogger, zomplong, wordpress.
- os comerce, php shop, cp commerce, opencrad.
- achieva , steber, flysprai.
- quik silver, vanila, miniBB phorum.
- atistor, drupaeted, moodle.
- pixel post, plogger, media wiki.
F. PERBANDINGAN BEBERAPA CMS TERKENAL DI DUNIA
- BLOGSPOT
keunggulan :
- sangat mudah dioperasikan ,hanya perlu di situsnya Blogspot.com.
- pluggin di sediakan(built up)
- cocok para pemula
- sederhana
- mendukung bahasa indonesia
- kompak pengguna nya
- sef(search engine frendly)
Kekurangan :
- terlalu sederhana bgi sebagian orang dan sulit untuk berkreasi
- pluggin nya bersifat built up
- templatenya terbatas
- tdk dpt di jln kan di website milik kita
- tdk dpt dijln kn di komp lokal
2. WORDPRESS
- Cukup mudah
- sederhana
- akun gratis dgn cara mendaftar wordpress
- sef(search engine frendly)
- dpt di jln kn pda komputer lokal
- penguna nya kompak
- banyak pluggin
- template dpt di ubah2
KEKURANGAN :
- Fitur management nya sedikit
- jarang di gunakan oleh website2 terbesar di dunia
- pluggin nya sedikit tdk sebanyak joomla
3. DRUPAL
KEUNGGULAN:
- mudah
- banyak pluggin tambahan
- dpt di jln kn pd komputer lokal
- digunakan oleh website sederhana sampai website prefisional
- mendukung sef(search engine frendly)
KEKURANGAN
- Penggunanya sedikit terutama di indonesia
- pluggin nya tdk sebnyak dgn joomla
4. MAMBO
KEUNGGULAN :
- Mudah di opersakan
- dpt dijalankan pd komputer lokal pluggin tambah
- template nya dpt di ubah2 sekehendak sendiri
- digunakan website yg sederhana samoai prefisional
KELEMAHAN :
- Banyak yg meninggal kan mambo dan beralih ke web2 lain
- defaultnya tdk mendukung sef
- pluggin nya trbtas
- krisis kepercayaan dunia
5. JOOMLA
KEUNGGULAN :
- plugginnya terbanyak di dunia
- digunakan website sederhana sampai prefisional
- seringnya uptied dari sisinya cms maupun dari pluggin
- mendapat keprcyaan dari dunia &penghargaan
- mudah dioperasikan dikomputer lokal maupun ygonline
- temlate dpt diubah2
KELEMAHAN
- SERINGNYA TERJADI BAG(eror)pada pluggin2
- seringnya terjadi ketidak sesuaian antara CMS dan pluggin
Salah satu cms yang terkenal
- dries buytaert
- mambo yang pda awal nya di sebut dengan mambo open size
- dan lain-lain
B. HTML
TEHNOLOGI dan PERANGKAT PENDUKUKG
A. EDITOR PROGRAM
Merupakan suatu aplikasi yang dapat digunakan untuk membantu dalam membuat program tertentu.
contoh:notepad,netbeans (java), dreamweaver (design situs web)
Dreamweaver adalah sebuah perangkat lunakyang secara khusu dibuat untuk membantu membangun situs web secara mudah dan tepat,dengan fasilitas yg membantu penggunanya untuk membuathalaman web dgn mudah.
beberapa keunggulan Macromedia Dreamweaver:
- Tampilan Dreamweaver mudah dimengerti
- Cukup tangguh untuk membangun berbagai tipe situs web
- Selalu mjd perangkat lunak yg pertama
- Merupakan editor berbasis WYSIWYG
- Terintegrasi dgn produk macromedia lain
Macromedia Dreamweaver untuk membuat dan mengedit 3 jenis script:
- HTML dan XHTML
HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser.
Dokumen HTML memuat intruksi yg ditandai dgn kode ateu lebih dikenal TAG.Tag HTML terdiri dari tag pembuka dan tag penutup.
contoh:jika ingin menampilkan teks mjd huruf tebal <b>……….</b>
Sedangkan HTML (Extensible HyperText Markup Language) merupakan bahasa markup penerus dan pengembang dr HTML yg mpy kemempuan mirip HTML,tp dgn aturan sintaks yg lebih ketat. HTML merupakan aplikasi dr SGML yg sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML turunan SGML yg lebih terbatas.
2. CSS(Cascanding Style Sheets) merupakan suatu bahasa stylesheet yg digunakan untuk mengatur tampilan suatu dokumen yg ditulis dalam bahasa markup. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.
3. Java script
merupakan bahasa pemrograman kecil yg berjalan disisi browser
B. Web Browser
merupakan sebuah perangkat lunak(aplikasi)yg digunakan untuk menampilkan halaman-halaman web.
beberapa contoh web browser:
- ms.internet eksploler(http://www.microsoft.com)
- mozilla firefox(http://www.mozilla.org)
- opera(http://www.opera.com)
- safari(http://aplple.com/safari)
C. EDITOR GAMBAR
merupakan unsur yg pntng dlm design web.Editor gambar merupakan perangkat lunak/aplikasi yg dpt digunakan untuk membuat dan mengedit gambar.editor gambar dpt dibagi menjadi 2 jenis:
1. Pain program menghasilkan gambar dalam format bitmap atau raster.
contoh: adobe photoshop dan Macromedia fireworks.
2. Draw program merupakan jenis editor gambar yg menghasilkan file gambar dalam format vektor.
contoh:macromedia freehand dan adobe ilustrator.
D. EDITOR MULTIMEDIA
Jenis file multimedia diantaranya file audio,vidio,animasi. Jenis format file multimedia beserta plugin untuk membukanya:
*format multimedia
1. macromedia flash = fla/flv
2. macromadia shockwave = swf
3. real media = rtm
4. adobe acrobat = pdf
*tipe
1. animasi
2. animasi
3. streaming audio dan vidio
4. rich text document
*plugin
1. flash player
2. shockwafe player
3. real player
4. acrobat reader
E. EDITOR WARNA
Beberapa software atau aplikasi yg digunakan dalam desig web,sebenarnya banyak juga yg menyertakan fasilitas untuk memilih warna dgn mudah.
contoh:
1. macromedia dreamweaver
2. adobe photoshop
3. color schemer
- AHCMAD MIZANNUN NAIN
RINGKASAN HTML
Posted: November 9, 2010 by ojexresachmadmn in rinkasan html
TEHNOLOGI dan PERANGKAT PENDUKUKG
A. EDITOR PROGRAM
Merupakan suatu aplikasi yang dapat digunakan untuk membantu dalam membuat program tertentu.
contoh:notepad,netbeans (java), dreamweaver (design situs web)
Dreamweaver adalah sebuah perangkat lunakyang secara khusu dibuat untuk membantu membangun situs web secara mudah dan tepat,dengan fasilitas yg membantu penggunanya untuk membuathalaman web dgn mudah.
beberapa keunggulan Macromedia Dreamweaver:
- Tampilan Dreamweaver mudah dimengerti
- Cukup tangguh untuk membangun berbagai tipe situs web
- Selalu mjd perangkat lunak yg pertama
- Merupakan editor berbasis WYSIWYG
- Terintegrasi dgn produk macromedia lain
Macromedia Dreamweaver untuk membuat dan mengedit 3 jenis script:
- HTML dan XHTML
HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser.
Dokumen HTML memuat intruksi yg ditandai dgn kode ateu lebih dikenal TAG.Tag HTML terdiri dari tag pembuka dan tag penutup.
contoh:jika ingin menampilkan teks mjd huruf tebal <b>……….</b>
Sedangkan HTML (Extensible HyperText Markup Language) merupakan bahasa markup penerus dan pengembang dr HTML yg mpy kemempuan mirip HTML,tp dgn aturan sintaks yg lebih ketat. HTML merupakan aplikasi dr SGML yg sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML turunan SGML yg lebih terbatas.
2. CSS(Cascanding Style Sheets) merupakan suatu bahasa stylesheet yg digunakan untuk mengatur tampilan suatu dokumen yg ditulis dalam bahasa markup. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.
3. Java script
merupakan bahasa pemrograman kecil yg berjalan disisi browser
B. Web Browser
merupakan sebuah perangkat lunak(aplikasi)yg digunakan untuk menampilkan halaman-halaman web.
beberapa contoh web browser:
- ms.internet eksploler(http://www.microsoft.com)
- mozilla firefox(http://www.mozilla.org)
- opera(http://www.opera.com)
- safari(http://aplple.com/safari)
C. EDITOR GAMBAR
merupakan unsur yg pntng dlm design web.Editor gambar merupakan perangkat lunak/aplikasi yg dpt digunakan untuk membuat dan mengedit gambar.editor gambar dpt dibagi menjadi 2 jenis:
1. Pain program menghasilkan gambar dalam format bitmap atau raster.
contoh: adobe photoshop dan Macromedia fireworks.
2. Draw program merupakan jenis editor gambar yg menghasilkan file gambar dalam format vektor.
contoh:macromedia freehand dan adobe ilustrator.
D. EDITOR MULTIMEDIA
Jenis file multimedia diantaranya file audio,vidio,animasi. Jenis format file multimedia beserta plugin untuk membukanya:
*format multimedia
1. macromedia flash = fla/flv
2. macromadia shockwave = swf
3. real media = rtm
4. adobe acrobat = pdf
*tipe
1. animasi
2. animasi
3. streaming audio dan vidio
4. rich text document
*plugin
1. flash player
2. shockwafe player
3. real player
4. acrobat reader
E. EDITOR WARNA
Beberapa software atau aplikasi yg digunakan dalam desig web,sebenarnya banyak juga yg menyertakan fasilitas untuk memilih warna dgn mudah.
contoh:
1. macromedia dreamweaver
2. adobe photoshop
3. color schemer
e.<a href=..> …</a>
My Blog 