Elevate Developer Efficiency & build GenAI Application with Amazon Q
20 tips and tricks
1. 20 Tips and Tricks Creating a website using HTML, CSS and other scripting languages
2. It all takes times Plan what your site will look like when it is finished.
3. Things to keep in mind when designing your site Keep in mind your audience Write your page so it will appeal to your target audience. Keep images small People hate images that take up all, half or even a quarter of the page so keep images small.
4. Things to keep in mind when designing your site 4. Avoid lots of text People 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 time and people hate waiting for pages to load.
5. You can’t build a house with only a electrician 7. Work out the tools you need to build your website.
7. HTML the language of the web 9. HTML stands for HyperText Mark-up Language and is used to define the elements on the page, not the format of a element.
8. CSS 10. 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
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.
Image URL: http://www.house2harvest.org/intro.htmlDate accessed: 06 July 2011
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.
I recommend using External style sheets, Which are easier to use and also to read.
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”
It probably won’t be exactly what you want the first time round
Image URL: http://www.graphicshunt.com/images/superman-12268.htmDate accessed: 06 July 2011
Image URL: http://www.mylot.com/w/photokeywords/2/riddler.aspx Date accessed: 06 July 2011
