week 7

MAKING A WEBSITE

Creating a website can be a challenge. There are a number of simple steps that you can follow to support and assist you in creating your pages and website.

Keep all your files for the project in one place. When you start a project make a folder that you will save your web pages and digital content too. This process sounds simple however it is a common downfall of most students. Even if you have a copy of an image or file in another folder somewhere else on your computer or Pendrive, copy and paste it into your project folder. This routine will enable you just to copy, zip or move one folder for a project an know that everything, yes EVERYTHING that is related to that project goes with it.
index.html, the other common issue is saving and naming of your files. When saving and creating website files always use lowercase AND the first webpage that is to be the "homepage" MUST be named index.html.
Try to keep organised. It is good practice to create a subfolder in your project folder to place things like images in them. This makes it easier and quicker to find things.

SIMPLE STRUCTURE

STARTING A PROJECT

The below video includes the following areas

HTML -Structure, Div's and comments

CSS - Margin, Width, Height, Background Color, Padding, Hex colors, Div's,

Last Updated
2018-04-16 13:27:00

Links to Learning Outcomes		Links to Assessment criteria
UNIT 3 - Learning aim B: Create and test a digital portfolio UNIT 3 - 1B.3 Prepare portfolio content, with guidance.# UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.# UNIT 3 - 2B.M2 Select and refine a range of portfolio content and save in appropriate file formats, using a logical folder structure and demonstrating awareness of the audience.# UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.# UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance. UNIT 3 - 2B.P4 Create a functional digital portfolio, including: home page and section pages context pages. UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience: a range of suitable assets on the web pages Consistent navigation commentaries to explain the content.# UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action. UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose. UNIT 13 - Learning aim C: Develop and test a website UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance. UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets. UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced. UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results. UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance. UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose. UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability. UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance. UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes. UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.		UNIT 3 - Learning aim B: Create and test a digital portfolio UNIT 3 - 1B.3 Prepare portfolio content, with guidance.# UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.# UNIT 3 - 2B.M2 Select and refine a range of portfolio content and save in appropriate file formats, using a logical folder structure and demonstrating awareness of the audience.# UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.# UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance. UNIT 3 - 2B.P4 Create a functional digital portfolio, including: home page and section pages context pages. UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience: a range of suitable assets on the web pages Consistent navigation commentaries to explain the content.# UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action. UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose. UNIT 13 - Learning aim C: Develop and test a website UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance. UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets. UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced. UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results. UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance. UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose. UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability. UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance. UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes. UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.

Links to Learning Outcomes

Links to Assessment criteria

UNIT 3 - Learning aim B: Create and test a digital portfolio

UNIT 3 - 1B.3 Prepare portfolio content, with guidance.#

UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.#

UNIT 3 - 2B.M2 Select and refine a range of portfolio content and save in appropriate file formats, using a logical folder structure and demonstrating awareness of the audience.#

UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.#

UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance.

UNIT 3 - 2B.P4 Create a functional digital portfolio, including:

home page and section pages
context pages.

UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience:

a range of suitable assets on the web pages
Consistent navigation
commentaries to explain the content.#

UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance

UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action.

UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose.

UNIT 13 - Learning aim C: Develop and test a website

UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance.

UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets.

UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced.

UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results.

UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance.

UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose.

UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability.

UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance.

UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes.

UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.