Posts

Comp Lab 4

Image
  Validating Fish Creek Put Fish Creek through validator – no issues needed correcting. Viewed Fish Creek website in Internet Explorer, Microsoft Edge and Firefox. Microsoft edge and Firefox had no issues when loading the web-page, however, Internet Explorer did not load the website correctly. Internet explorer – can see that the navigation bar, main text and footer, are skewed to the left. Unlike below (for Firefox and Microsoft Edge). Unfortunately I was unable to solve this issue.   Firefox Managed to get to level 16 of the game. Learned how to select specific parts of code but also realised why it is important to have classes/ identifiers, as it makes this process much easier.   Web Development Tools Mobile version of the website from chrome browser. This tool is extremely useful as it allows the developer to view what the website will look like from various devises and code accordingly for maximum accessibility. Which is why I will be using ...
Post a Comment
Read more

Comp Lab 3

Image
  Reviewing this week’s lectures   Page Layout <table></table> <tr></tr> <td></td>   e.g. Coding tables can be useful when trying to do comparison of data, or if you want to represent data in a comprehensive manner. However, tables should NEVER be used for formatting as they are too rigid and may run into problems when designing your website.   US university website comparisons: Chose University of Alaska (UA), University of Alabama(UOA), University of Advancing technology(UAT). In Common: ·          mainly used only two colours e.g, blue and white (UA), white and green (UOA), white and red (UAT). ·          Initially see large images of college students doing various activities – studying, sports etc. ·          Have information about ongoing/ upcoming events on the first page. ·...
Post a Comment
Read more

Comp Lab 2

Image
  Using <meta> in an HTML5 page 1.     Four different uses of meta tage = -        Charset – specify the character encoding for HTML document. -        Content – specify the value associated with the http-equiv or name attribute. -        HTTP-euiv – provides an HTTP header for the information/ value of the content attribute. -        Name – specifies a name for the metadata. 2.         Before meta tag After meta tag   3.       -        Keep the URL for the website simple – make it easier to search/find in the future. -        Make sure each “page” of website has a unique title- tag -        Have brief descriptions to prevent google from “cutting off” descriptive titles. -...
Post a Comment
Read more

Comp Lab 1

Image
                    Article Discussion     Article 1: "Wireframing vs. prototyping: What’s the difference?" by Will Fanguy Observations on 'Wireframes' and 'Prototypes.' Wireframes -   ·          Very rough version of final product (guts) ·          present the information that will be displayed. ·          Outline of the structure and layout of the page. ·           Conveys overall direction and description of interface. Wireify (breakdown website to wireframe) by Volkside.  Freehand (digital whiteboard) by InVision   Prototypes - Bare-bones of a working project (can show to others - skin). Have colour, animations and content. For testing UI i.e, test usability ...
Post a Comment
Read more