Basic Web design

From Wikibooks, open books for an open world
Jump to: navigation, search

This is a Wikibook on the basics of web design. The way this book works is in a tutorial of a project, guiding you through every step of the way. It will introduce you to HTML and the goings on in the World Wide Web. You don't have to pay for this book, or the software it uses. All you need is a computer (PC or Mac) or a device that has developing software.

This book's tutorial uses the same example throughout. If you are using this book to master all of the basics, you can follow our tutorial. The example is of a cake baking site. We know that the two don't generally go together, but for this they will, even if it's not up your street. Why cake baking? It will sho you all the basic techniques we need to use. You may also use this as a reference guide. The code used here is all open source (free) and under the Creative Commons licence.

Before we start, let's get as list of things you need to complete the project successfully:

  • A web browser - to preview the site get out a web browser. Having a range is good, as you can see how responsive your site is. In Internet Explorer by Microsoft, the code gets a bit muddled, so this browser is a good tester. Firefox and Chrome have good testing functions, as does Opera. Safari is very up to date.
  • A plain text editor - like Windows Notepad. We need this to code from scratch
  • And more as we go along.

Get to know it[edit]

The languages we are using are HTML, CSS and JavaScript. These are all free, and are compatible on all modern browsers.

To start, open up your plain text editor. Start off by inserting <html> . This will identify the file type. When we publish the site, we need to insert a doctype before that. But that's too complicated for now.