My posts on Web Development

Creating a localhost in Windows (Part 1: Installing Apache)

A localhost is a developers best friend when it comes to testing out server side scripts etc. Much like a web-server, a localhost is a space which is offline but allows you to view/test server side code as if it was a real online server, but infact you will be creating a server which can only be accessed by you. There are many ways to create an localhost but there is one easy newbie friendly way to go about it, and that is by installing Apache web server on your computer. This method is very simple and easy to follow.

(more…)

Creating a glassy non div navigation bar

I’ve been doing a big of changes to the header of James’ Blog and one of the main changes is the navigation, I’ve used a glassy effect to make them stand out but I’ve also noticed I’ve posted quite a few tutorials on creating a navigation bar, but in each of them I’ve used divs. But it’s time for change! In this tutorial however, no divs will be used, instead you will be forming a navigation bar using a unordered list. This tutorial will show you how to style and control lists in CSS, as well as showing you the valid ways of using lists and where to use them.

(more…)

Creating a website navigation bar with CSS

There are many ways to create a navigation bar, you can use a programs like Photoshop and then convert the image into code, but when I see people creating them in Photoshop I think why bother? When you can simply use CSS for the whole creation and code of it. Granted Photoshop can be used in other development tasks such as designing a full website template. But in this tutorial I will show you how to create a very clean navigation bar using CSS and nothing else (Well HTML too but CSS for the majority!)

(more…)

How to make a decent navigation bar

A navigation bar is of course essential part of a website as it’s going to where all your links to the site are stored, so your obviously be going to needing one, and it’s also going to be need to look appealing. This tutorial will teach you how to make a navigation bar using only XHTML and CSS with no use of Javascript or any other code

(more…)