SOFT6007 Slides & Examples

Slides are available below. There are links to the code used in class. You can view the code by asking the browser to show the source or you can save it and open it in an editor.

Slides

• 2015-SOFT6007-01a.pdf
• 2015-SOFT6007-02a.pdf
• 2015-JS01b.pdf (JavaScript)
• 2015-SOFT6007-05.pdf
• 2015-SOFT6007-06.pdf

Sample HTML files

• sample-html-page1.html (basic HTML)
• sample-html-page2.html (img, list, link)
• sample-html-page3.html (table)
• sample-html-page4.html (colspan & rowspan)
• sample-html-page5.html (form)
• sample-html-page6.html (CSS)
• sample-html-page7.html (Classes & IDs)
• sample-html-page8.html (Three Column Layout)
• Coin Toss (JavaScript)
• Dice Game (JavaScript)

old

• sample-html-page5.html 
• sample-html-page5a.html
• sample-html-page6.html
• Timetable sample-html-page7.html  tablestyles1.css sample-html-page8.html  tablestyles2.css
•  form2.html
• http://mcom.cit.ie/staff/Computing/cmcguane/SOFT6007/Week3/Week3Forms.html
• floatyourboat.html float1.css
• paragraphposition.html  position.css
• Three Column Layout  ThreeColumn-simple.html threecolumn-simple.css
• (The examples Colin uesd in class were more complicated than needed) 
• fancy4.html
• fancy5.html fancy5.css
• Navigation bar using inline-block navbarexample.html

• (ignore this:) JockShop1.html      jockshop1f.css
• 
  
• javascript1-time-based-greeting.html
• javascript2-random-image.html
• javascript3-face-rollover.html
• dom-tails.html
• slot machine
  
  
  
  
  Some notes on HTML5 form imput types
  http://www.w3schools.com/html/html5_form_input_types.asp 

Images

Iberia
USA Cities Grid