Prothumia: Created page with "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 inst..."

2023-11-18T19:07:30Z

Created page with "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 inst..."

New page

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 [https://www.adobe.com/africa/products/illustrator.html Illustrator] or [https://www.adobe.com/africa/products/photoshop.html 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 [[top 20|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 [https://www.adobe.com/africa/products/illustrator.html Illustrator] or [https://www.adobe.com/africa/products/photoshop.html 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 [[top 20|images folder]].

=== Footer ===

[https://en.wikipedia.org/wiki/Copyright Copyright information] and an [[mail|email]] to the [https://en.wikipedia.org/wiki/Webmaster webmaster] or [https://en.wikipedia.org/wiki/Designer designer] of the web page.

== Tasks ==

=== Task 1 ===

AC1.1 The student has created [[HTML|HTML code]], using a [[Notepad|text editor]]/[[NetBeans|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|HTML code]]

* Produced all pages using [[HTML|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.

{| class="wikitable"
! Learning Outcomes
! Assessment
criteria
! colspan="2" | Assessor Decision
! Internal
moderation
|-
| rowspan="13" | LO 1

The student applies HTML
code to design web pages
| rowspan="5" | Task 1
AC 1.1

The student has created
HTML code using a text
editor/HTML editor
| NYP
| Have you met all the relevant outcomes
| rowspan="5" |
|-
| P
| All the relevant outcomes have been met
|-
| rowspan="3" | M
| Identify and apply strategies to find acceptable solutions
|-
| Select/design and apply appropriate methods/techniques
|-
| Present and communicate appropriate findings
|-
| rowspan="8" | Task 2
AC 1.2

The student has produced
a web page using HTML
| NYP
| Have you met all the relevant outcomes
| rowspan="8" |
|-
| P
| All the relevant outcomes have been met
|-
| rowspan="3" | M
| Identify and apply strategies to find acceptable solutions
|-
| Select/design and apply appropriate methods/techniques
|-
| Present and communicate appropriate findings
|-
| rowspan="3" | 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 [[website]]s 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 <big>'''three'''</big> [[top 20]] websites!

If [[student|you]] want good marks for this task, you might want to track what [[Cyber|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 ===

[[WATCH THIS SPACE]]

=== Task 2 ===

[[WATCH THIS SPACE]]

== 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 [[student]]s- on lectures- that this brief is due 2020-05-12
* 2020-05-05 : I reminded all [[student]]s- on lectures- that they now have 7 days left
* 2020-05-07 : I reminded all [[student]]s- on lectures- that they now have 5 days left
* 2020-05-08 : I reminded all [[student]]s- on lectures- that they now have 4 days left
* 2020-05-11 : I reminded all [[student]]s- 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...

[[WATCH THIS SPACE]]

<small>
[[Main Page]] |
[[Basic web design]] |
[[navigation table|Navigation]] |
[[Ranking]] |
[[support website|Support]] |
[http://www.asterix.co.za/ Asterix Home]
</small>

[[Category:Design‏‎]]
[[Category:Lecture‏‎]]

2020-05-12 - Revision history