Webpage Creation

Download Webpage Creation

Post on 28-Nov-2014




2 download

Embed Size (px)




<ul><li> 1. Standard Grade Computing Web Page Creation </li> <li> 2. Revision: - What is a Web Page? <ul><li>A web page is a special type of document used to display information on the internet. </li></ul><ul><li>Web pages can contain text, pictures, animated graphics, sound and video. </li></ul><ul><li>Web pages are mostly made of a language called HTML (Hyper Text Mark-up Language) </li></ul><ul><li>In the past you had to know this language to create a web page, however you can now use special packages to create web pages in much the same way as you would type a letter. </li></ul></li> <li> 3. Using a Web Page Creation Package <ul><li>As mentioned previously, you can use special types of package to create web pages. </li></ul><ul><li>These packages allow you to create a web page quickly as you do not need to learn any web languages to work them. </li></ul><ul><li>Web page creation software is known as WYSIWYG( What You See Is What You Get) as what you see on the screen as you create the page is how it will look when you are viewing the completed page in a browser. </li></ul><ul><li>Most packages will also contain templates to make your job even easier. </li></ul></li> <li> 4. Using Templates <ul><li>Templates are web pages that have been set up for you to use as a starting page for your website. </li></ul><ul><li>These can contain tables, pictures or basic hyperlinks. </li></ul><ul><li>Once you have loaded a template, you then edit it to the way you want your page to look. </li></ul><ul><li>This is a very useful feature that can save you a lot of time when creating a webpage. </li></ul><ul><li>The next slide shows examples of some of the templates you can use. </li></ul></li> <li> 5. </li> <li> 6. Adding Text <ul><li>One of the main features any web page will contain is text. </li></ul><ul><li>It is very easy to add text to a web page using a web page creation package. </li></ul><ul><li>Simply select the add text tool then the section of the page you want to add the text to, and then type it in, just like in a word processor. </li></ul><ul><li>You can change the font, size, alignment and style of the text as well, just like in a word processor. </li></ul></li> <li> 7. Adding Text <ul><li>You do have to be careful though when adding text to a web page. </li></ul><ul><li>You must ensure that the size, style, colour and font of the text make it easy for the users to read it. </li></ul><ul><li>For example: - if the text is too small then it will be difficult for people to read, particularly if they have bad eyesight. </li></ul></li> <li> 8. Adding Graphics <ul><li>It is also very easy to add graphics to a web page using a web creation package. </li></ul><ul><li>You can use pictures you have downloaded or created and also use clipart stored on the computer. </li></ul><ul><li>To add them, simply select the option to add a graphic and select where you want it to go on the page. </li></ul><ul><li>It is also very easy to change or delete pictures once you have added them, or to change where they are on the page. </li></ul><ul><li>Remember though, if you are using pictures you have downloaded on a web page, make sure you are legally allowed to use them. </li></ul><ul><li>Also, you must remember that graphics will take longer to load on a page than text will. Using a lot of graphics on a page will mean that it can take a long time to load, especially on a dial-up connection. </li></ul></li> <li> 9. A sample webpage using graphics </li> <li> 10. Adding Video and Sound <ul><li>Since web pages are true multimedia documents, you can also add sound and video to them. </li></ul><ul><li>This is very easy to do, simply select the option to add the file, and place it where you want it to go on the page. </li></ul><ul><li>These can be videos and sounds you have created yourself or that you have downloaded. </li></ul><ul><li>As with pictures however, if you download items you intend to use on a page make sure you are legally allowed to use them. </li></ul></li> <li> 11. A sample page using sound &amp; video </li> <li> 12. Hyperlinks <ul><li>Hyperlinks are used to link web pages together. </li></ul><ul><li>The user clicks on the link to move from one page to another. </li></ul><ul><li>Hyperlinks can either be text, graphics or a link button where a graphic is used as an icon for the link. </li></ul><ul><li>To add a hyperlink you simply choose to insert a hyperlink and then browse for the page you want to link it to. </li></ul><ul><li>It is often a good idea to set your pages out one after the other, so that one page is linked to the page after it. </li></ul></li> <li> 13. Adding Tables to a website <ul><li>Another useful feature you can add to your website is that of adding a table. </li></ul><ul><li>Tables can be used to not only display data, like you would normally, but can also be used to keep text and graphics together e.g. pictures in a photo gallery. </li></ul><ul><li>All you need to do is select to add a table, select where you want it to go and select how big you want it to be. </li></ul></li> <li> 14. A webpage using a table </li> <li> 15. Hotspots <ul><li>Hotspots are special areas on a multimedia page which let the user interact with the page. A graphic or a picture that has hotspots are called image maps. </li></ul><ul><li>When the user moves the cursor into a hotspot or clicks on it, an event is triggered. </li></ul><ul><li>This could be a hyperlink being opened or a sound being played. </li></ul><ul><li>This effect can be used to bring your page to life and make it more attractive . </li></ul></li> <li> 16. Example of a page using hotspots </li> <li> 17. Adding hotspots to a page <ul><li>It is very easy to add a hotspot to a page. </li></ul><ul><li>Simply select the hotspot tool and you will be prompted to enter the URL you want to move to. </li></ul><ul><li>Once you have done this you can then place the hotspot wherever you want to on the page. </li></ul></li> <li> 18. Other features of web page creation <ul><li>As you browse the Internet, there will be many other features you will come across. </li></ul><ul><li>Some web pages use Frames which make it easier to organise their layout. </li></ul><ul><li>You will also find Animations using either Shockwave or Flash. These require the user to install special software called Plug-Ins in order to view them. </li></ul><ul><li>This can be problematic, especially on school networks where some users do not have the right to install new software, meaning they cant view sites that need plug-ins. </li></ul></li> </ul>