\nbody
\n{
\nbackground-color:#d0e4fe;
\n}
\nh1
\n{
\ncolor:orange;
\nfont-weight:bold;
\n}
\np
\n{
\nfont-family:”Times New Roman”;
\nfont-size:20px;
\n}<\/td>\n | This CSS sets the background colour for the body of the page, the colour and style of any text within <h1> tags, and the font and size of any text within <p>.<\/p>\n <\/p>\n Any HTML file which is to use this formatting would simply include a line like this in the <head> section:<\/p>\n <\/p>\n <link rel=”stylesheet” type=”text\/css” href=”mystyle.css”><\/p>\n <\/p>\n Where \u201cmystyle.css\u201d is replaced with the name of the CSS file.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n Static Webpages<\/h3>\nA static webpage looks exactly the same every time it is accessed, the content does not change.<\/p>\n Dynamic Webpages<\/h3>\nDynamic webpages can contain different content depending on the conditions in which they are accessed, meaning that users can be presented with a page relating specifically to their needs.<\/p>\n Database-driven pages are the most common example of dynamic pages. If information changes in a database which the page accesses, then the content of the page will change to reflect this. For example, online shopping, banking, buying tickets, etc.<\/p>\n Interactive Webpages<\/h3>\nInteractive webpages offer a more immersive experience, allowing the user\u2019s actions to affect the content. Creating interactive pages usually involves the use of JavaScript or Flash.<\/p>\n Scripting<\/h3>\nIncluding sections of program code in your website, to help make it more dynamic or interactive, is called scripting.<\/p>\n Client-side scripting<\/h3>\n\n- A section of code is sent to the client computer and executed there, in the browser.<\/li>\n
- It is commonly used to add interactive elements to a webpage.<\/li>\n
- JavaScript is a language commonly used for client-side scripting.<\/li>\n<\/ul>\n
Server-side scripting<\/h3>\n\n- A section of code is executed by the web server.<\/li>\n
- It is commonly used to create dynamic webpages, often connected to a database on the server.<\/li>\n
- Popular languages for server-side scripting include PHP, ASP, Perl and ColdFusion.<\/li>\n<\/ul>\n
Compression<\/h3>\nAppropriate use of compression can reduce the load times of webpages.
\nThe webpage itself can be compressed, reducing the amount of data which has to be sent to the client computer. The browser will decompress the page before displaying it.<\/p>\n SEO (Search Engine Optimisation)<\/h3>\nSEO is the process of improving the ranking of your webpage in search engine results, in order to increase traffic.<\/p>\n Some SEO techniques include:<\/p>\n \n- Making sure each page of your site has a unique, concise and descriptive title contained in the <title> tag.<\/li>\n
- Using the description <meta> tag to include a summary of each page.<\/li>\n
- Using concise URLs.<\/li>\n
- Submit an XML sitemap to the companies which run the search engines<\/li>\n
- Using brief, descriptive filenames and alt text for images<\/li>\n<\/ul>\n
Search engines and web crawlers<\/strong><\/p>\n\n- A web crawler (aka spider) is a piece of software which follows links from web page to web page, analyses the text on each page, and indexes the pages with related keywords.<\/li>\n
- Search engines then use this index to find relevant pages when you carry out a search.<\/li>\n<\/ul>\n
Optimisation of code<\/strong><\/p>\nLoad times of webpages affect traffic. By making code more efficient, file sizes, and therefore load times, can be reduced.<\/p>\n Some techniques include:<\/p>\n \n- Using a single CSS file to hold all the formatting information for the site.<\/li>\n
- Putting all JavaScript into a single external file, to reduce fetches from the server.<\/li>\n
- Remove\/reduce internal commentary and white space.<\/li>\n<\/ul>\n
Accessibility<\/strong><\/p>\nWeb accessibility means making sure that all users can easily access and navigate your website.<\/p>\n Some ways in which accessibility can be improved include:<\/p>\n \n- Using CSS media queries to identify the type of device accessing the webpage, and adjust display accordingly.<\/li>\n
- Using appropriate alt text for images, as these can be read by reader software.<\/li>\n
- Make all functionality accessible from the keyboard.<\/li>\n
- Make all text content easily readable and understandable.<\/li>\n<\/ul>\n
Usability<\/strong><\/p>\nUsability refers to how easy your website is to use.<\/p>\n Some ways in which usability can be improved include:<\/p>\n \n- Making main navigation easily identifiable, with easily identifiable links.<\/li>\n
- Using consistent style throughout.<\/li>\n
- Ensuring the most important content is above the \u201cfold\u201d (the point where the bottom of the screen cuts off the page).<\/li>\n
- Including a clear path to contact details and information about the organisation.<\/li>\n<\/ul>\n
Beta testing<\/strong><\/p>\nBeta testers carry out testing on the final website before it goes live.
\nBeta testers could be anybody not involved in the development of the site, such as potential customers.
\nThe purpose of beta testing is to identify any problems that occur in normal use.<\/p>\n Usability testing<\/strong><\/p>\nUsability testing involves testing how easy the website is to use.<\/p>\n Eye-tracking<\/strong><\/p>\n\n- Eye tracking software and hardware allows testers to analyse the way in which a user reads the information on a webpage.<\/li>\n
- This can help in adjusting the layout to focus attention on the most important information.<\/li>\n<\/ul>\n
Think aloud<\/strong><\/p>\n\n- Think aloud testing involves users describing their thought process as they try to complete a task on a website.<\/li>\n
- This can help in identifying design issues which may cause problems for users.<\/li>\n<\/ul>\n
<\/h3>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Design The structure of a website can be planned using a site map.\u00a0This will show how the pages in the site link together, usually in a hierarchical structure. The layout of individual pages can be planned using wireframes.\u00a0These will show how text, graphics, links, etc will fit together on the page. You may also consider …<\/p>\n","protected":false},"author":32,"featured_media":1078,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17010,319,475,73747],"tags":[],"class_list":["post-1221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-information-systems-development","category-oldhigher","category-revision","category-structures-and-links-web-based"],"jetpack_featured_media_url":"https:\/\/blogs.glowscotland.org.uk\/nl\/public\/ColtnessHS-ComputingScience\/uploads\/sites\/12638\/2016\/03\/higher.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/1221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/comments?post=1221"}],"version-history":[{"count":2,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/1221\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/1221\/revisions\/1226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media\/1078"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media?parent=1221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/categories?post=1221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/tags?post=1221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} |
![\"h1\"](\"https:\/\/blogs.glowscotland.org.uk\/nl\/public\/ColtnessHS-ComputingScience\/uploads\/sites\/12638\/2016\/04\/h1.png\")
<\/a><\/p>\n