Webmaster Resources Center

Welcome to the Bravenet Resource Center. Use these resources to help make your web pages more advanced and fun to use.

HTML/CSS Tutorials

Before you code

Getting Started:

You will need a couple of things in order to create a Web Document, the first being a Web Browser such as: Internet Explorer, Safari, Firefox (recommended), Opera etc. Internet Explorer comes installed with Windows and Safari with Mac.

The second thing you will need is a Text Editor. If you are running Windows - have a look for Notepad, and on a Mac - Text Edit. These programs come installed with the operating system but you are not limited to them, you can use any text editing program you choose.

NOTE: You can download and/or purchase other programs that are made specifically for writing HTML. Some programs will completely write the code for you (called WYSIWYG editors) while others will only guide you. You can try out AceHTML Freeware if you would like to become more familiar with a more advanced HTML editor. The draw back to this is that it also installs a web browser toolbar but you can remove it via your control panel.

Saving Files:

The first time you save your file choose FILE->SAVE AS, give the file a name and the extension .html (filename.html). This will save the file as HTML rather than text. For saving further edits to this file you can simply press SAVE. If you wish to give the file another name choose SAVE AS again. When selecting names for your files there are a few basic rules to keep in mind:

  • never use a space anywhere in the filename (people commonly replace spaces with an underscore or hyphen)
  • do not use any other punctuation marks besides hyphen and/or underscore in your filename
  • keep your filenames short and descriptive
  • choose a style for uppercase/lowercase usage and stick to it (one common practice is to capitalize the first letter in every word after the first)

Ex: aboutUs.html -Bravenet Hosting services are case sensitive so it's a good idea to choose a style and stick to it for your web documents, images, spreadsheets, whatever you use.

When you are building the very first page of your website, the one that people will see when they first land at your web address, you should name it 'index.html'. Browsers will identify index files as the first file to display if no name is entered in the address bar.

Ex: if I type www.yourdomainname.com into my browser's address bar, the browser will look for a file named index in your directory. If there is a file named index.html it is the default file that the browser will pick up. If I type in www.yourdomainname.com/index.html, I will get the same page. This is how come we don't have to enter a file name for the main root domain name. The browser identifies it all on its own.

Viewing Files:

You can view your HTML files in a Web Browser via several different methods. You can find the file on your computer, and double click it, which will open it in your default browser. (HINT: If it opens up the text file, the file was not saved correctly. Rename with the HTML extension.) You can right click the file and choose 'open with' and choose the Web Browser you wish to view your Web Document in. One final way is to open the Web Browser of your choice; click FILE > OPEN and find the document you wish to view.

TIP: You should always view your pages in more than one browser as they tend to render HTML differently.

Viewing the Source Code:

You can view the Source Code of any page on the internet; even if it is not your own! You can do so in two different ways:

  1. Right click anywhere on the page (except an image) and select View Source (or View Page Source depending on your browser). This will open up a text editor with the HTML for the page.
  2. Choose VIEW > SOURCE (or Page Source depending on your browser) from the menu bar. This will open up a text editor with the HTML for the page.

NOTE: Right Click is disabled on some pages if that is the case then use the second method.