Website design

Website design

1. User interface

   • Features
     • <marquee><a href="Extra.html">Visit Extra!</marquee>
     • padding: 14px 25px;
   • User interface components
     • a:link, a:visited
     • "minecraftswordpng..jpeg"
     • "Visit Extra
   • Aesthetic
     • Colours
       • Gold
       • Chocolate

2. User Persona

   • Needs
     • Aaron needs a website which can teach him how to play Minecraft
     • Tips on what available bricks there are in Minecraft
     • A website that he can easily understand Minecraft on
   • Frustrations
     • The websites that he has found are too complicated
     • The websites are not interesting enough to look at.
   • Goals
     • He wants to build a modern-day house in minecraft.
     • Wants to understand Minecraft so he can use it in entertainment.
   • About them
     • Aaron is eighteen.
     • He wants to experience being an architect in Minecraft.
     • He likes experimenting with games and planning all types of activities.

3. Task requirements

   • Self-determined criteria
     • SDC 2
       • Rec. 1
       • Rec. 2
       • Rec. 3
     • SDC 1
       • Rec. 3
       • Rec. 2
       • Rec. 1
   • Prescribed Criteria
     • • Your website must have an aesthetic that suits/aligns with your User Persona
       • Rec. 1
       • Rec. 2
       • Rec. 3
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following: Image, table, hyperlink, un/ordered list, Button, paragraphs, etc.
       • Rec. 1
       • Rec. 2
       • Rec. 3
     • • Your website must include TWO aspects styled using CSS

4. Coding Enviroment

   • Developer tools
     • file:///D:/dwong31/My%20Documents/New%20folder/HTML_CLASSWORK/Practice.html
     • Coding language
       • <html>, </html>
       • background-color:gray; } p {
       • Gradient colours-#D92604
   • Key algorithms
     • Website Navigation
     • Other important Algorithms

5. Existing solutions

   • Solution 1
     • Pros
       • Pro 1
         • Pro 2
     • Cons
       • Con 1
         • Con 2
   • Solution 2
     • Pros
       • Pro 1
         • Pro 2
     • Cons
       • Con 1
         • con 2