In this chapter you will be learning the basics in how to create structured web site with stylesheets, tables and hyperlinks.
HTML is short for HyperText Markup Language and is the special code that is used for making web pages. HTML consists of special markers called tags that tell the computer what to do with the text, images or links that are entered. It could tell the computer to present the text in a certain way, size and align text and images on a page.
Candidates should be familiar with and be able to:
21.1 web development layers • identify and describe the three web development layers • understand the function of: content layer to enter the content of a web page structure;presentation layer to format whole web page(s) or individual elements; behaviour layer to enterscripting language to a web page or an individual element 21.2 create a web page • use software tools to create the content layer of a web page to meet the needs of the audience ○ explain why tables are used to structure elements within a web page ○ insert a table, including: table header, table rows, table data ○ use attributes within a table, including: width in terms of pixels and % values, border to create visible and invisible borders, set the border thickness, merging cells, background colour, horizontal alignment, vertical alignment, to meet the needs of the audience • use software tools to appropriately place the content in a web page ○ insert appropriate objects into a web page including: text, still images, moving images, sound clips ○ apply styles to text within a web page○ apply styles to a list, including: ordered list, unordered list ○ insert an appropriate image into a web page ○ use appropriate attributes of an image to adjust its size • use software tools to create navigation within a web page and between web pages ○ describe the function of a hyperlink○ describe the function of an anchor and why it is rarely seen from the browser view ○ define and understand the terms relative file path and absolute file path ○ explain why absolute file paths must not be used for hyperlinks to locally saved web pages/objects ○ create an anchor within a web page○ create hyperlinks from: text, images ○ create hyperlinks, where appropriate, to: anchors on the same page, other locally stored web pages, a website using the URL, send mail to a specified email address, open in a specified location including: the same window, new window, with a window named as specified
Week from 15th september
Work with Activity 15:1-4 Homework: Copy one of the Activities to your Onedrive. Make some personalized text in your Code.
Week from 22th september
Work with Activity 15:5-11 Homework: Search the web for a web site that you think is good and write down some of the advantages. Be prepared to make your explanation in class. Also try to watch the Video below.
Week from 29th september
Break
Week from 6th october Homework: Continue with your Web Site in Microsoft Expression
Week from 13th october Homework: Continue with your Web Site in Microsoft Expression Bitsize about presentation and webdesign
Do the research part and end up with the test!
Week from 20th october Homework: Create an YAPP that could run. Make me a member in the beginning. You can delete me later :-).
Put some members, some news or scheduele and some info into the YAPP. Extra, try to do a poll. stefan@ywies.com or +86 185 6381 6180
Week from 27th october
Practice on all chapters from IGCSE student's book. Homework: Finish your YAPP and go through notes and material through chapter about Presentations and Website authoring.
Yapp - Another way of making the web activate on smartphones
Go to http://yapp.us from your computer or iPad and following the below 4 steps to create and publish a Yapp. On a phone? Currently, you can't create an app from your mobile phone, but our team is hard at work to make editing more accessible. 1. Choose a theme: When you click "Create New Yapp" from your dashboard (what you see when you're logged in) or "Get Started" from the home page (where you land without an account), you'll be taken to the editor. To choose a theme different from the standard Corporate Black, click the "Change Theme" button in the left side pages panel.
2. Add content: Add information, a schedule of events, photos and Twitter feeds to the app by filling out the pages and adding your own. You can navigate through the app by clicking on the Pages Panel on the left or by clicking on a page in the Tab Bar in the Workspace. (Still confused? Consult the Online guide) 3. Preview or Publish: When you are happy with your Yapp, click the orange Preview or Publish button on the bottom left of the Editor. This will not share the app with anyone (see step 4 below). If you have not previously registered or are not logged in, Yapp will prompt you to do so by creating an account with your email and password, or by authenticating with Facebook. If you decide to link with Facebook, no information will be shared.
4. Invite the world: After you hit publish, you will get an easy download URL with a unique YAPP-ID that you can email, share on social network, or print on materials.
Complete ICT for IGCSE (r) - Stephen Doyle 2012
Student handbook for ICT: IGCSE - Gareth Williams and Anne Bagwell 2008
Cambridge IGCSE (r) ICT - Paul Clowrey and Colin Stobart 2012
Complete ICT for IGCSE (r) TRK - Stephen Doyle 2012
Introduction to Expression - Timothy Kywn
Web site authoring
In this chapter you will be learning the basics in how to create structured web site with stylesheets, tables and hyperlinks.
HTML is short for HyperText Markup Language and is the special code that is used for making web pages. HTML consists of special markers called tags that tell the computer what to do with the text, images or links that are entered. It could tell the computer to present the text in a certain way, size and align text and images on a page.
Candidates should be familiar with and be able to:
21.1 web development layers
• identify and describe the three web development layers
• understand the function of: content layer to enter the content of a web page structure;presentation layer to format whole web page(s) or individual elements; behaviour layer to enterscripting language to a web page or an individual element
21.2 create a web page
• use software tools to create the content layer of a web page to meet the needs of the audience
○ explain why tables are used to structure elements within a web page
○ insert a table, including: table header, table rows, table data
○ use attributes within a table, including: width in terms of pixels and % values, border to create visible and invisible borders, set the border thickness, merging cells, background colour, horizontal alignment, vertical alignment, to meet the needs of the audience
• use software tools to appropriately place the content in a web page
○ insert appropriate objects into a web page including: text, still images, moving images, sound clips
○ apply styles to text within a web page○ apply styles to a list, including: ordered list, unordered list
○ insert an appropriate image into a web page
○ use appropriate attributes of an image to adjust its size
• use software tools to create navigation within a web page and between web pages
○ describe the function of a hyperlink○ describe the function of an anchor and why it is rarely seen from the browser view
○ define and understand the terms relative file path and absolute file path
○ explain why absolute file paths must not be used for hyperlinks to locally saved web pages/objects
○ create an anchor within a web page○ create hyperlinks from: text, images
○ create hyperlinks, where appropriate, to: anchors on the same page, other locally stored web pages, a website using the URL, send mail to a specified email address, open in a specified location including: the same window, new window, with a window named as specified
Lessons:
Task during Unit:
Create a web site including a minimum of 5 pages.Easy guideline:
Practice and homework:
Week from 15th september
Work with Activity 15:1-4
Homework: Copy one of the Activities to your Onedrive. Make some personalized text in your Code.
Week from 22th september
Work with Activity 15:5-11
Homework: Search the web for a web site that you think is good and write down some of the advantages. Be prepared to make your explanation in class. Also try to watch the Video below.
Week from 29th september
Break
Week from 6th october
Homework: Continue with your Web Site in Microsoft Expression
Week from 13th october
Homework: Continue with your Web Site in Microsoft Expression
Bitsize about presentation and webdesign
Do the research part and end up with the test!
Week from 20th october
Homework: Create an YAPP that could run. Make me a member in the beginning. You can delete me later :-).
Put some members, some news or scheduele and some info into the YAPP. Extra, try to do a poll.
stefan@ywies.com or +86 185 6381 6180
Week from 27th october
Practice on all chapters from IGCSE student's book.
Homework: Finish your YAPP and go through notes and material through chapter about Presentations and Website authoring.
Practice and prepare for Mid-term exam at:
http://www.bbc.co.uk/education/topics/zdf3cdm
http://www.bbc.co.uk/education/topics/z8svr82
http://www.bbc.co.uk/education/topics/zknygk7
http://www.bbc.co.uk/education/topics/zjvg9j6
Yapp - Another way of making the web activate on smartphones
Go to http://yapp.us from your computer or iPad and following the below 4 steps to create and publish a Yapp.
On a phone? Currently, you can't create an app from your mobile phone, but our team is hard at work to make editing more accessible.
1. Choose a theme: When you click "Create New Yapp" from your dashboard (what you see when you're logged in) or "Get Started" from the home page (where you land without an account), you'll be taken to the editor. To choose a theme different from the standard Corporate Black, click the "Change Theme" button in the left side pages panel.
2. Add content: Add information, a schedule of events, photos and Twitter feeds to the app by filling out the pages and adding your own. You can navigate through the app by clicking on the Pages Panel on the left or by clicking on a page in the Tab Bar in the Workspace. (Still confused? Consult the Online guide)
3. Preview or Publish: When you are happy with your Yapp, click the orange Preview or Publish button on the bottom left of the Editor. This will not share the app with anyone (see step 4 below). If you have not previously registered or are not logged in, Yapp will prompt you to do so by creating an account with your email and password, or by authenticating with Facebook. If you decide to link with Facebook, no information will be shared.
4. Invite the world: After you hit publish, you will get an easy download URL with a unique YAPP-ID that you can email, share on social network, or print on materials.
Resources and references:
Adobe dreamweaver
Microsoft Expression Learn
Microsoft Expression Web 4
Microsoft Expression
Microsoft Expression Design
MindMaps
Yapp
Complete ICT for IGCSE (r) - Stephen Doyle 2012
Student handbook for ICT: IGCSE - Gareth Williams and Anne Bagwell 2008
Cambridge IGCSE (r) ICT - Paul Clowrey and Colin Stobart 2012
Complete ICT for IGCSE (r) TRK - Stephen Doyle 2012
Introduction to Expression -
Timothy Kywn