Posts

Showing posts from October, 2024

BLOG_4

Image
Part I – Coding a Fish Creek Website 1. Alter your Fish Creek code (from previous labs) to use the following: a.       Classes and ids b.      Centring layers c.       The position attribute d.      The float attribute The screenshot of updated code of Fish Creek Website with above mentioned alteration is as follows: index.html code   services.html code                styles.css code  Ensure No. 1 is complete before you answer 2 & 3. Test your code with the HTML validator ( http://validator.w3.org/ ) and the CSS validator ( http://jigsaw.w3.org/css-validator/ ). (record in blog) What are the problems that are highlighted? No errors or warnings were shown. Were you able to fix them?   Test your code across three browsers. (record in blog) The three browsers i...
Post a Comment
Read more

BLOG_3

Image
  Part I – Reviewing this week’s lectures (record in blog) Page Layout How exactly can cells be spanned across rows and columns in a table? Provide code and examples. Cells can be spanned across rows and columns in a table using rowspan and colspan attributes.Rowspan allows a cell to span across multiple rows. For example   rowspan= “2” will stretch that cell aross two rows. Similarly, colspan= “2” will make a single cell span across two columns. Example of rowspan and columnspan with its output: Screenshot of code: Screenshot of output: How did you find coding tables? Outline positive or negative observations, providing examples. When it come to working with HTML tables, I find it has both positive and negative aspects. Positive Observations: Good for displaying tabular data: Tables are great for showing structured data such as schedules, list, pricing etc. For example, when creating a table to list countries and their cities in questio...
Post a Comment
Read more

BLOG_2

  LAB 2 Part II – Using <meta> in an HTML5 page 1.      Identify four different uses of the meta tag . Four different uses of the metadata are: 1.SEO optimization: The meta tag is used to provide search engines with information about the content of web page. 2.Character set declaration: The meta tag defines the character encoding for the document .For example “UTF-8” ensures the page can display special characters and symbols correctly. 3. Meta refresh(redirect) tag: This tag is used to automatically refresh or redirect the user to another URL. 4. Meta Cache-Control: This tag instruct the webpage not to cache the webpage   1.                Copy the head section/make a screenshot of one of the web pages with the meta tag and paste into your blog.   <head> <!--Meta tag for character set--> <meta charset="UTF-8"> <!--Meta tag for descript...
Post a Comment
Read more

BLOG_1

  LAB 1 Part I Read the following article:     https://www.invisionapp.com/inside-design/wireframe-prototype-difference/ a.      In ChatGPT, investigate the disadvantages of using wireframes and prototypes. Copy and paste the output of ChatGPT into your blog Disadvantages of Wireframes 1.Lack of Detail ·        Visual limitations ·        Interaction Limitations 2.Miscommunication ·        Unrealistic Expectations ·        Over-focus on Layout 3.Time-consuming for Complex Projects 4.Limited Usability Testing   Disadvantages of Prototypes 1.High Resource Demand ·        Time and Cost ·        Iteration Burden 2.Misleading Fidelity ·        False Confidence ·        Neglecti...
Post a Comment
Read more