Internet Technologies
To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Assignments will be listed for each section. Assignments are due before class.
Introduction - Review Syllabus and course expectations - 8.20.2009
Reading Assignment: The history of the Internet and the web, and the evolution of web standards
Introduction: Our Window to the Web: Web Browsers & Understanding Web Related Terminology - 8.25.2009
Assignment: Download and Install Firefox on your computer. Add the Web Developer and Firebug extensions
Read Chapter 2 in Textbook
Reference - Web 2.0 Glossary pg. 105
Getting Started - 8.27.2009
Assignment: Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a short written assignment that should be emailed to me (tswallace@ualr.edu) no later than 8-31-09. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.
Site Management - 9.1.2009
- Naming Conventions, Meta Naming, Directory Structure
- Dreamweaver Workspace Overview
- Creating Your UALR Web Space
- Defining a Site in Dreamweaver / Connecting to the Web server
- Uploading Files to the Server
Video Tutorial - Defining a site
Out of Class Learning Activity - 9.3.09
Due to a death in the family we will not meet in the classroom. Please read Chapter 4 and be prepared for a quiz and discussion on Next Tuesday.
Structure: Introduction to (X)HTML - 9.8.2009
- Understanding how a web page works
- Doctypes & DTD's - Document Type Definition
- Declaring a Language Type
- Exploring the <head>
- Title Attribute
- Meta Tags
Assignment Reading: Semantic XHTML (Quiz Material)
Structure: Introduction to (X)HTML - 9.10.2009
- Properly Marking up an HTML Document | Download Starter Document
- Additional (x)html tags for textual content
- Special Character Encoding: Details | Reference
- Block vs. Inline Elements
Assignment Reading:
Marking up textual content in HTML
Structure: Introduction to (X)HTML - 9.15.2009
Reading Assignment: Generic Containers the div & span element
Structure: Introduction to (X)HTML - 9.17.2009
- Hyperlinks
- Creating Code Blocks
- Adding Structure to our HTML Document
Assignment: Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
Emailed to tswallace@ualr.edu on 9.20.09 (Sunday)
Reading Assignment: CSS Basics
The Building Blocks: Structure/Design - 9.22.2009
- Review Homework
- Selecting the Proper Style: Tags, Classes, and ID's
- Attaching a Stylesheet
- Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags
The Building Blocks: Structure/Design - 9.24.2009
- CSS Box Model - Description | Demonstration
- Using CSS for Layout
Reading Assignment: CSS Specificity & Class vs. ID
Assignment: Create styles for your Prototype HTML Document. You should style all required elements from the previous assignment other than the form. Emailed to tswallace@ualr.edu before class on 10.1.09
The Building Blocks: Structure/Design - 9.29.2009
- Continue CSS Discussion
- Behind the scenes
- Using Classes
- Styling Tables
- Styling Navigation
- Testing Tools
- IE6 Bug Fixes
Assignment: Create styles for your Prototype HTML Document. You should style all required elements from the previous assignment other than the form. Emailed to tswallace@ualr.edu before class on 10.1.09
The Building Blocks: Structure/Design - 10.1.2009
- Dreamweaver for Markup - Download Starter Document
- Editing Head Content
- Properly Marking up an HTML document
- Creating Code Blocks (Div's & Spans)
Assignment: Read Chapter 20 - Quiz Material
Structure/Design/Content - 10.6.2009
Assignment: Create a color scheme for you web site and bring the Hexidecimal color codes to class with you on Thursday.
Create a storyboard for your web site. Due in class next Tuesday (October 11)
The Building Blocks: Design - 10.8.2009
- Fireworks Workspace Overview
- Creating Shapes in Fireworks
- Creating and Modifying Text
- Applying Filters to Objects and Text
- Applying a Style to Text
Out of Class Learning Activity - 10.13.09
The instructor will be out today due to illness. Please read the following articles in class and complete the tutorial. Send all assignments to tswallace@ualr.edu
- How to use the pen tool in Adobe Fireworks
- Using the Path Panel
- Create an Icon in Fireworks - Email me the icon you create as homework.
The Building Blocks: Design - 10.15.09
- Creating and Modifying Text
- Applying a Style to Text
- Using Shapes, Text, and Photos to create Imagery for your site
- Optimizing and Exporting Images for the Web
Homework (Due 10.22.09): Create Banner image for your website in Fireworks. Image should be as wide as your container div and between 80px and 200px tall. < 40kb in size. Emailed to tswallace@ualr.edu before class.
Guest Lecture - Dr. Dagtas Class- 10.19.2009
The Building Blocks: Design - 10.20.2009
- Integrating Images into Your Site Template
- Class Lab Time
- Assignment Check Off
Guest Lecture - Dr. Dagtas Class- 10.21.2009
- Naming Conventions, Meta Naming, Directory Structure
- Accessibility: Making Your Site Accessible to All Audiences
- The Power of Javascript Libraries
Bringing It All Together - 10.22.2009
- Styling Page Navigation (Lists)
- Validating your HTML and CSS
- Finalizing Page Structure
- Adding Pages to Your Site
Bringing It All Together - 10.27.2009
- Guest Speaker Melanie Thorton discusses web accessibility
Homework (Due 10.29.09): Explain in your own words what web accessibility means to you & why it is important to build accessible web sites? This is a short written assignment that should be emailed to me (tswallace@ualr.edu) no later than 10-29-09.
Bringing It All Together - 10.29.2009
- In-class site building demonstration.
- Q & A
JavaScript - 11.3.2009
- Dr. Serhan Dagtas
JavaScript - 11.5.2009
- Dr. Serhan Dagtas
JavaScript - 11.10.2009
- Dr. Serhan Dagtas
JavaScript - 11.12.2009
- Dr. Serhan Dagtas
