Paul Gibbs - HTML Beginners - Basics of Web Design

Preface

This book has been written from a series of college lectureson Web Design. It is has many exercises and examples which can be downloadedfrom the web site. It starts with an introduction to HTML and then takes thereader through the concepts of styles and how to apply them.

There are also chapters on Graphics, JQuery, setting up aweb site and looks at HTML 5 and responsive web design concepts.

The book explains issues that you encounter in real worldsituations and provides the basic examples from which you can then use tofurther develop. Many of the tutorials consists of a series of examples andtasks which illustrate each point and concentrate on simplified code so thatyou can see how they are used.

* Introduction - An introduction to HTML.
* HTML Tags A look at standard HTML Tags.
* Images and Tables - Using images and creating tables.
* Styles and Stylesheets - Different ways to use styles.
* Further Styles - Definitions and further examples.
* Site Examples - A site layout.
* Lists and Menus - Creating navigation.
* Graphics Graphic concepts and Photoshop.
* Layouts Some principles of design.
* Adding functionality - JQuery and other features.
* htaccess file - Examples of using an htaccess file.
* Site set up Domain names and search optimisation.
* Forms Formatting and layout of forms.
* HTML 5 Design Features of HTML 5.
* Responsive Design A responsive design example.

One of the issues that we have in the computer world is thatit is very much influenced by the US designers of software. Hence the wordcolor is used instead of the British English spelling of colour. In thisbook I use color throughout. I did for a while consider using the wordcolor when writing about the style attribute but use colour when writingabout color generally, but thought that would just confuse things. So BritishEnglish readers will have to put up with color for now.

Using the code examples

All the code examples with answers to the exercises may bedownloaded to your computer from the web site:
http://www.paulvgibbs.com
or:
http://www.withinweb.com/ebook

How to copy and paste text from Kindle books

You may want to copy and paste programming code examplesfrom Kindle onto your computer so that you dont have to re-type them.

To do this in Kindle, highlight the text you want to copyand click on the "Highlight" button. Now go on the web to yourKindle account (https://kindle.amazon.com) and click on "YourHighlights" link. You'll see all the text you've highlighted in yourKindle books. From there, you can copy the text and paste it into anotherprogram.

Some Web Design Terms

Responsive Refers to the ability for a web page toresponds to different devices and screen resolutions controlled by theselection of different styles.

Cascading Page elements are styled depending onrules which control which style takes precedence when there are more than onestyle for an element.

Inheritance Certain styles are inherited down thedocument tree. So for example font-family can be placed in the body style andthis will mean all text on the page will have that font-family. This makesstyle sheets simpler.

In-line styles A method to place styles intoa web page directly against the element rather than in the head of a documentor in a style sheet.

class A class can be used to style more than oneelement.

id An Id is used to style one particular element.

W3C The international body that oversees the webspecifications.

Elements Is a component of a web page such asheadings

Tags The less than tag is < and the greater thantag is > which are used to define the start and end of an element. Forexample

and so on.

Attributes Elements can have attributes which areproperties which provide further information depending on the element type suchas the href value for a URL link or an image name for an image element.

POST and GET - This is how you send data to anotherweb page where you can then process the data. POST and GET work with formswhere the user enters information.

Cookies - A cookie is small text file that sits onthe users computer. It is often used to store data so that the user has abetter browsing experience should they return to the web site. For example, ashopping cart system may store the items that the user has selected. When theyreturn to the store, the contents of the cart can be displayed and the user cancontinue shopping.

Sessions - Another way for the programmer to retaininformation; however, session data is deleted and lost when the user closes thebrowser window.

Book Version

June 2016 is the current version

Other Books by Paul Gibbs

PHPTutorials: Programming with PHP and MySQL
Amazon ASIN Number: B00CBLZ1U0 (eBook Kindle)
ISBN Numbers:
978-0-9928697-0-0 (eBook PDF)
978-0-9928697-1-7 (eBook - ePub)
978-0-9928697-2-4 (eBook Kindle)
978-0-9928697-3-1 (Paper Back)