2020-05-12
This is Design brief 1 of 4. You already have the hard copy of this brief.
Introduction (*)
Since the inception of the Internet, HTML code has formed the backbone of all the web pages developed online. HTML or Hypertext Markup Language can be written in a text editor such as Notepad, and once saved as an HTML file, it can be viewed within a web browser as a web page. HTML makes use of a series of tags which contain formatting instructions for the web browser to interpret and to display in the browser.
It is imperative for any prospective web designer to be able to read and code HTML.
The scenario (*)
The company, Top Websites has approached you to design a web page, using HTML and Notepad, which lists your top 20 websites. Your web page is to include a banner, designed in Illustrator or Photoshop, and thumbnail screen shots of the websites which must serve as links to the site you are referencing. You are also required to give a brief description of each website and discuss why you have chosen the site as one of your top 20.
The website needs to reflect a design theme through the use of layout, imagery and colour.
Requirements (*)
Word document
You are required to research your top 20 websites online, remember to record the absolute URL (eg https://www.w3schools.com/), a screenshot of the website, description and reason for choosing the site to feature in your top 20.
Root folder
Containing all the pages created and an images folder with re-sized and optimaised images used in the site.
HTML web page
Hand coded in Notepad using HTML
Web banner
Designed in Illustrator or Photoshop and must include your own logo for Top Websites.
List of your top 20
Include a screen shot thumbnail, description and reason why you have chosen the site as one of your top 20.
Images
All the images used in your website will need to be re-sized, optimised and served within the root folder of your website in an images folder.
Copyright information and an email to the webmaster or designer of the web page.
Tasks
Task 1
AC1.1 The student has created HTML code, using a text editor/HTML editor
- Research top 20 websites
- Provide reasons for selection
- Scamp ideas for look and feel
- Create HTML code using an editor (Notepad)
Task 2
AC1.2 The student has produced a web page using HTML code
- Produced all pages using HTML code
Module outcomes
Please be aware of the Module Outcomes as well as the Assessment Criteria as these are imperative to having competence in this Module.
| Learning Outcomes | Assessment
criteria |
Assessor Decision | Internal
moderation | |
|---|---|---|---|---|
| LO 1
|
Task 1
AC 1.1
|
NYP | Have you met all the relevant outcomes | |
| P | All the relevant outcomes have been met | |||
| M | Identify and apply strategies to find acceptable solutions | |||
| Select/design and apply appropriate methods/techniques | ||||
| Present and communicate appropriate findings | ||||
| Task 2
AC 1.2
|
NYP | Have you met all the relevant outcomes | ||
| P | All the relevant outcomes have been met | |||
| M | Identify and apply strategies to find acceptable solutions | |||
| Select/design and apply appropriate methods/techniques | ||||
| Present and communicate appropriate findings | ||||
| D | Use critical reflection to evaluate own work and justify valid conclusions | |||
| Take responsibility for managing and organising activities | ||||
| Demonstrate convergent/lateral and creative thinking | ||||
Note : This design brief and all its parts should be filed in your PoE.
Lecturer's comments & action plan
- My primary drive for this brief is not to see how pretty your pictures are. What I want is confidence that you are connected to your websites and know how to load web pages onto the Internet
- My primary drive for this brief is not to see how pretty your code is. All I want is see is pages and pages on the Internet
Task 1
Use the training I have given you on web development
Task 2
Cyber now has not one!- but three top 20 websites!
If you want good marks for this task, you might want to track what Cyber's doing...
Deadline
As announced on lectures..
NEWS : As per lectures, we are giving "students an opportunity to get up-to-speed with outstanding work"
- Catch-up week 1 : Review week 18-22 May 2020
- Catch-up week 2 : Catch-up period extended 25-29 May 2020
"Classes will resume on Monday 1 June"
This sounds like a good thing!
Seeing only 3 students have completed their 1st submission, I'll push the submission dates of this brief out to match this!
1st submission
Midnight 2020-06-02
It's a Tuesday!
2nd submission
I have set this to one week after the 1st submission
Midnight 2020-06-09
It's a Tuesday!
Your grading
Task 1
Task 2
Notes
(*) This is verbatim. Know that I do not agree with all aspects of what I am writing up for you
- A clear area of change to this brief is that most of you will have upgraded to NetBeans as your HTML editor
- Another correction is that it not HTML, but PHP that has formed the backbone of most of the web pages developed online!- though, that said, HTML is your first and only stepping stone into the world of PHP.
Let me say that again
If you don't know HTML, I am not taking you into the world of PHP! It's like being an infant all over again, where I'm not going to teach you to walk before you have learned how to crawl
Let me put this another way
Once I have taught you how to write HTML web pages (and only if you pay attention to me, of course), I would like to teach you how to write PHP web pages- that write your HTML pages for you!
Think of it this way : You can't become an English teacher until you know how to speak English...
For the record
I have informed each of my web development students, individually, to ensure they are on the same page that I am
Further...
- 2020-04-25 : I reminded all students- on lectures- that this brief is due 2020-05-12
- 2020-05-05 : I reminded all students- on lectures- that they now have 7 days left
- 2020-05-07 : I reminded all students- on lectures- that they now have 5 days left
- 2020-05-08 : I reminded all students- on lectures- that they now have 4 days left
- 2020-05-11 : I reminded all students- on lectures- that they now have 1 day left
NOTE : Due to the one week extension right in the middle of this, we are starting all over again...
Main Page | Basic web design | Navigation | Ranking | Support | Asterix Home