www.oocities.org/willydotnet
A good web site is all about its contents and layout designs. Once you know what you want the world to see on your web site, you need to have a nice (and yet simple) layout for the contents to be placed. A good web site is pleasant to the viewers' eyes and also browsers friendly while adhering to the web standards.
Looking for a free and reliable web hosting for your own web site? Here's a few links you should try.
HTML or HyperText Markup Language, is a markup language used to create web pages. With easy to use WYSIWYG web authoring software such as Dreamweaver and Microsoft FrontPage, anyone can set up his/her web site within a minutes without indepth HTML knowledge.
But if you want more control over your web site(s), you should learn HTML. A good place to start is W3 Schools which offers free tutorials with easy to try-out examples. Also check out sites such as Chami.com Tips for more useful HTML tips.
Almost identical to HTML (4.01) is XHTML or EXtensible HyperText Markup Language. It is a stricter and cleaner version of HTML but most important of all, it is aimed to replace HTML in the future. XHTML is not very different from HTML (4.01), so learning XHTML is not a problem once you are familiar with HTML. Free tutorials are also available at W3 Schools.
Once you get along well with HTML and XHTML, it is time you make friend with CSS. CSS or Cascade Style Sheets, is a mechanism that add style (e.g. fonts, colors and spacing) to your HTML documents.
CSS is not a new web phenomenon anymore. W3C (World Wide Web Consortium), the governing body of the web, introduced CSS (version 1) in December 1996 to replace the traditional font tag and other 'style' markup in HTML documents. Unfortunately, due to slow adoption by major browsers developers such as Microsoft on their IE browser, CSS wasn't well accepted at that time. But now, CSS is the way to go if you are into real web designing.
In term of learning curve, CSS is very much straight forward and easier to learn than Javascript as it is more human readable.
To get started, I still recommend W3 Schools and then css.maxdesign.com.au for the tutorials. Also check out CSS Zen Garden, a web site dedicated to the beauty of CSS in web designing.
Without doubt, graphics image(s) can make a web site much more attractive.
From fancy interface to colourful glowing buttons, the name Photoshop is the preferred choice for many web graphics enthusiasts and professionals. Unfortunately Photoshop is not free and rather costly. Alternatively, freeware program such as Paint.Net can be an good option if you don't have Photoshop.
For Photoshop users, here's a few good tutorials links:
Using photography image(s) as background or header is also one great way to beautify your web page(s). Check out some of the stock photography images sites such as Morguefiles and Stock.XCHNG and get a few downloads of the royalty free photography files. You can further resize and modify these files according to your web page resolutions and preference.
And remember, always consider the downloading time to load all your graphics into your web page. It is not a good way to let your online visitors wait so long just to load your graphics - particular those using dial-up connection. So don't overkill your web site with too many or too large graphics.
Just like cartooning, GIF animation can make a web page looks less static. This type of animation is most suitable for small size scale web graphics (such as web banners or buttons) and does not need any scripting feature.
You can use programs such as UnFREEz (Freeware), Adobe Photoshop, and Adobe ImageReady to create GIF animation. Alternatively, download it from GIF animation sites.
For more advance web animation, the name Flash is the leader in this field. But to view Flash, you need to have a plug-in player (which can be downloaded from Adobe official site) and also a fast Internet connection (broadband) is preferable.
Advantages of Flash:
To create Flash movie or animation, you can either use Flash authoring software by Adobe (formerly Macromedia) or any third party programs such as KoolMoves, or SWISHmax, to name a few.
Recommended Flash tutorials sites:
Also take a view of some of the best Flash web sites at Best Flash Animation Site.com.
In term of web standards, embedding Flash movie(s) in HTML/XHTML document will make the web page become a not valid HTML/XHML's standards page. Several techniques such as Flash Satay, Unobstrusive Flash Objects (UFO), SWFObject and the like are becoming common solutions to counter this side effects when embedding Flash in HTML/XHTML.
Scripting can further enhance a web site features and functionality such as dynamic navigation menu, mouse effects, animation, web forms and much more. There are many type of web scripting languages and some of them are only dedicated to work from the server side which most of us don't have the privilege access rights to use it.
On the other hand, browser's scripting is much more popular because no server privilege is required and it executes directly from the user's browser. The most popular browser's scrpting language is still JavaScript. Just embed it inside your HTML/XHTML document and it will run directly from the user's browser when load.
Unless you are keen into programming and want to write your own script, free JavaScript codes are also widely available from sites such as:
I also recommend a freeware program - JavaScript Collector, which contains a database with over 200 ready-to-use JavaScripts. Just select, cut and paste the scripts into your HTML/XHTML document and modify a bit to suit your needs.
Also remember that not all scripts are compatible with current major web browsers. Avoid those old scripts and always test out first whether it can work on all current browsers.
Some web sites such as Open Source Web Design are giving away free web templates designed by its members. This is a good place to start learning about other people designing styles as well as looking for new ideas for your own site(s) - unless you prefer to use them.
Q: What technique do you use to embed Flash in your xhtml?
SWFObject. To check out why it is better than the other techniques, read the articles at Geoff Stearns website.
Q: How do you create the sliding menu?
You can get this cool Javascript codes at www.jtricks.com.
Q: How do you make the 3D rotating wheel?
A combination of 3DS Max 8, Swift 3D, and Macromedia Flash MX.
Q: What program you use to create your xhtml?
Macromedia (now known as Adobe) Dreamweaver MX 2004.
Getting started with HTML ... by Dave Raggett
CSS Authoring Tools ... by World Wide Web Consortium (W3C)
Fix Your Site With the Right DOCTYPE!
... by Jeffrey Zeldman
My strictly XHTML website is not compatible everywhere. Why? ... by Raphaël GOETTER
SWFObject: Javascript Flash Player detection and embed script ... by Geoff Stearns
Flash Satay : Embedding Flash while supporting standards ... by Drew McLellan
BlaTek Satay Appendix ... by Bogdan Blaszczak
Create a site for all resolutions ... by Raphaël GOETTER
↑ Top
----------------------------------------------------------------------------------------------------
Copyrights 2007 © WHMK