# Web design

Here you will find all posts tagged 'web design'.

# Web Development Tutorial Part 5 – CSS

##### Posted November 15th, 2014 by Jason N

So having completed Part 1, Part 2, Part 3 and Part 4 of this series of web development tutorials, we’re finally able to actually construct a webpage. Now I said that we’d look at CSS in this tutorial, and we will, but first off let’s build a basic webpage that we can use to experiment with later.

Comments: none yet | Filed under: tutorials | Tagged: , , , , , ,

# Web Development Tutorial Part 2 – HTML

##### Posted September 14th, 2014 by Jason N

So having completed Part 1 of this series of web development tutorials, we can now begin to get some actual coding done, remembering of course that since we’re just using HTML and not CSS, we won’t be able to create a particularly attractive webpage, but we’ll at least have a foundation upon which we can further our knowledge.

We’ll start by examining the most basic HTML document usable practically. It looks like this:


<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>HTML document</title>
<body>
<p>This is a paragraph.</p>
</body>
</html>


Paste that into a file with the extension ‘.html’, and open it up in your favourite web browser – you can use a program like Notepad++ to do this (just switch the language to HTML). Note that when you do this, your browser is directly interpreting the file itself – there’s no request to a server or anything, so this is purely client-side.

Comments: none yet | Filed under: tutorials | Tagged: , , , , ,

# Web Development Tutorial Part 1 – HTML, CSS and JavaScript

##### Posted September 14th, 2014 by Jason N

So beginning (hopefully) a series of tutorials on web development, we look at an overview of how websites are constructed and what interaction occurs between a web browser and a web server.

Basically, the world wide web is based on a client-server architecture, where the client (the web browser) requests data from a server (the website) which, in turn, sends a response containing the data.

Of course, this is a greatly simplified explanation of what’s going on (it’s not really as direct as it appears here), but such an understanding will suffice for developing most websites.

We will start by examining client-side web development. That is, web development designed for the browser.

Comments: none yet | Filed under: tutorials | Tagged: , , , ,