1 / 13

MENDESAIN WEB

MENDESAIN WEB. SMK Negeri 1 Pekanbaru. Tentang HTML. HTML : format standar untuk membuat dokumen web Spesifikasi HTML standar (HTML 4.01 ) : http://www.w3.org/TR/html4

kert
Download Presentation

MENDESAIN WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MENDESAIN WEB SMK Negeri 1 Pekanbaru

  2. Tentang HTML HTML : format standar untuk membuat dokumen web Spesifikasi HTML standar (HTML 4.01 ) : http://www.w3.org/TR/html4 HTML merupakan bahasa bertanda, menggunakan rangkaian teks tertentu (tag) untuk menandai teks yang mempunyai interpretasi khusus File HTML berupa file teks (plain text file), bukan binary file, sehingga dapat dibuat menggunakan editor teks biasa

  3. StrukturDasarDokumen HTML • HTML: menandai awal dan akhir dokumen HTML • HEAD: menandai bagian header dokumen HTML • TITLE: memberi judul pada dokumen HTML • BODY: menandai awal dan akhir isi dokumen (yang ditampilkan) <HTML> <HEAD> <TITLE>Juduldokumen</TITLE> </HEAD> <BODY> Isidokumen </BODY> </HTML>

  4. ContohIsiDokumen HTML <html> <head> <title>Homepage saya</title> </head> <body> <h1>Saya</h1> <h2>Perkenalan</h2> <p>Perkenalkan, namasaya ..... Iniadalah <i>homepage</i> <b>pertama</b> saya, karenasayabarubelajartentang caramembuat <b><i>homepage</i></b>. </p> </body> </html> <!-- akhirdokumen HTML -->

  5. Daftar Tag • <html> Dokumen • <head> Header • <title> Juduldokumen • <body> Isidokumen • <h1>…<h6> Judulparagraf • <p> Paragraf • <b>,<i>,<u>,<sup>,<sub> Atribut • <br> Gantibaris • <font> Font • <li>,<ol>,<ul> Enumerasi • <hr> Garismendatar • <img> Gambar • <a> Link (kaitan/rujukan) • <table> Tabel • <!-- --> Komentar Frame (bingkai) Formulir isian • <frame>, <frameset> <iframe> • <form> <input>, <textarea>, <select> Komponenisianpadaformulir • <map> Link berdasar area padagambar • <span>, <div> pengelompokan elemendokumen

  6. SOFTWARE HOMEPAGE Desain EfekDesain Macromedia Firework : Efekteks Painter : Memberikanefeklukisan Ulead Photo Impact : Efek frame danmerancangan icon yang cantik. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai's Power Tool danXenofex • Adobe Photoshop : Desainberbasistitik ( bitmap ) • Adobe Image Ready : Memotonggambar-gambarkedalam format html • Adobe Illustrator : Desainberbasis vector • CorelDraw : Desainberbasis vector • Macromedia Freehand:Desainberbasis vector

  7. SOFTWARE ANIMASI • 3D Studio Max : Untuk membuat objek dan animasi 3D. • Gif Construction Set : Membuat animasi file gif • Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil. • Microsoft Gif Animator : Membuat animasi file gif • Swift 3D : Merancang animasi 3D dengan format file FLASH. • Swish : Membuat berbagai macam efek text dengan format file FLASH. • Ulead Cool 3D : Membuat animasi efek text 3D.

  8. Web Editor Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.1. Alaire Homesite2. Cold Fusion3. Microsoft Frontpage4. Macromedia Dreamweaver5. Net Object Fusion

  9. Web Programming • Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. • Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris. 1. ASP ( Active Server Page )2. Borland Delphi3. CGI ( Common Gateway Interface )4. PHP5. Perl

  10. Upload File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.1. Bullet FTP2. Cute FTP3. WS-FTP4. Macromedia Dreamweaver : dengan fasilitas Site FTP5. Microsoft Frontpage : dengan fasilitas Publish

  11. CARA MEMBUAT DOKUMEN • Bukalah Program aplikasi Notepad • Ketikkan text Sbb ->

  12. MenyimpanDokumen • Klik File, Save • Tentukan Folder Penyimpanan • Ketikkan nama filenya diakhiri dengan .html • Misalnya coba.html • Klik Save

  13. Hasilnya

More Related