Web Design & Image Editing Tutorials

Tutorials explaining basic HTML scripting to beginners using the MS Notepad editor only. No prior knowledge of web editing or coding is required. Explore our free pdf tutorial using the web editor Kompozer (free download). All instructions are given in a comprehensive manner with the novice user at mind. Tutorials with step by step instructions and accompanying screen shots in Word or PDF format enable you to build your own basic web site. NEW: Responsive CSS, HTML Layer Tutorial using Notepad

Explore our Search Engine Optimization tutorial to improve rankings and have your web site or web page found in search engine results.
Crop, adjust and web optimize your own images in Picasa by Google or Photoshop CS with our image editing tutorials. Picasa is free photo editing software from Google.
Try our new Cascading Style Sheet Tutorial and create style sheets using the notepad editor only.

New: FTP (File Transport Protocol) tutorial using FireFTP to upload files to and download files from your web server.


You will need a version of Adobe Reader to view these tutorials properly. Download:Adobe Reader

Basic HTML Tutorial using Notepad Part 1

FREE PDF OR WORD TUTORIAL
My First Web Page
An easy to follow HTML Tutorial for the beginner in Word or PDF format.
What is HTML? The abbreviation stands for Hyper Text Markup Language. The computer language used to create hypertext documents, allowing connections from one document or Internet page to numerous others. HTML is the primary language used to create pages on the World Wide Web. Duration of this tutorial is approximately 40 - 60 minutes and will enable you to build and view a basic web page by only using the Notepad editor. If you can create a folder, save files and are able to copy and paste this tutorial is not difficult to complete. This tutorial does not require any prior knowledge of web editing or web coding and will explain how to create a full functional web page for the world wide web.

Click here or the image to go to the download page.

Basic HTML Tutorial using Notepad Part 2

This tutorial will explain how to create a full functional web page for the world wide web and does require prior knowledge of basic web editing or web coding learned in the HTML Tutorial Part 1. A comprehensive tutorial with step by step instructions including full color screen shots in Word or PDF format enabling you to build your own basic web page by only using the Notepad editor. Duration of this tutorial is approximately 40 - 60 minutes.

FREE PDF OR WORD Download

Click here or the image to go to the download page.

Basic HTML Tutorial using Notepad Part 3

The third part of this tutorial explains: How to create another web page and link it to your home page. The start of a little web site. How to use your own images and link them. Specifying color by Hexadecimal Code, List of useful html tags and more. It requires prior knowledge of basic web editing or web coding learned in the HTML Tutorial Part 1 and 2. A comprehensive tutorial with step by step instructions and accompanying full color screen shots in Word or PDF format enabling you to build your own basic web site by only using the Notepad editor. Duration of this tutorial is approximately 50 - 60 minutes. Learn how to web optimize your own photos in our Picasa Image Editing Tutorial. ( Free download from Google ) before you start this tutorial.

Click here or the image to go to the download page.

CASCADING STYLE SHEET, CSS Tutorial using Notepad

Cascading Style Sheets (CSS) is a style sheet language describing the appearance (formatting) of an html document like background images, font styles and sizes.This tutorial will enable you to create an external style sheet document and link it to your web pages. You will learn how CSS is written and is applied to your html document. To follow these instructions you need a basic knowledge of HTML (Hyper Text Mark-up Language) or have completed the 3 Basic HTML Tutorials you can download from our web site above. This tutorial uses the MS notepad editor to create an external Cascading Style Sheet file (.css) Duration of the tutorial is approximately 2 - 3 hours depending on prior experience.

Click here or the image to go to the download page.

NEW: Responsive CSS, HTML Layer Tutorial using Notepad

This tutorial explains how to build a basic index page by using HTML div layers and responsive CSS 3 (Cascading Style Sheet). Learn how to construct a multi device compatible web page. The use of full colour screen shots and easy to understand instructions will enable you to write and apply CSS to your web page by only using the MS Notepad editor. This Cascading Style Sheets and HTML Layers tutorial requires prior knowledge of basic web editing (web coding) learned in the HTML Tutorial Part 1, 2 & 3 and is based on the Cascading Style Sheet (CSS) Tutorial Using Notepad. Duration of this tutorial is approximately 90 - 120 minutes.

Click here or the image to go to the download page.

SEO Basic Tutorial - Search Engine Optimization for Beginners

This tutorial explains how to use the HTML title tag and Meta tag description and keywords to improve rankings in search engines and to generate more traffic to your web site or web page by appearing in search engine results. Other topics include; other useful Meta tags; inserting Meta tags into your own web page document; comparing Meta description and keywords of other web sites. Duration of this tutorial is approximately 30 to 40 minutes. Easy to follow instructions with full color screen shots.
If you are a newcomer to HTML tags view our basic html tutorials.

Click here or the image to go to download page.

Web Design Tutorial using Kompozer ( Free Download )

This tutorial does not require any prior knowledge of web editing or web coding and will enable you to build your own web page. The tutorial is laid out in easy to follow steps with the novice user in mind and features full color screen shots. It will explain how to download the software, install and run it on your computer and use it to create a professional looking and full functional web page. Instructions on how to create a banner using a CSS Cascading Style Sheet Background and a h1 tag selector are given. Duration of this tutorial is approximately 90 - 120 minutes after downloading and installing the application. On the download page you will find a choice of PDF or MS Word documents.
Kompozer is a free download web editor powered by Mozilla.
KompoZer is based on Gecko, the layout engine inside Mozilla; it's a super-fast, very reliable, standards conformant engine maintained on a daily basis by a wide community of developers. (Source: .kompozer.net/features)

Click here or the image to go to download page.

Upload Files to your Web Server, FTP Tutorial using FireFTP

Free PDF Download
FireFTP is simple and easy to use FTP client software, which works as an add-on to the very popular and trusted Mozilla Firefox web browser. To use the FireFTP add-on you need the Mozilla Firefox Web Browser installed on your computer. FTP stands for File Transfer Protocol, a standard method to transfer files between computers on a network or the internet. This protocol is used when you upload to or download files from your web server.

Step by step instructions using FireFTP to upload files to your web site.


Click here or the image to go to download page.

Image & Video Editing Tutorials

Video Editing Tutorial using Windows Live Movie Maker

A comprehensive tutorial in PDF format using the pre-installed Windows Movie Maker software in Microsoft’s Windows 7 operating system. Step by step instructions with full color screenshots for the novice user to video editing software and more advanced techniques to build on your knowledge. Learn how to add title frames, music, apply transitions, visual effects, trim, join video clips and more. Duration of this tutorial is approximately 2 to 3 hours, but the project can be saved and completed in stages.

Click here or the image to go to download page.

This tutorial needs a password to be printed: Educational institutions can contact us and receive a password to print this PDF for study purposes only.

Picasa 5 (3.9) Image Editing Tutorial ( Free Download From Google )

From downloading over installing to using the software this comprehensive tutorial covers the aspects of adjusting, cropping and resizing your own photos for web design or other uses. Picasa is free photo editing software from Google and very capable to compress your images for web use. Photos you modified and saved can be used in our web design tutorials. Follow this easy step by step tutorial featuring full color screen shots and learn to web optimize your photos for the world wide web. Duration of this tutorial is approximately 30 - 40 minutes after downloading and installing the application. Includes instructions on how to use Creative Kit (online image editing).


Click here or the image to go to download page.

Image Editing Tutorial

Cropping, adjusting and web optimizing your images in Photoshop CS.
The tutorial is laid out in easy to follow steps with the novice user in mind and features full color screen shots.

Click here to download in PDF format 2.2 MB

Click here to download in .doc Word format 1.4 MB

All Creative Designs provide a Web Site Design and Development service with a difference and produce professional and innovative designs to your requirements. Every web site is unique and created without the use of pre-generated templates. We are developing interactive and informative web solutions for non-profit organisations by constructing dynamic member data bases with full administration functions. All Creative Designs services the Nambucca / Coffs Harbour area and NSW.

Tutorials, web designs and all images copyright ©2019 by www.allcreativedesigns.com.au world wide rights reserved.

ABN: 65869832328

Enter term to search this web site: