Posts

Lab 4 - Web Developer Tools and Validation

HMTL Validator I used the following validator for html: https://validator.w3.org/ Detailed below are the problems it picked up. 1.  Consider adding a   lang   attribute to the   html   start tag to declare the language of this document. It is important to set the language of a webpage as it becomes th e default language for the content. This is important for useability (i.e. it will make the page easier to translate for an add-on or for Google. I was able to fix this issue by adding the following code into the <head> of the document: <html lang="en"> 2.  No space between attributes a name="author"content="Becks" This was easily fixed by adding a space between so it read as follows: <meta name="author" content="Becks Kelly"> 3.  Bad value  100px  for attribute  width  on element  img : Expected a digit but saw  p  instead. tact</a> ↩ <img src="fish2.jpg" width ="100px" alt="This is a lo...
Post a Comment
Read more

Fun with Tables and more Website analysis

Image
Fun with Tables The tag for a table in HTML is <table>. The rows are defined by <tr> and headers are <th>. Each data or cell is defined with <td>. The default for headers are bold text that is centered. The <td> elements would be regular and left aligned.  Spanning rows and columns in a table can be done using <rowspan> and <colspan>. Remember to state how long they are spanning, i.e. colspan = "3", as seen below. <table>        <tr>            <th colspan = " 2 ">Colspan Heading</th>            <th>Heading</th>        </tr>         <tr>             <td>cell data</td>             <td>cell data</td>             <td rowspan = " 3 ">rowspan...
Post a Comment
Read more

Week 2: Learning Outcomes and Lab work.

  Hello all again! Welcome to week 2 of my blog. Learning Outcomes Initially for the lab I coded up two basic html files for a trail website called "Fish Creek Animal Hospital". I laid down the html which would mark up the basic structure or skeleton of the site. It will be added to at later stages as a learning tool. I then conducted some research on Meta tags and SEO, which is detailed below.  charset and robots Meta Tags “The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data.”                                                                                                                  ...
Post a Comment
Read more

Week 1: Learning Outcomes and Lab 1 work

Hello world! Welcome to my blog for my Web and U.I. class. Twitter Tasks Our first task was to join twitter and follow our lecturer. So, I reopened my old twitter account (https://twitter.com/Potpan__)  and followed @ dt265.  I also followed: @TOG_Dublin      A Community Hackerspace in Dublin, Ireland. Specialising in coding, electronics, crafting, making. @xkcd      Hilarious nerdy comic that often features mathematics and programming @selator Software developer, posts a lot about SW development @machine_person Python and sql developer @Jeffrey_Roe Engineer, director of TOG @wireframe Nice design company! Observations Wireframing vs. prototyping: What’s the difference? Wireframes are essentially a layout or base of the design. They indicate the structure of what you are displaying/ building. It is important to have the layout down before you start populating the site, as this will help fix initial problems/ issues without having to change the who...
Post a Comment
Read more