Archive for the ‘Getting Started’ Category

New Service and website to go with it!

I just finished a new website geared towards offering a new service. The website is called Bake it! offering Web Design Conversion.

What does that mean, well you give me your design and I will turn it into a Standards Compliant web page, it’s that simple.

Take a look, you can find it at http://www.Bakeit.ws

Posted by mnoga on February 4th, 2007 No Comments

Backgrounds all around (CSS)

The background property is used to set an image as a background of something, such as the whole page or a div or even a table cell. This is best don using CSS.

Example:

  1. BODY { background: white url(mainBG.gif); }

The background-repeat property specifies how a background image is repeated.

The repeat-x value repeats the image horizontally

The repeat-y value repeats the image vertically.

Example:

  1. BODY { background: white url(mainBG..gif);
  2. background-repeat: repeat-x }

This code will create a background image for the body of your html document that is repeated horizontally across the screen.

Posted by mnoga on December 6th, 2006 No Comments

Basic HTML - a brief explanation

To start out with there are 2 main sections of an HTML document (aka - a web page). The HEAD and the BODY. Using these two section you have a standard skeleton for your HTML document. Here is an example below;

  1. <html>
  2.        <head>
  3.            <title> </title>
  4.           HEAD Content Here
  5.        </head>
  6.        <body>
  7.            BODY Content Here
  8.        </body>
  9.     </html>

Now, lets take a close look at each part of the HTML document.

For starters, the whole document should be wrapped inside of the <HTML> </HTML> tags. You will notice that the is one at the beginning as well as the the end, the only difference between them is the / in the end one. This / is used to close a tag. All HTML tags should be closed, either by using a close tag such as the </html> or for some tags that do not have a close to them you close it with in it’s self. You will learn over time which way to close each tag.

Examples;

Tags with closing tags;

  1. <html> </html>
  2. <p> </p>
  3. <table> </table>

Tags that do not have a close tag (you close these with in it’s self);

  1. <br />
  2. <meta />
  3. <hr />

Ok, now lets look at the HEAD section.

Anything you put in the HEAD section will not show up in the browser. This is where you put your <style> tags for using CSS, and your <script> tags when working with JavaScript, and all your <meta> tags. I will try to get into what each of these are in other posts.

This is also where you set the title of your web page using the <title> tag. This is one of those tags that has a close tag with it (<title>Your Title</title>). What you enter in the title tags is what shows up in the browsers title bar. Like if you look up at the tile bar right now, you will see “MichaelNoga.com << Blog Archive << Basic HTML - a brief explanation. Normally you would want to keep this title short and relevant to the info on that web page. It will help with search engines as well.

And now, the BODY section.

The BODY is where all your content goes, everything you want visitors to see goes right here. What you’re reading right now is content between the BODY tags. I will get into more detail about how to format your content and what other HTML tags you can use to make it look good.

As always, let me know if you have any questions for would like to request a topic for me to cover.

Posted by mnoga on November 13th, 2006 No Comments

Just “Getting Started”

I had dinner with a few friends the other night and my Blog came up during the conversation. One friend in particular, Jeff, mentioned how he really did not understand a lot of the post topics on here. My other friend Dan chimed in and asked my why I don’t have anything that the average person (non web head) can understand.

That got me thinking, I realized I was forgetting about a lot of people out that that are just Getting Started in the web field, weather it be as developers or designers, as well as the hobby Webmasters out there.

So, here we are, I’ve decided to start a section for all of you that are just Getting Started. I will try to cover the basics here. Things most seasoned Web Developers take for granted. Anything from HTML and CSS to JavaScript, PHP and maybe some Ruby. But I will try to keep the PHP and Ruby stuff as simple as possible.

If there are any specifics you would like me to cover or and questions you would like me to answer, use my contact form and under contact reason just choose “Request a Post”.

Hope to hear from you soon!!!

Posted by mnoga on November 7th, 2006 2 Comments

Basic HTML and CSS - Centering Text

Here are is some basic HTML code that can be used to jazz up a web page. I will cover how to bold, italicize and underline text, as well as change the color of text.

There are better ways of accomplishing these task such as using CSS, but I will cover that another time.

Lets start with centering some text.

If you'd like your text to be centered, you can use the <center> tag. Like all HTML tags, it will need to be closed, you do this with the </center> tag. Although this tag is no longer considered to be in active use by the W3C, it is still usable today.

EXAMPLE;

<center>Follow the white rabbit</center>  

You also have the option of using the <p> tag to center a paragraph of text.  At the start of the paragraph, you would enter the tag <p style="text-align: center;"> and close the tag with </p>.  This is the correct way to center text, using CSS (cascading style sheets).

EXAMPLE;

 <p style="text-align: center;"> A paragraph about the white rabbit </p>

Posted by mnoga on November 2nd, 2006 1 Comment