That vid went right over my head
If you need any help with this kind of thing feel free to email me.
Although I am an insurance broker I taught myself web design and build in the late 90's and have designed our own website recently.
Just for info, this may help
<h1> stands for HEADING 1 - the text that Google and other search engines gives priority to on a page.
<h2> Heading 2 and so on.
Each page should have 1 x <h1> tag, no more than 6 <h2> tags and then you can have <h3> down to <h6> being the lowest in the hierarchy. The <h1> tag should contain the keywords that you want to searched for. The words should also be relevant to the page content and the words should also be in your page title (meta tag) and in the description and keywords in your meta tags.
To set the h1 tags size, color font etc you need to use style sheets which look complex at first but easy to follow after a while. Have a look at this page on our site -
www.gleaminginsurance.co.uk/window-cleaning-insurance Right click and choose View Page Source. Towards the top you will see the following
<title>Window Cleaning Insurance Quotes for Window Cleaning Contractors Online</title> - thats the page title containing the keywords.
About 23 lines down you will see this line
<div id="title"><h1>Window Cleaning Insurance (including damage to glass cover) </h1> - ignore the first bit ( that is too hard to explain quickly) but you will see we have a <h1> tag again containing the keywords.
Now that text on the page is bigger than anything else in size. This is displayed dependent on the information contained in the style sheet that is being served. The style sheet is linked using the following code
<link href="../css/test.css" rel="stylesheet" type="text/css"> (about 8 lines down)
To view what this contains go to
www.gleaminginsurance.co.uk/css/test.css You will see I have seperated the Heading Tags in their own section. So the <h1> tag is
H1 {FONT-SIZE: 24px; COLOR: #333; FONT-FAMILY:Arial, Helvetica, sans-serif; LINE-HEIGHT: 16px; PADDING-LEFT: 35px;}
Its 24px in size, color is just off black (black is 000), Arial font, line height is the gap between two rows of text if it went onto 2 rows and and padding left tells the browser how far from the left to put the text.
Using cascading style sheets is worth learning for anyone designing their own sites. You can find many tutorials online explaining how to do this. This one is quite good -
http://www.htmldog.com/guides/cssbeginner/I am happy to help with any questions you may have. I am not professing to be an expert, far from it but I can offer free advice and assistance to all CIU members if required.