We are moving…

June 30th, 2008

Yup. You read it right. We’re invited to build an official tutorial blog by iLuvIslam and share it to millions of their visitors as well. Perhaps this will be something BIG. Check out our new home at tutorial.iluvislam.com and I’m expecting it will fully operated in the middle of July. And we’re serving in Malay language ;)

 

We’ve moving

Internet Browser - So you think it’s the same?

June 13th, 2008

Well, I guess after writing tutorials and entries about Photoshop, I guess it is time to start the lesson on web designing. In this entry, we will look upon the element of Internet browser because as a web designer, you have to expect visitors that are using different types of Internet browser. These are the 4 most used Internet browser based on a research carried our by w3C, namely Firefox, Internet Explorer, Safari, and Opera. To give some idea why this topic (Internet Browser) is important, you might wanna look at this long images which I’m comparing the same section of Jom Design entry using Firefox, IE and Safari.

 Jom Design on 3 different browser

 See the differences? As said, a good designer will not only know how to design effectively, but able to predict what and how the audiences see the end results of it. So, here are few links to download 3 different browsers. Try to see several websites with these browsers. :) See you later!

 

Web Design Tutorial #1

June 8th, 2008

In this entry, I will show you how to write few HTML codes which enable you to write a simple static website. If you don’t have and HTML editor, a notepad would be enough. If you want something greater than notepad, try ConText. Ready? Get set, go!

  • Website
    A basic HTML page will have these codes in it. Well, just copy it if you want it.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”"http://www.w3.org/TR/html4/loose.dtd”>            

<html><head>

<title>Your Website Title</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

</head><body>

</body></html>

  • Paragraph
    In order to write a paragraph, you need the paragraph tag. 
<p>Your Text Here</p>     

    Easy? I told you it isn’t that hard.
  • Link

In order to write a paragraph, you need the paragraph tag. 

<a href=”http://www.youlink.com/”>Your Link</a>           

Example: Mohd Rafie

  • Images

In order to write a paragraph, you need the paragraph tag. 

    <img src=”Link of Your Image” alt=”Alternate text” />

    Canon EOS 400D For Sale

     

 Note: All of the paragraph, link, image codes can go anywhere between the body tag.

<body><— Place your codes here —></body>       

 There are other properties as well that we can put like text-align, colour, and font in those tags, but for but this tutorial is just for you to get familiar with it. Well, I hope you will now know how to make a simple static HTML website. Download the tutorial file here and let see what you can do with it. :)  If you have the basic idea about all of these things, perhaps you want to read by How to make your web RUN

 How to make your web run

 Have a nice day and try this tutorial out. Enjoy~

Other references:

  1.  W3Schools  - View list of tags including description.
  2. W3C - Introduction to HTML by Dave Raggett’s

If you are creative enough

May 28th, 2008

you can just only use typeface to create stunning type motion like this…

Wanna keep up-to-date?

May 26th, 2008

Jom Design - Email Subscription

Fill up the form below because I will email you the latest news and updates in this blog. No spam, I hate it as well!

Enter your email address:

Owh, almost forgot, it’s powered by Feedburner. Cool stuff! ;)

P/S: Don’t forget to check you email for activation links. Cheers~