Nicola Riordan CMPU4063

Lab 4 Part I – Coding a Fish Creek Website website 2. Test your code with the HTML validator (http://validator.w3.org/ ) and the CSS validator (http://jigsaw.w3.org/css-validator/ ) 2. i.  a.  When I put my code through the HTML validator it resulted in the following errors: 'stray end tag (div)' x 2, and 'no space between attributes'. There was also a warning with a suggestion to add a language attribute in the head section. These can be seen in figure 1.  2. i. b. .I located the unnecessary end tags and removed them, added and language attribute to declare English as the language, and added a space between the attributes for the email link. I ran it through the validator again, and as seen in Figure 2 it came back clear. Figure 1: errors with HTML code Figure 2: no errors in HTML code 2. ii. a. When I put the CSS sheet through the CSS validator it resulted in the following errors: 'value error: font-family parse error', and 'pa...

Lab 3 Part I – Reviewing this week’s lectures 1. What do the attributes, colspan and rowspan do when using tables? Provide examples colspan - specifies the number of columns that a cell should span in a table rowspan - specifies the number of rows that a cell should span in a table Here is an example of the HTML for a table I made to categorise rock types, using the attributes colspan and rowspan (information from University of Alaska Fairbanks, 2016): Here is the resulting table: 3. How did you find coding tables? Outline positive or negative observations, providing examples I found coding tables to be quite straightforward in terms of the basics; making columns and rows. Tables have a very clear and formulated format which appears simple once the correct tags are used. Tables can be useful for conveying information clearly, as in the rock category table above; they are clear, neat, and tidy. However, I did find it to be a bit confusing with vari...

Lab 2 Part II – Using <meta> in an HTML5 page  Identify four different uses of the metatag.  1. Keywords - you can use the metatag to insert relevant keywords into your document so that search engines can find your page (<meta name="keywords" content="Vet, Pets, Dental, Veterinarian, Fish Creek, etc.">) 2. Viewport - you can use the metatag to change the view of your page depending on what type of device you're on, ensuring that the website will look good on both desktop and mobile, as well as other devices (<meta name="viewport" content="width=device-width, initial-scale=1.0">) 3. Description - using the metatag to add a description of the website can also help the search engine find it, as it will look for relevant words (<meta name="description" content="Fish Creek Animal Hospital is a veterinary clinic which provides medical services, surgical services, dental services, and house calls...

Part 1 - Beginning Web Development  3. Read the following two articles and discuss two interesting observations from each article. 3a. http://www.creativebloq.com/web-design/jargon-wireframes-mockups-prototypes-51514898 3b.  https://dzone.com/articles/common-mistakes-made-by-web-developers-and-how-to 3a. Observation 1:  Completing a wireframe, mockup, and prototype for a project is very important. This paper states that completing each phase is important; it saves time in the final phases of a project through reducing chances of mistakes, missing something, predicting problems before they become real problems, and allows stakeholders to give feedback earlier on. (Cao, 2017) 3a. Observation 2 While each stage is important, the same steps will not be best for every project. While this paper encourages working from a wireframe to mockup to prototype, it is also important to take into account what works best for the individual project. Some projects ...