0 BELAJAR Membuat WEBSITE - Basic HTML

BELAJAR Membuat WEBSITE - Basic HTML

Mungkin anda yang masih awam bertanya - tanya, bagaimana cara membuat website? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita tinggal mendaftar saja di penyedia layanan blog seperti Blogspot, Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal instal saja seperti. Disini kita belajar manual web (membuat website secara manual) walaupun masih sederhana dan statis. Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program"yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet Explorer, Netscape, Opera, dll).

Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR WEBSITE

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.

Apa yang dimkasud dengan file HTML?

-    HTML merupakan kependekan dari Hyper Text markup Language

-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

-    File HTML harus memiliki ekstensi htm atau html

-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code 

disini anda akan menemui tag - tag semacam ini:

<HTML> </HTML>

Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.  
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash(garis miring) di depan awal tulisannya. 
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Sekarang kita akan beralih pada tag selanjutnya.

<HTML> <BODY> </BODY> </HTML>

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:

<HTML> <BODY> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12 disitu akan muncul tulisan "Tulisan ini akan tampak dalam browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan suatu perintah bagi browser untuk menampilkan perintah kita. 

Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.

<HTML> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya tekan F12 atau klik tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.

Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:

<HTML> <HEAD> <TITLE>WEBSITE BUATANKU</TITLE> </HEAD> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser. </BODY> </HTML>

Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: WEBSITE BUATANKU 
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:

Alhamdulillah, selesailah latihan pertama Belajar Membuat Website - HTML.
Selamat belajar HTML di Dreamweaver 

0 yr-one grafis JENIS FORMAT FILE VIDEO

JENIS FORMAT FILE VIDEO

Sore ini, buka-buka video di laptop (Movie video !! bukan video ariel-luna, hehe), saya tersadar bahwa ternyata banyak jenis format video yang tersebar di permukaan bumi ini, heheh. Video merupakan visualisasi yang juga berisi audio, dimana sudah sangat sering kita jumapi dan kita tonton. Format video pun sangat beragam, tidak semua format dapat di putar dengan pemutar video biasa. Kategori Video File mencakup berbagai format video, yang menggunakan codec yang berbeda untuk mengkodekan dan kompres data video. Kategori ini juga mencakup file proyek video dan file video informasi, yang mungkin tidak berisi data video. Beberapa format yang sangat populer yaitu, .avi, .mp4,. flv dll.Inilah format-format video selengkapnya:

Ekstensi File	Deskripsi		Popularitas
.264	Ripped Video Data File		Uncommon
.3g2	3GPP2 Multimedia File		Very Common
.3gp	3GPP Multimedia File		Very Common
.3gp2	3GPP Multimedia File		Average
.3gpp	3GPP Media File		Average
.3gpp2	3GPP2 Multimedia File		Uncommon
.3mm	3D Movie Maker Movie Project		Average
.3p2	3GPP Multimedia File		Average
.60d	CCTV Video Clip		Uncommon
.aep	After Effects Project		Average
.ajp	CCTV Video File		Average
.amv	Anime Music Video File		Average
.amx	Adobe Motion Exchange File		Average
.arf	WebEx Advanced Recording File		Average
.asf	Advanced Systems Format File		Very Common
.asx	Microsoft ASF Redirector File		Very Common
.avb	Avid Bin File		Average
.avd	Movie Edit Pro Video Information File		Uncommon
.avi	Audio Video Interleave File		Very Common
.avs	Application Visualization System File		Uncommon
.avs	AviSynth Script File		Average
.axm	AXMEDIS Object		Average
.bdm	AVHCD Information File		Common
.bdmv	Blu-ray Disc Movie Information File		Average
.bik	BINK Video File		Average
.bin	Binary Video File		Average
.bix	Kodicom Video File		Average
.bmk	PowerDVD MovieMark File		Average
.box	Kodicom Video		Average
.bs4	Mikogo Session Video Recording		Uncommon
.bsf	Blu-ray AVC Video File		Common
.byu	Brigham Young University Movie		Average
.camproj	Camtasia Studio Project		Common
.camrec	Camtasia Studio Screen Recording		Average
.clpi	Blu-ray Clip Information File		Average
.cmmp	Camtasia MenuMaker Project		Average
.cmmtpl	Camtasia MenuMaker Template		Average
.cmproj	Camtasia Project File		Average
.cmrec	Camtasia Recording		Average
.cpi	AVCHD Video Clip Information File		Common
.cvc	cVideo		Average
.d2v	DVD2AVI File		Average
.d3v	Datel Video File		Average
.dat	VCD Video File		Average
.dav	DVR365 Video File		Uncommon
.dce	DriveCam Video		Average
.dck	Resolume Deck File		Average
.ddat	DivX Temporary Video File		Uncommon
.dif	Digital Interface Format		Uncommon
.dir	Adobe Director Movie		Average
.divx	DivX-Encoded Movie File		Common
.dlx	Sony VDU Video File		Uncommon
.dmb	Digital Multimedia Broadcasting File		Average
.dmsm	VideoWave Movie Project File		Common
.dmsm3d	VideoWave 3D Movie Project File		Uncommon
.dmss	VideoWave SlideShow Project File		Average
.dnc	Windows Dancer File		Uncommon
.dpg	Nintendo DS Movie File		Average
.dream	Dream Animated Wallpaper File		Common
.dsy	Besta Video File		Rare
.dv	Digital Video File		Average
.dv-avi	Microsoft DV-AVI Video File		Average
.dv4	Bosch Security Systems CCTV Video File		Uncommon
.dvdmedia	RipIt DVD Package		Common
.dvr-ms	Microsoft Digital Video Recording		Common
.dvx	DivX Video File		Average
.dxr	Protected Macromedia Director Movie		Average
.dzm	DirectorZone Menu Template		Common
.dzp	DirectorZone Particle Effect File		Common
.dzt	DirectorZone Title File		Average
.evo	HD DVD Video File		Average
.eye	Eyemail Video Recording File		Average
.f4p	Adobe Flash Protected Media File		Average
.f4v	Flash MP4 Video File		Common
.fbr	FlashBack Screen Recording		Common
.fbr	Mercury Screen Recording		Uncommon
.fbz	FlashBack Screen Recorder Movie		Average
.fcp	Final Cut Project		Average
.flc	FLIC Animation		Average
.flh	FLIC Animation File		Average
.fli	FLIC Animation		Average
.flv	Flash Video File		Very Common
.flx	FLIC Animation		Average
.gl	GRASP Animation		Average
.grasp	GRASP Animation		Average
.gts	CaptiveWorks PVR Video File		Average
.gvi	Google Video File		Rare
.gvp	Google Video Pointer		Uncommon
.hdmov	QuickTime HD Movie File		Common
.hkm	Havok Movie File		Average
.ifo	DVD-Video Disc Information File		Average
.imovieproj	iMovie Project File		Common
.imovieproject	iMovie Project		Average
.iva	Surveillance Video File		Uncommon
.ivf	Indeo Video Format File		Average
.ivr	Internet Video Recording		Average
.ivs	Internet Streaming Video		Average
.izz	Isadora Media Control Project		Average
.izzy	Isadora Project		Average
.jts	Cyberlink AVCHD Video File		Average
.lsf	Streaming Media Format		Average
.lsx	Streaming Media Shortcut		Uncommon
.m15	MPEG Video		Rare
.m1pg	iFinish Video Clip		Average
.m1v	MPEG-1 Video File		Uncommon
.m21	MPEG-21 File		Average
.m21	AXMEDIS MPEG-21 File		Average
.m2a	MPEG-1 Layer 2 Audio File		Uncommon
.m2p	MPEG-2 Program Stream File		Common
.m2t	HDV Video File		Average
.m2ts	Blu-ray BDAV Video File		Average
.m2v	MPEG-2 Video		Average
.m4e	MPEG-4 Video File		Rare
.m4u	MPEG-4 Playlist		Average
.m4v	iTunes Video File		Common
.m75	MPEG Video		Rare
.meta	RealPlayer Metafile		Uncommon
.mgv	PSP Video File		Average
.mj2	Motion JPEG 2000 Video Clip		Average
.mjp	MJPEG Video File		Average
.mjpg	Motion JPEG Video File		Uncommon
.mkv	Matroska Video File		Common
.mmv	MicroMV Video File		Rare
.mnv	PlayStation Movie File		Average
.mod	Camcorder Recorded Video File		Common
.modd	Sony Video Analysis File		Uncommon
.moff	Sony Video Analysis Index File		Uncommon
.moi	MOI Video File		Common
.moov	Apple QuickTime Movie		Uncommon
.mov	Apple QuickTime Movie		Very Common
.movie	QuickTime Movie File		Uncommon
.mp21	MPEG-21 Multimedia File		Average
.mp21	AXMEDIS MPEG-21 Object		Average
.mp2v	MPEG-2 Video File		Uncommon
.mp4	MPEG-4 Video File		Very Common
.mp4v	MPEG-4 Video		Uncommon
.mpe	MPEG Movie File		Uncommon
.mpeg	MPEG Movie		Common
.mpeg4	MPEG-4 File		Rare
.mpf	MainActor Project File		Rare
.mpg	MPEG Video File		Very Common
.mpg2	MPEG-2 Video File		Rare
.mpgindex	Adobe MPEG Index File		Average
.mpl	AVCHD Playlist File		Average
.mpls	Blu-ray Movie Playlist File		Average
.mpv	MPEG Elementary Stream Video File		Average
.mpv2	MPEG-2 Video Stream		Rare
.mqv	Sony Movie Format File		Average
.msdvd	Windows DVD Maker Project File		Average
.msh	Visual Communicator Project File		Average
.mswmm	Windows Movie Maker Project		Average
.mts	AVCHD Video File		Common
.mtv	MTV Video Format File		Average
.mvb	Multimedia Viewer Book Source File		Average
.mvc	Movie Collector Catalog		Uncommon
.mvd	Movie Edit Pro Movie File		Average
.mve	Infinity Engine Movie File		Average
.mvp	Movie Edit Pro Video Project File		Uncommon
.mxf	Material Exchange Format File		Common
.mys	Vineyard Captured Video File		Uncommon
.ncor	Adobe Encore Project File		Average
.nsv	Nullsoft Streaming Video File		Average
.nvc	NeroVision Express Project File		Average
.ogm	Ogg Media File		Common
.ogv	Ogg Vorbis Video File		Average
.ogx	Ogg Vorbis Multiplexed Media File		Average
.osp	OpenShot Project File		Uncommon
.par	Dedicated Micros DVR Recording		Uncommon
.pds	PowerDirector Script File		Common
.pgi	Video Recording File		Average
.piv	Pivot Stickfigure Animation		Average
.playlist	CyberLink PowerDVD Playlist		Average
.pmf	PSP Movie File		Average
.prel	Premiere Elements Project File		Average
.pro	ProPresenter Export File		Average
.prproj	Premiere Pro Project		Common
.psh	Photodex Slide Show		Common
.pssd	PhotoSuite Slide Show File		Uncommon
.pva	PVA Video File		Uncommon
.pvr	Wintal PVR Video File		Uncommon
.pxv	Pixbend Media File		Average
.qt	Apple QuickTime Movie		Uncommon
.qtch	QuickTime Cache File		Average
.qtl	QuickTime Link File		Average
.qtm	Apple QuickTime Movie File		Uncommon
.qtz	Quartz Composer File		Average
.rcproject	iMovie ’08 Project		Common
.rdb	Wavelet Video Images File		Average
.rec	Topfield PVR Recording		Average
.rm	Real Media File		Very Common
.rmd	RealPlayer Media File		Rare
.rmp	RealPlayer Metadata Package File		Average
.rms	Secure Real Media File		Average
.rmvb	RealMedia Variable Bit Rate File		Common
.roq	Id Software Game Video		Average
.rp	RealPix Clip		Average
.rts	RealPlayer Streaming Media		Average
.rts	QuickTime Real-Time Streaming Format		Average
.rum	Bink Video Subtitle File		Average
.rv	Real Video File		Average
.sbk	SWiSH Project Backup File		Average
.sbt	SBT Subtitle File		Uncommon
.scm	Super Chain Media File		Rare
.scm	ScreenCam Screen Recording		Common
.scn	Pinnacle Studio Scene File		Uncommon
.sec	GuinXell Video File		Rare
.seq	NorPix StreamPix Sequence		Average
.sfvidcap	Sonic Foundry Video Capture File		Average
.smi	SMIL Presentation		Average
.smil	SMIL Presentation File		Common
.smk	Smacker Compressed Movie File		Average
.sml	SMIL Slideshow Presentation		Uncommon
.smv	VideoLink Mail Video File		Uncommon
.spl	FutureSplash Animation		Average
.srt	SubRip Subtitle File		Common
.ssm	Standard Streaming Metafile		Average
.str	PlayStation Video Stream		Uncommon
.stx	Pinnacle Studio Project File		Common
.svi	Samsung Video File		Average
.swf	Flash Movie		Very Common
.swi	SWiSH Project File		Average
.swt	Flash Generator Template		Average
.tda3mt	DivX Author Template File		Average
.tivo	TiVo Video File		Average
.tix	DivX Video Download Activation File		Common
.tod	JVC Everio Video Capture File		Average
.tp	Beyond TV Transport Stream File		Average
.tp0	Mascom PVR Video File		Average
.tpd	Cyberlink TOD Video File		Average
.tpr	TMPGEnc Project File		Average
.trp	HD Video Transport Stream		Common
.ts	Video Transport Stream File		Common
.tvs	TeamViewer Video Session File		Average
.vc1	VC-1 Video File		Average
.vcpf	VideoConvert Project File		Average
.vcr	ATI Video Card Recording		Uncommon
.vcv	ViewCave Video File		Average
.vdo	VDOLive Media File		Average
.vdr	VirtualDub Signpost File		Average
.veg	Vegas Video Project		Common
.vem	Meta Media Video E-Mail File		Uncommon
.vf	Vegas Movie Studio Project File		Common
.vfw	Video for Windows		Uncommon
.vfz	Creative Webcam Video Effects File		Average
.vgz	DigitalVDO Compressed Video File		Average
.vid	Generic Video File		Average
.viewlet	Qarbon Viewlet		Average
.viv	VivoActive Video File		Average
.vivo	VivoActive Video File		Average
.vlab	VisionLab Studio Project File		Average
.vob	DVD Video Object File		Very Common
.vp3	On2 Streaming Video File		Rare
.vp6	TrueMotion VP6 Video File		Average
.vp7	TrueMotion VP7 Video File		Average
.vpj	VideoPad Video Editor Project File		Average
.vro	DVD Video Recording Format		Common
.vsp	VideoStudio Project File		Average
.w32	WinCAPs Subtitle File		Average
.wcp	WinDVD Creator Project File		Average
.webm	WebM Video File		Average
.wm	Windows Media File		Average
.wmd	Windows Media Download Package		Average
.wmmp	Windows Movie Maker Project File		Average
.wmv	Windows Media Video File		Very Common
.wmx	Windows Media Redirector		Average
.wp3	Microsoft Photo Story Project File		Average
.wpl	Windows Media Player Playlist		Average
.wtv	Windows Recorded TV Show File		Common
.wvx	Windows Media Video Redirector		Average
.xfl	Flash Movie Archive		Average
.xvid	Xvid-Encoded Video File		Common
.yuv	YUV Video File		Common
.zm1	ZSNES Movie #1 File		Average
.zm2	ZSNES Movie #2 File		Average
.zm3	ZSNES Movie #3 File		Average
.zmv	ZSNES Movie File		Average