mendesain web

Download MENDESAIN WEB

Post on 25-Feb-2016

54 views

Category:

Documents

1 download

Embed Size (px)

DESCRIPTION

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 - PowerPoint PPT Presentation

TRANSCRIPT

MENDESAIN WEB

MENDESAIN WEBSMK Negeri 1 Pekanbaru

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

Struktur Dasar Dokumen HTML Judul dokumen Isi dokumen

HTML: menandai awal dan akhir dokumen HTMLHEAD: menandai bagian header dokumen HTMLTITLE: memberi judul pada dokumen HTMLBODY: menandai awal dan akhir isi dokumen (yang ditampilkan)

Contoh Isi Dokumen HTML

Homepage saya Saya Perkenalan Perkenalkan, nama saya ..... Ini adalah homepagepertama saya, karena saya baru belajar tentang cara membuat homepage.

Daftar Tag,,,Komponen isian pada formulirLink berdasar area pada gambar,pengelompokan elemen dokumen

Dokumen Header Judul dokumen Isi dokumenJudul paragraf Paragraf,,,, Atribut
Ganti barisFont,
,EnumerasiGaris mendatarGambarLink (kaitan/rujukan)TabelKomentarFrame (bingkai)Formulir isianSOFTWARE HOMEPAGEDesainAdobe Photoshop : Desain berbasis titik ( bitmap ) Adobe Image Ready : Memotong gambar-gambar ke dalam format html Adobe Illustrator : Desain berbasis vector CorelDraw : Desain berbasis vectorMacromedia Freehand: Desain berbasis vector Efek DesainMacromedia Firework : Efek teks Painter : Memberikan efek lukisan Ulead Photo Impact : Efek frame dan merancangan icon yang cantik. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai's Power Tool dan Xenofex3D Studio Max : Untuk membuat objek dan animasi 3D.Gif Construction Set : Membuat animasi file gifMacromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.Microsoft Gif Animator : Membuat animasi file gifSwift 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.SOFTWARE ANIMASIWeb 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 FusionWeb 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. PerlUpload 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 PublishCARA MEMBUAT DOKUMENBukalah Program aplikasi NotepadKetikkan text Sbb -> Menyimpan DokumenKlik File, Save Tentukan Folder Penyimpanan Ketikkan nama filenya diakhiri dengan .htmlMisalnya coba.htmlKlik SaveHasilnya