HTML Guide

WEB DESIGN
BY CHRISTIAN GITTINGS


HTML and CSS


HTML

Introduction to HTML 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

HTML code validation service

http://validator.w3.org

CSS

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

HTML editors

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

These can be used on windows 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

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


OTHER WEB DESIGN METHODS


XHTML

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

“Extensible Hypertext Markup Language (XHTML) is a family of XML markup languages that mirror or extend versions of the widely used Hypertext Markup Language (HTML), the language in which Web pages are formulated.

XHTML was developed to make HTML more extensible and increase interoperability with other data formats.[7] HTML 4 was ostensibly an application of Standard Generalized Markup Language (SGML); however the specification for SGML was complex, and neither web browsers nor the HTML 4 Recommendation were fully conformant to it.[8] The XML standard, approved in 1998, provided a simpler data format closer in simplicity to HTML 4.[9] By shifting to an XML format, it was hoped HTML would become compatible with common XML tools;[10] servers and proxies would be able to transform content, as necessary, for constrained devices such as mobile phones.[11] By using namespaces, XHTML documents could provide extensibility by including fragments from other XML-based languages such as Scalable Vector Graphics and MathML.[12] Finally, the renewed work would provide an opportunity to divide HTML into reusable components (XHTML Modularization) and clean up untidy parts of the language.[13]

Tutorial you can use to learn XHTML

XML

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

“Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format which is both human-readable and machine-readable. It is defined by the W3C’s XML 1.0 Specification[2] and by several other related specifications,[3] all of which are free open standards.[4]”

Tutorials you can use to learn PHP

PHP

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

“PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. As of January 2013, PHP was installed on more than 240 million websites (39% of those sampled) and 2.1 million web servers.[4]Originally created by Rasmus Lerdorf in 1994,[5] the reference implementation of PHP (powered by the Zend Engine) is now produced by The PHP Group.[6] While PHP originally stood for Personal Home Page,[5] it now stands for PHP: Hypertext Preprocessor, which is a recursive backronym.[7]

PHP code can be simply mixed with HTML code, or it can be used in combination with various templating engines and web frameworks. PHP code is usually processed by a PHP interpreter, which is usually implemented as a web server’s native module or a Common Gateway Interface (CGI) executable. After the PHP code is interpreted and executed, the web server sends resulting output to its client, usually in form of a part of the generated web page – for example, PHP code can generate a web page’s HTML code, an image, or some other data. PHP has also evolved to include a command-line interface (CLI) capability and can be used instandalone graphical applications”

Tutorials you can use to learn PHP

PHP can be embedded into HTML, but unlike HTML, PHP is a server driven language so you need a web server such as Apache and PHP engine to make it work you can either put these on your computer or get a web host, see CMS section which gives information on LAMP or WAMP

Content management system

Introduction to content management systems quote from http://en.wikipedia.org/wiki/Content_management_system explaining what content management systems are

“A content management system (CMS) is a computer application that allows publishing, editing and modifying content, organizing, deleting as well as maintenance from a central interface. Such systems of content management provide procedures to” manage workflow in a collaborative environment.[5] These procedures can be manual steps or an automated cascade. CMSs have been available since the late 1990s.

Examples of CMSs

Both of these are free and can be downloaded, but you need PHP, MYSQL and Apache web server on your web host or on your own computer/server

PHP (see PHP above), Mysql (database) and Apache are free and can also be downloaded, but hard to set up if you want to set up your own server, check out the information and links below

if you go the web host route these can be expensive because you can not use a free web host because they do not give to access to the server and are not WAMP or LAMP server compatible. there are lots of web hosts available just Google web hosting (check if they are a WAMP or LAMP compatible) and choose a web host in your budget range, you usually pay monthly or yearly

Blogging

What is blogging
http://en.wikipedia.org/wiki/Blog

Examples of blogging sites

These are free services and you get everything you need to get started this is a good place to start, you can even use the blogging platforms web pages, you get a domain name such as example.wordpress.com in WordPress, example.tumblr.com in Tumblr and example.Blogger.com in blogger, however if you need a domain name such as example.com etc you need to pay, in WordPress you also pay to have access to CSS to custom your page