Website Outcome

Overview and Teachers Notes

Course Length: Approximately 6-8 weeks.

AS92005- Develop a digital technologies outcome.

This course is the assessment phase of the Website Design Course and will asess students against the AS92005 Achievement Standard.

Please ensure students have completed the Website Learning unit before continuing.

Software requirements:

Any Web Browser (eg Chrome, Edge, Firefox or Safari)

Visual Studio Code: https://code.visualstudio.com/

Git: https://git-scm.com/downloads

Suggested Timetable:

3 weeks to gain foundational knowledge in the "Understand" section

3 weeks on the Apply completing the scaffolded project. Students who have not done the Design will have 2 weeks extra to complete the Rapid Web Design unit. Adjust the timing to accomodate this if required

4 weeks to complete the "Do" assessment with minimal help from you, the teacher.

WHAT IS WEBSITE DEVELOPMENT AGAIN?

What is Website Development?

Front End Web Developers create the pages that people see when they browse the web. From your Netflix and Youtube to the page you are looking at right now, all are made with HTML and CSS.

In this NCEA Level 1 Module you'll becoming a front-end developer by learning HTML and CSS and developing a website from a design. You'll also be using github to keep track of your code, as you develop, test and enhance your website.

Get your Design Ready

Earlier in the year you designed a website. In this assessment, you'll get to make it! So go and find your design portfolio as you will be able to use some of it to fill out parts of this assessment.

Learn Agile

Agile Project Management

Agile development is very common in software engineering and involves deliberate planning and testing in short "sprints" of development.

Your teacher will set up milestone dates for you and your class where you will all test each other's websites and provide simple feedback to help you refine your plan for the next sprint.

Watch the video here for a quick overview and lesson on the tools and techniques you'll need to use.

Assessment!

Assessment

Now you have to take what you have learned and make your website. Make sure you read all the instructions carefully and know exactly what you intend to make before starting this assessment. Your teacher is only allowed to give you very basic feedback now and is not allowed to help you. This is a test to see if you can work independently and put all your knowledge into practice to make a cool website.

Make a copy of the following Document and keep it somewhere safe. This document and your website will need to handed in for assessment.

Develop a Website

Extension and Extras

Grid Layout Explanation

Try it out in your own project

Using an IDE

VSCode is a lightweight cross platform tool to write HTML and CSS. Take a look at how it can help you be more productive at this link.

Using Github with VSCode

This takes practics and you will probably mess up a few times but it's worth it. Become a real developer and join the other 100 Million developer who rely on this to keep their code safe.

Making Wireframes

Layouts 101

Figma Tutorial for beginners

Page updated

Google Sites

Report abuse