Posts

Lab 4

Image
Part I  Test your code with the HTML validator     -     The problem it highlighted was that I have not yet used a language attribute in my html start tag.      -     This problem was easily resolved.  Test your code across three browsers     -     The browsers I used were Google Chrome, DuckDuckGo and Safari. All three appeared the same and I didn't face any issues.  Part II – Web Development Tools  1. The page looks poorly suited to a mobile device. Most of the website sits at the top of the screen and when it is turned to a horizontal view it is still poorly laid out.  When developing my website I will use this tool to test if my website is well adapted for mobile devices. 2.  Firefox has the Firefox Developer Tool which  inspect and edit HTML/CSS live, debug JavaScript in real-time, analyse network activity and performance and view responsive layouts for d...
Post a Comment
Read more

Lab 3

Lab 3 Page Layout      ~   How to span cells across rows and columns in a table ~ 1.  Table cells can be spanned across columns using the   colspan    attribute and spanned across rows using the    rowspan   attribute. Here is an example of colspan: <table border="1">    <tr>      <th colspan ="2">Veterinary Services</th>    </tr>    <tr>      <td>Medical</td>      <td>Surgical</td>    </tr>  </table>  This merges multiple columns into a single cell. Here is an example of rowspan: <table border="1">    <tr>      <th rowspan ="2">Service</th>      <td>Medical</td>    </tr>    <tr>      <td>Surgical</td>    </tr>  ...
Post a Comment
Read more

Lab2

Image
Adding <meta> tags to Fish Creek Web Page Character Encoding Specifies the character set used in the document (prevents character corruption). Author Information States the author of the web page. Description for SEO Provides a summary of the page’s content, which may be shown in search engine results. Viewport Settings Makes the site responsive (especially for mobile devices).
Post a Comment
Read more

Lab1 (part III)

Image
Post a Comment
Read more

Lab 1 (parts I + II)

 Lab 1    Part I      3a Investigating the disadvantages of wireframes and prototypes with ChatGPT Prompt: What are the disadvantages of using wireframes and prototypes in web development? ChatGPT response: "While wireframes and prototypes are crucial tools in web development for visualizing and testing the user experience, they come with some potential disadvantages. Here are some of the main ones: 1. Lack of Detail (Wireframes) Basic Representation : Wireframes are often quite basic and don't capture the finer details of the final design. This can lead to misunderstandings among stakeholders who might expect more polish or assume that the wireframe is an accurate reflection of the final product. Misleading Expectations : Because wireframes are often simplistic, clients or team members might misinterpret them as the actual design, leading to unrealistic expectations. 2. Time-Consuming (Prototypes) Extra Development Effort : Building interactiv...
Post a Comment
Read more