webdesign

HTML and CSS

Introduction to HTML From quote from http://en.wikipedia.org/wiki/HTML explaining what HTML is

“HTML or HyperText Markup Language is the standard markup language used to create web pages. A web browser can read HTML files and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses them to interpret the content of the page. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language rather than a programming language.”

History of HTML
http://www.w3.org/People/Raggett/book4/ch02.html
Tutorials you can use to learn HTML

• http://www.simplehtmlguide.com/
• http://www.w3schools.com/html/

Introduction to CSS (Cascading Style Sheets) quote from http://en.wikipedia.org/wiki/Cascading_Style_Sheets explaining what CSS is

“Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to change the style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any kind of XML document, including plain XML, SVG and XUL. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.”

Tutorials you can use to learn CSS and how to use it in HTML

• http://www.w3schools.com/css/
• http://www.w3.org/Style/Examples/011/firstcss.en.html
• http://www.homeandlearn.co.uk/WD/WebDesign.html

HTML Editors Background to html editors
http://en.wikipedia.org/wiki/HTML_editor

Editors that come with your computer

• Mac = TextEdit
• Windows = Notepad

These are free and a good place to start instructions for using notepad can be found below

HTML using notepad
http://www.w3schools.com/html/html_editors.asp

Editors online

• http://www.onlinehtmleditor.net/
• http://online-html-editor.org/
• http://htmledit.squarefree.com/
• http://www.htmlinstant.com/

These can be used on widows and mac they can also be used on Android and ios devices such as phones and tablets, they are also good to use with notepad as it shows you what the code will look like as a web page, have a go at using all of them find the best one for you

Professional editors
These are very expensive and until you find out you like HTML these are not the best option to start off with

• Microsoft Frontpage, http://en.wikipedia.org/wiki/Microsoft_FrontPage
• Adobe Dreamweaver http://en.wikipedia.org/wiki/Adobe_Dreamweaver
• Microsoft Expression Web http://en.wikipedia.org/wiki/Microsoft_Expression_Web
• CoffeeCup HTML Editor http://en.wikipedia.org/wiki/CoffeeCup_HTML_Editor

Once you built your website in what ever editor you choose, you will need somewhere to put it, HTML can run on a free web host, below link showing a comparison of free web hosts
http://en.wikipedia.org/wiki/Comparison_of_free_web_hosting_services