PANDUAN MEMBINA LAMAN WEB



Saya menggunakan ruangan ini untuk memahirkan diri dengan konsep pembinaan laman web. Saya ingin berkongsi dengan anda apa yang telah saya perolehi yang saya rasa boleh anda manfaatkan. Di dalam laman ini, saya sediakan beberapa capaian (links) untuk digunakan oleh anda bagi mendapatkan keterangan lanjut dan contoh-contoh bagi kemudahan anda semua.

Walaubagaimanapun, adalah diingatkan bahawa rupa bentuk laman kita adalah bergantung kepada daya kreativiti kita sendiri. Eloklah kalau anda memikirkan dahulu apakah yang anda hendak kongsi dengan orang lain sebelum membina laman web anda.

Ibarat orang hendak berniaga, kena fikir dahulu apa yang hendak dijual. Lepas itu barulah fikirkan dimana hendak ditempatkan premis perniagaan itu. Fikir juga bagaimana hendak menghias kedai anda tu supaya menarik minat orang untuk masuk ke kedai anda dan membeli barang-barang jualan. Begitulah adanya ..........


Langkah pertama, anda hendaklah mendapatkan tapak/web untuk membina laman. Tapak laman percuma banyak didapati dan anda boleh memilih mana-mana tapak yang anda suka. Antaranya ialah :
PERTAMA


Setelah memperolehi tapak laman, anda perlukan tutorial HTML bagi membuat laman/homepage dengan menggunakan tag HTML. Penguasaan kaedah HTML akan memberikan lebih daya kreativiti pada laman anda. Terdapat banyak tutorial di dalam internet. Anda boleh memilih mana-mana tutorial yang disenaraikan di bawah ini :
  • An Introduction to HTML
  • Barebones Guide to HTML
  • A Beginner's Guide to HTML
  • Beyond The Bones of HTML
  • Composing Good HTML
  • Crash Course on Writting Documents for the Web
    Terdapat juga perisian HTML bagi kegunaan membina laman terdapat di pasaran dan ada di antaranya boleh di beban kebawah secara terus dari internet. Antaranya adalah seperti berikut :
  • Built With BBEdit
  • Coffee Cup Software
  • Corel WEB and lnternet Products
  • Gomer HTML Editor
  • HomeSite for Window 95
  • Hot Dog
  • Microsoft Frontpage
  • Webber(TM)-HTML Editor
  • Web Design Group
    Terdapat juga beberapa cara yang paling mudah dan ringkas untuk membina laman, iaitu dengan hanya mengisi borang yang terdapat dalam laman-laman berikut:
  • Build Your Own Personal Home-Page
  • Create A Homepage
  • FreePage Homepage Creator
  • Make Your Own Homepage
  • Templates for Homepages
  • Webspawner-Create
    Cara untuk membina borang (form), boleh anda cuba beberapa kaedah, iaitu :
  • Carlos' Forms Tutorial
  • Email Form Generator
  • Form Tutor
  • The Super Simple Form Tutorial
    Sila klik di sini jika mahu mempelajari cara-cara buat borang (form) :
    Form Tutorial
    Selain itu, anda boleh mendapatkan panduan dan bantuan untuk membina bingkai (frame) di dalam laman anda. Berikut adalah antara tutorial yang saya temui untuk kita kongsi bersama :
  • Frames R' Us Tutorial
  • Frame Tutor
  • FrameShop
  • The Nestcape Frames Tutorial
  • KEDUA


    Warna adalah satu keperluan, dan yang pasti, warna adalah pemancar ilham kepada para pengunjung untuk menikmati laman anda. Warna dalam laman menggunakan kod tersendiri (hex), jadi, untuk memudahkan anda memilih warna sama ada untuk latarbelakang, jadual, frames dan sebagainya, sila klik mana-mana yang anda mahu untuk mendapatkan panduan warna :
  • 216 Color Square
  • Background Colors
  • Background Electronically Automated
  • The Browser Safe Color Pallete
  • Color Center
  • Color Editor FAQ
  • Color In Web Document
  • Color Maker
  • Color Manipulation Device 2.0
  • The Color Specifier for Netscape
  • Color Tables
  • Color Test
  • RGB Color Chart
  • KETIGA


    Laman anda memerlukan beberapa sisipan tambahan seperti CGI dan Java Scripts - Pembilang (Counters), Buku pelawat (Guestbooks), Borang yang boleh diisi dan dikirimkan melalui e-mail (Mail To Forms), dan sebagainya.
  • Behold! Software - Web Page Counter 
  • CGI Made Really Easy or, Writing CGI scripts to process Web forms 
  • The CGI Shop - Custom Programming Solutions for Web Applications 
  • The Common Gateway Interface 
  • Count4All Free WebCounter Service 
  • CountMania.com 
  • Cut-N-Paste JavaScript 
    Pilih skrip yang anda mahu cuba dan jika berkenan, anda CUT and PASTE kodnya ke dalam laman anda!
  • Dreambook -- Free Guestbook Server 
  • Guestbook Templates 
  • GuestWorld (Formerly Lpage.com) 
  • Index of Perl/HTML archives 
  • An Instantaneous Introduction to CGI Scripts and HTML Forms 
  • The Internet Audit Bureau 
  • KB Guestbook Server 
  • Matt Kruse's Perl Scripts 
  • Matt's Script Archive 
  • Net-User: Sean Cazzell's Perl Scripts 
  • Pagecount 
  • Pergatory Guestbook Server System 
  • Piett Productions - Guestbooks 
  • Remote Software 
  • Siteflow Free Counter 
  • Stevie's Guestbook SetUp 
  • Web Counter 
  • Yahoo!.....Computers and Internet.....Access Counts 
  • Yahoo!.....Computers and Internet.....CGI 
  • KEEMPAT




    Untuk menarik minat pelawat, latarbelakang (backgrounds), bullet, icons dan sebagainya boleh digunakan untuk menghiasi laman web anda. Anda boleh mencuba laman-laman berikut untuk memperoleh latarbelakang (backgrounds), bullet, icons, sama ada untuk laman peribadi, syarikat atau lain-lain kegunaan.
  • The 3D Font Ray Tracing Service 
  • A+ Art - Free Clipart Icons Backgrounds Buttons Bars Animate .gifs Photos 
  • Ace of Space Backgrounds 
  • Ace of Space Bordertown 
  • The Amazing Instant Online Animated Banner Maker 
  • Andy's Art Attack 
  • Animated GIFs and Home Page of Michael G. Shaikun 
  • Animation City 
  • Animations and Graphics for Your Website 
  • Anthony's Icon Library 
  • The Background Generator 2.0 
    Memerlukan keupayaan Java
  • The Background Sampler 
  • Backgrounds @ Solarflare 
  • The Banner Generator 
    Anda boleh hasilkan sendiri. Cubalah!!!
  • Barbara's Bordered Backgrounds 
  • Being Seen's Free Web Graphics 
  • Bill's Animated GIF Collection 
  • Bimsan's Home Page  ~ Banyak grafik menarik di sini!
  • The Button Lady's Buttons 
    Button untuk laman anak-anak
  • ByTheSea Enterprise's Image Collection 
  • Cat Gif Animations 
  • Cemetery Clip Art Page 
  • Cherished Memories  ~ Grafik Genealogy
  • Design Originals  ~ Grafik menarik sesuai untuk dipadankan!
  • The Doodle's Pad 
  • Fairy's Free and Easy To Download Icons 
  • Flower Icons Site 
  • Free Art @ Solarflare -- Theme Sets 
  • Free Art for HTML 
  • Free Icons by Goff 
  • Gen Gifs - Genealogy Pictures & Backgrounds  ~ GRAFIK GENEALOGY!
  • GIF Animation on the WWW 
  • GIF Construction Set 
  • GIF Wizard from Raspberry Hill Publishing, Inc.  ~ Anda boleh kurangkan byte GIF anda sehingga lebih daripada separuh!
  • GIFs to adorn your World Wide Web pages - Boersma, J. 
  • GopGirl's Background Gallery 
  • The Grafx Factory 
  • Graphics Links 
  • Greg's Texture Tiles 
  • Gruhn's Web Graphics 
  • Highland Graphics 
  • IconBAZAAR 
  • The Icon Depot 
  • ICONZ..... The Ultimate Free Icons Collection For Your HomePage 
  • Image-O-Rama 
  • Jelane's Free Web Graphics  ~ Grafik menarik sesuai untuk dipadankan dengan laman keluarga!
  • John's Background Page 
  • Ken Gunn's Graphics Page  ~ Grafik Genealogy daripada Genealogy's Most Wanted!
  • Lady Fay's Brilliant Buttons 
  • Logos to Go  ~ Logo laman percuma!
  • MacDaddy's Background Sampler 
  • The Mangus Clipart Server 
  • Map This! 
  • Media Links Free Graphics Page 
  • Microsoft Site Builder Workshop Web Gallery 
  • Mikey's Collection of Animated GIFS 
  • Moby's Icon Archive 
  • Net-User Graphics 
  • OldJim's Place 
  • Paint Shop Pro Software from JASC 
  • Tutorial Paint Shop Pro secara terus:
  • Darling's Tips & Tricks for Paint Shop Pro 
  • JASC Web Developers Forum 
  • Jeff's Paint Shop Pro Tips 
  • Laurie McCanna's Tips and Tutorials for Photoshop & Corel and Paint Shop Pro 
  • Paint Shop Pro Tips & Trips 
  • Paint Shop Pro Tips By The Little But Great Guy's! 
  • Paint Shop Pro Tutorials, Downloads & Links 
  • Paint Shop Pro Web Graphics 
  • T. Michael Clark PSP Tutorials 
  • Tips and Tricks for Paint Shop Pro 4.1 
  • Pam Bytes 
  • Pam Bytes - Backgrounds and images 
  • Pixel Foundry 
  • Pixelsight Manglers - Interactive Visual Design Tools 
    Anda boleh mencipta grafik dengan mudah!
  • Photoshop Tips - Graphics Guru Page 
  • The Rocket Shop 
  • RodCO Free Buttons, Icons and Such 
  • Roger's Animated Gif Collection 
  • Rose's Background Archive 
  • Sharon's World 
  • Stormi's Wallpaper Boutique 
  • Terry Gould's Graphics 
  • Texture Land 
  • Toadstool Genealogy Graphics & Backgrounds  ~ Grafik Genealogy !
  • Trendy.Net Homepage Builders Images & Graphics 
  • True Graph's Animated GIFs 
  • Victorian Animated Gifs 
  • VikiMouse Collection of Genealogy Graphics  ~ GRAFIK GENEALOGY !
  • The Virtual Library - A Webpage Design Resource 
  • VRL's Imaging Machine 
  • Web Design Resource Center 
  • Web Page Graphics 
  • Webground - Background Textures 
  • WebMaster - General Graphics & Clipart Links 
  • The Web Sorcery-Web Design by Rita Peitz 
  • Where the Caveman Dwells 
    Logo laman percuma!
  • Windy's Fashionable Page Designs 
  • Yahoo!.....Computers and Internet.....Graphics 
  • Ye Olde Genealogy Graphics Shop (YOGGS)  ~ GRAFIK GENEALOGY !
  • KELIMA


    Memasukkan lagu / muzik latar dapat memberi mood kepada laman web anda apabila dikunjungi. Jika anda berhasrat untuk memasukkan muzik latar, sila rujuk kepada panduan di bawah ini :
  • ABC's of Using MIDI Files on the Net 
  • Abundant Legal MIDI Files 
  • BLUEGRASS: The Bluegrass MIDI Page 
  • The Classical MIDI Archives 
  • Electrik's MIDI Archive Page 
  • MIDI Archives Sites - big list! 
  • MIDI Composer's Exchange 
  • The MIDI Farm 
  • MIDI File Central 
  • MIDI Might 
  • Mike Peterson's MIDI Page 
  • Peter Gabriel MIDI Files 
  • Setting Up a Midi Player in Your PC WWW Browser Software 
  • Standard MIDI Files on the Net 
  • Taylor's Traditional Tunebook 
  • Zap's MUSIC-ON-THE-NET Tutorial! 
    Masukkan MIDI muzik latar
  • KEENAM


    Apabila anda berjaya menyiapkan laman anda, langkah seterusnya anda lakukan ialah mengiklankan laman ke semua enjin pencari (search engine) seperti yang saya senaraikan di bawah ini. Tujuannya supaya laman (homepage) anda akan mudah ditemui oleh pengguna enjin pencari dan seterusnya melawat laman anda!
    Add Me!
    Submit your page to 34 popular sites for free, using one form!
  • Add It! 
  • Add Me! 
  • Add-Url 
  • Alta Vista Search - Submitting New URLs 
  • The GenePool Ring 
  • HotBot - Add URL 
  • Infoseek: Adding Your Web Site to Infoseek 
  • The Internet Link Exchange 
  • Lycos: Add a Site 
  • Net-Submit 
    Masukkan ke lebih 40 enjin pencari sekaligus
  • Places to Announce Your Sites 
  • Search Engines 
  • Submit It! 
  • WebCrawler: Add URLs 
  • A Webmaster's Guide to Search Engines and Directories 
  • Web Step Top 100 Free Listings 
  • WhoWhere? Add a Site 
  • Yahoo! - Add to Yahoo! 
  • Yahoo!.....Computers and Internet.....Announcement Services 
  • KETUJUH





    HOME



    1