20 Tips and TricksCreating a website using HTML, CSS and other scripting languages
It all takes timesPlan what your site will look like when it is finished.
Things to keep in mind when designing your siteKeep in mind your audienceWrite your page so it will appeal to your 	target audience.Keep images smallPeople hate images that take up all, 	half or 	even a quarter of the page so keep images 	small.
Things to keep in mind when designing your site4. Avoid lots of textPeople don’t like reading a page load of text. 5. Check for spelling and grammar errors	Use a spell checker. If your page has errors 	it’s likely that no one will read them.6. Avoid large files.	For this will result in a slow loading timeand people hate waiting for pages to load.
You can’t build a house with only a electrician7. Work out the tools you need to build your website.
It doesn’t have to be hard8. Draft the code of your site.
HTML the language of the web9. HTML stands for HyperText Mark-up Language and is used to define the elements on the page, not the format of a element.
CSS10. CSS stands for Cascading Style Sheets and is a language to define the format of a page and the placement of a HTML element.There are three ways to describe the placements and format the elements.	Internal use 	External use 	Inline use
JavaScript11. JavaScript is a scripting language used to add interactivity to a web page.
Enter my kingdom12. Enter your code into your editor.
Tickets to the front row13. Preview your site on a browserto see if its what you want.
Dress up time14. Make adjustments to your site to fit your plan.
Nearing the finish line15.Once your finished coding your site, preview as your site in as many browsers as you can.
Pick your player16. Register your domain name with your preferred webhosting provider.
Enter the Matrix17. Upload your site files using File Transfer Protocol.
Fully integrated with the matrix18. Start hosting your site.
Clap your hands to fly19. Just upload your updated code to your web hosts site.20. Clap your hands to fly.
Any Questions?

20 tips and tricks

  • 1.
    20 Tips andTricksCreating a website using HTML, CSS and other scripting languages
  • 2.
    It all takestimesPlan what your site will look like when it is finished.
  • 3.
    Things to keepin mind when designing your siteKeep in mind your audienceWrite your page so it will appeal to your target audience.Keep images smallPeople hate images that take up all, half or even a quarter of the page so keep images small.
  • 4.
    Things to keepin mind when designing your site4. Avoid lots of textPeople don’t like reading a page load of text. 5. Check for spelling and grammar errors Use a spell checker. If your page has errors it’s likely that no one will read them.6. Avoid large files. For this will result in a slow loading timeand people hate waiting for pages to load.
  • 5.
    You can’t builda house with only a electrician7. Work out the tools you need to build your website.
  • 6.
    It doesn’t haveto be hard8. Draft the code of your site.
  • 7.
    HTML the languageof the web9. HTML stands for HyperText Mark-up Language and is used to define the elements on the page, not the format of a element.
  • 8.
    CSS10. CSS standsfor Cascading Style Sheets and is a language to define the format of a page and the placement of a HTML element.There are three ways to describe the placements and format the elements. Internal use External use Inline use
  • 9.
    JavaScript11. JavaScript isa scripting language used to add interactivity to a web page.
  • 10.
    Enter my kingdom12.Enter your code into your editor.
  • 11.
    Tickets to thefront row13. Preview your site on a browserto see if its what you want.
  • 12.
    Dress up time14.Make adjustments to your site to fit your plan.
  • 13.
    Nearing the finishline15.Once your finished coding your site, preview as your site in as many browsers as you can.
  • 14.
    Pick your player16.Register your domain name with your preferred webhosting provider.
  • 15.
    Enter the Matrix17.Upload your site files using File Transfer Protocol.
  • 16.
    Fully integrated withthe matrix18. Start hosting your site.
  • 17.
    Clap your handsto fly19. Just upload your updated code to your web hosts site.20. Clap your hands to fly.
  • 18.

Editor's Notes

  • #3 Don’t get bogged down with working out the code for nowThe more detail in the planning the easier it will be when it comes time to write the code.
  • #6 Image URL: http://www.house2harvest.org/intro.htmlDate accessed: 06 July 2011
  • #7 Don’t have all your code all in one page.Use as many documents as possible.Start with the basic layout of your pages.Stick to your plan.Remember when using external pages link them in your code.
  • #9 I recommend using External style sheets, Which are easier to use and also to read.
  • #11 You don’t need a dedicated web authoring tool to create a web site.All you need is a simple text editor.Just save your page with the extension “.html”Save your code pages with the proper extension for example “.html” “.css”
  • #12 It probably won’t be exactly what you want the first time round
  • #18 Image URL: http://www.graphicshunt.com/images/superman-12268.htmDate accessed: 06 July 2011
  • #19 Image URL: http://www.mylot.com/w/photokeywords/2/riddler.aspx Date accessed: 06 July 2011