ET630 Agenda Class 3 PM

• Review of Introduction to Creating Web Pages With HTML
• See the complete handout on Moodle (Marcovitz, Chapter 9)
  
• Look for Head First HTML with CSS and XHTML, listed as secondary text on the syllabus
  
• Introduction to HTML Authoring
• Creating Web Pages With Simple Word Processors
• A Complete Guide to HTML
• HTML Code Tutorial
• Additional Web Page Creation Sources
  • Colours on the Web
  • Color combos for good design
    
• Using Your Loyola Web Space
  • Guide to Student Personal Web Pages at Loyola
  • Test out loading pages into your Web space
    • Create a simple Web page (or use one you already have)
    • Log in to your G:\ Drive and copy a file into the www folder
    • If you are on a Loyola computer, you can just copy to the G:\ drive in My Computer
    • If you are on a laptop, you will need to follow the directions for accessing the G:\ drive from home on Windows or Mac
  • Find your page online
    • http://studentpersonalpages.loyola.edu/username/www/foldername/filename.html
    • "username" should be your username (that you use to login to WebAdvisor, Moodle, etc.)
    • "foldername" should be the name of the folder you put the file in on the server (if any)
    • "filename.html" is the name of the file, which can be omitted if the file name is index.html
• Web Page Creation with KompoZer
• KompoZer has some issues - quit and restart KompoZer if something stops working
• Aptana - good for editing code (not WYSIWYG)
  
• Probably next class: Web Page Authoring With Cascading Style Sheets (CSS)
  • Video introductions to CSS
  • Video 1: What is CSS and where does it go?
  • Video 2: Multiple CSS commands and simple things to do to a paragraph
  • Video 3: Styles for multiple tags including H1
  • Video 4: Classes
  • Video 5: Div
  • Watch for the mistake with = instead of :
    
  • Video 6: The Box Model
  • Video 7: More Resources
    
  • A great introduction to CSS: http://www.tizag.com/cssT/
    
  • A thorough but rather technical description of CSS: http://www.w3.org/TR/CSS21/
  • A thorough tutorial for CSS: http://www.w3schools.com/css/default.asp
  • An easy-to-follow introduction to CSS: http://draac.com/css/css1.html
  • Document Sections and Inheritance (including the <DIV> tag)
  • <STYLE TYPE="text/css"> … </STYLE>
  • Always close curly brackets and end each line with a semicolon:

p
{
	text-indent: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

• Classes

p.red
{
	color: red;
}

<p class="red">This text will be red</p>

• Online Web Page Authoring Systems
• Weebly
• Wix
• Google Sites
• Assignments
• Web 2.0 Project is due
• Respond to Class Summary
• Read Marcovitz, Chapter 6, Searching the Web (on Moodle)
• Read Marcovitz, Chapter 3, The Overhyped Dangers of Wikipedia (on Moodle)

Last updated: June 25, 2012