• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Using a static page for your one page website - Part 2
 

Using a static page for your one page website - Part 2

on

  • 595 views

Part two of our 'using a static page for your one page website' article. If you require web designer services in Hull, please get in touch.

Part two of our 'using a static page for your one page website' article. If you require web designer services in Hull, please get in touch.

Statistics

Views

Total Views
595
Views on SlideShare
595
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Using a static page for your one page website - Part 2 Using a static page for your one page website - Part 2 Presentation Transcript

      • Using a static page for your one page website – Part 2
      • This is part two of ‘Using a static HTML page for your one page website‘. Now we will cover the content, privacy policies, social buttons and colours.
      • Step 4 – The content.
      • You regularly see holding pages scrolling into the abyss, which no doubt will impact click-thru rates.
      • However if someone stays on your web page longer, it will increase your visitor time on the website, which is useful for Google ranking, as it could be deemed your page is indeed relevant to the search query.
      • However that said, it probably is advisable to include important links at the top of the page, as well as at the bottom.
      • Step 5 – The Privacy Policy.
      • This is one of the biggest areas website owners let themselves down.
      • If you are using an Ad network such as Google AdSense, then you do require a privacy policy, which means your one page website, should turn into a two page site!
      • Always make sure your website meets compliance with any T&C’s.
      • Step 6 – Going social!
      • Perhaps you wish to have active social media connections, such as Facebook, Flickr, LinkedIn, Twitter, YouTube and others?
      • A great way to clearly show you have social network accounts, is to create a tab to the side of the screen, and this way it doesn’t clutter your main content. In the HTML file, place this code directly underneath the <body> element:
      • <div id=&quot;social&quot;>
      • <a href=”http://www.linkedin.com/companies/name” target=”_blank”><img src=”linkedin.png” width=”41″ height=”24″ border=”0″ alt=”linkedin” /></a><BR>
      • <a href=”http://www.youtube.com/user/username” target=”_blank”><img src=”youtube.png” width=”41″ height=”24″ border=”0″ alt=”youtube” /></a><BR>
      • <a href=”http://www.twitter.com/account” target=”_blank”><img src=”twitter.png” width=”41″ height=”26″ border=”0″ alt=”youtube” /></a><BR>
      • <a href=”/optional-if-you-decide-to-have-a-social-page” target=”_blank”><img src=”follow.png” width=”41″ height=”100″ border=”0″ alt=”social details” /></a>
      • </div>
      • The accompanying CSS code in the style.css file could look like:
      • #social float: right; margin-top:25%;
      • Now all you need to do is use a package such as the Gimp to create your images for the individual networks, which shouldn’t take long, if you modify free use images with the appropriate image licenses.
      • Step 7 – Using the correct colours.
      • It is important that you are not tempted to use colours that overwhelm the content.
      • The content and links should stand out, with clear headings, which colours can assist with.
      • Keep it simple is probably the best advice and if you have a logo, make sure the colour scheme reflects a planned house style.
      • Step 8 – Monitor your website statistics and tweak.
      • Don’t forget to monitoring your website statistics, tweak your page and test alternative layouts.
      • If you require a Hull web designer , please get in touch.