Website Design

Website Design

1. Task Requirements

   • Self-Determined Criteria
     • SDC1 Description
       • Your website must tell all about Samsung and Apple and their differences in a cleanly arranged order with features that make me want to keep looking more parts of the website.
         • SDC1 Requirements
           • Must have aesthetic features.
           • Must be in a clean arranged order.
           • Must keep the user want to look at more parts of the website.
           • Must tell all about Samsung and Apple
   • Prescribed Criteria
     • PC1 Description
       • Your website must include TWO aspects styled using CSS
         • PC1 Requirement
           • Must have background color, font type, color and other aspects.
           • Must have two aspects
           • Aspects must be styled by CSS
     • PC2 Description
       • You must use HTML to organise appropriate information on your webpages using FIVE of the following: Table, Paragraphs, Images, Internal/External Links, Ordered or Unordered list
         • PC2 Requirement
           • Appropriate information must be organised.
           • The information must be in at least 5 features: Table Paragraphs Images Internal/External Links Unordered list
           • HTML must be used.
     • PC3 Description
       • Your website must have an aesthetic that suits/aligns with your User Persona
         • PC3 Requirement
           • Must align with user persona.
           • Must tell all about Samsung and Apple
           • Must have aesthetic features

2. Existing Solutions

   • Apple vs Samsung: The ultimate head-to-head
     • Pro
       • - Lots of information and external links to find extra information
       • - It lets the user interact with it.
       • - Nice CSS to make it appealing for the user.
     • Con
       • - Somewhat cluttered
       • - Hard to realise where you are in the website due to being clutered.
       • - The same format all throughout the website.

3. User Interface

   • Aesthetic
     • Colour
     • Fonts
     • Background Colour
     • ETC
   • User Interface Components
     • Internal/External Links
     • Images
     • Table
     • Paragraphs
     • Unordered List
     • ETC

4. Coding Environment

   • Developer Tools
     • Visual Code Studio (VCS)
   • Coding Language
     • HTML
       • HyperText Markup Language It is the basic scripting language used by web browsers to render pages on the World Wide Web.
     • CSS
       • Cascading Style Sheets It is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML
   • Key Algorithms

5. User Persona

   • Needs
     • An orderly website that leads to different web pages.
   • Wants
     • A website that tells me information all about the Samsung and Apple brands.
   • Details
     • Tell about Samsung and Apple, lead to different webpages, orderly arranged.