Articles
For beginners my Basic Web Design Tutorial will take you through simple steps from no knowledge of webdesign to produce this finished page (this link opens in a new window) using HTML and CSS, the two basic languages or web design. You might like to start reading at my first article What Is A Website? I’m not trying to be patronizing here, it’s good to have a clear idea before you start!
Apache
Beginners
- What Is A Website?
- Basic Web Design Tutorial Part 1
- Basic Web Design Tutorial Part 2
- Basic Web Design Tutorial Part 3
- Basic Web Design Tutorial Part 4
- Basic Web Design Tutorial Part 5
- Basic Web Design Tutorial Part 6
- Basic Web Design Tutorial Part 7
- Basic Web Design Tutorial Part 8
- Basic Web Design Tutorial Part 9
- Basic Web Design Tutorial Part 10
- Basic Web Design Tutorial Part 11
- Basic Web Design Tutorial Part 12
- Basic Web Design Tutorial Part 13
- Basic Web Design Tutorial Part 14
- Natural language web design program
- Getting started with the Linux command line interface
CSS
- Centering a page using CSS
- The CSS box model: explaining borders, margins and padding
- Making a 2 column layout using CSS: an introduction to “float” and “clear”
- Natural language web design program
- Two color text header
Database
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Blind SQL injection
Fonts
- Creating a font for a website with open source software (GlyphTracer, FontForge and the Gimp)
- Free font: a simple handwritten font
- Free Font: Handy, a clean handwritten font
HTML
- Basic Web Design Tutorial Part 1
- Basic Web Design Tutorial Part 2
- Basic Web Design Tutorial Part 3
- Basic Web Design Tutorial Part 4
- Basic Web Design Tutorial Part 5
- Basic Web Design Tutorial Part 6
- Basic Web Design Tutorial Part 7
- Basic Web Design Tutorial Part 8
- Basic Web Design Tutorial Part 9
- Basic Web Design Tutorial Part 10
- Basic Web Design Tutorial Part 11
- Basic Web Design Tutorial Part 12
- Basic Web Design Tutorial Part 13
- How to make an email link using “mailto:”
- How to put a ‘back to top’ link at the bottom of a page
- Basic Web Design Tutorial Part 14
- Forms and buttons: Sending data to the server
- How to make an ‘email this’ link in a webpage
- How to make a ‘Digg this’ link in a webpage
- How to make a ‘share this on facebook’ link in a webpage
- How to make a ‘share this on Twitter’ link in a webpage
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Preventing Email injection in a webapp form
- Centering a page using CSS
- Preventing Cross Site Scripting (XSS) In Your Code
- Natural language web design program
- Two color text header
Hints and Tips
- How to make an email link using “mailto:”
- How to put a ‘back to top’ link at the bottom of a page
- Forms and buttons: Sending data to the server
- URL encoding
- How to make an ‘email this’ link in a webpage
- How to make a ‘Digg this’ link in a webpage
- How to make a ‘share this on facebook’ link in a webpage
- How to make a ‘share this on Twitter’ link in a webpage
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Preventing Email injection in a webapp form
- Centering a page using CSS
- Making a 2 column layout using CSS: an introduction to “float” and “clear”
- How to follow what’s going on in your Apache server logs (linux)
- How to see what’s going on in your mysql database (linux)
- Two color text header
Linux
- How to follow what’s going on in your Apache server logs (linux)
- How to see what’s going on in your mysql database (linux)
- Getting started with the Linux command line interface
PHP
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Preventing Email injection in a webapp form
- Analysing web server logs for WordPress
- Preventing Cross Site Scripting (XSS) In Your Code
- Blind SQL injection
SQL
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Blind SQL injection
- How to see what’s going on in your mysql database (linux)
Security
- Demonstrating the need for HTML and SQL encoding by building an insecure blog and hacking it
- Preventing Email injection in a webapp form
- WordPress HTML output filter
- Preventing Cross Site Scripting (XSS) In Your Code
- Blind SQL injection
Tutorial
- Basic Web Design Tutorial Part 1
- Basic Web Design Tutorial Part 2
- Basic Web Design Tutorial Part 3
- Basic Web Design Tutorial Part 4
- Basic Web Design Tutorial Part 5
- Basic Web Design Tutorial Part 6
- Basic Web Design Tutorial Part 7
- Basic Web Design Tutorial Part 8
- Basic Web Design Tutorial Part 9
- Basic Web Design Tutorial Part 10
- Basic Web Design Tutorial Part 11
- Basic Web Design Tutorial Part 12
- Basic Web Design Tutorial Part 13
- Basic Web Design Tutorial Part 14
WordPress
- How to make an ‘email this post’ link in WordPress
- How to make a ‘Digg this post’ link in WordPress
- How to make a ‘share this post on facebook’ link in WordPress
- How to make a ‘share this post on Twitter’ link in WordPress
- Creating a simple WordPress plugin
- WordPress hack alarm plugin
- Creating a basic WordPress theme
- WordPress HTML output filter
- Analysing web server logs for WordPress
- WordPress Plugin to display all posts in all categories
- How to get the entire page content in WordPress
- WordPress plugin to share posts via facebook, twitter etc
Share this:
