IT Azure
To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Reading assignments will be listed for each section. Please do the assigned readings before class and be prepared to discuss in class.
Getting Started - 8.23.2010
- What is a blog?
- http://www.itminor.com/azure/username
- Logging In to your Blog (Video Tutorial)
- Publishing Content | Video Tutorial
- Permalinks
- More Resources
Homework (Due 8.30.10): Write your first blog post reflecting on the first day in the program and your personal expectations for the class. Make sure you catorgorize and/or tag the post. If you are feeling adventurous try adding a photo to the post as well. There is no length requirement for this assignment.
Browse the Wordpress Theme Repository. If you find a theme that you would like to use please email the theme name and URL to tswallace@ualr.edu.
Wordpress Blog Configuration - 8.30.2010
- Thin Client Login - Overview
- Blog Configuration
- Blog Index
- Selecting and Applying a Theme
- Blog Roll (Links)
- Creating Pages
- Plug-ins
- Widgets
- Using the Web Like a Pro
Homework (Due 9.13.10): Write and publish content for the about page. Include a photo (Does not have to be of you). Add Links and RSS Widget to your sidebar.
Using the Web Like a Pro - Part 1 - 9.13.2010
Using the Web Like a Pro - Part 2 - 9.20.2010
Homework: Write a blog post about your favorite web-based service that you learned about in class or otherwise. This should be a thorough review detailing what you like/dislike, areas for improvement, and a comparison to any similar products or services.
PowerPoint - 9.27.2010
PowerPoint - 10.4.2010
- Inserting Audio and Video | Sample Video (Right-click save link as)
- Custom Shows
- Hyperlinks
- Alternative Presentation Formats
- Presentation Guidelines
Fireworks - 10.11.2010
- Fireworks Basics
Homework: Create an image in Fireworks using the tools we covered in class this evening. Post the photo to your blog before class next Monday.
Introduction: Our Window to the Web: Web Browsers & Understanding Web Related Terminology - 10.18.2010
Assignment: Download and Install Firefox on your computer. Add the Web Developer and Firebug extensions
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 posted to your blog by 10-25-10. 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.
Structure: Introduction to (X)HTML- 10.25.2010
- Naming Conventions, Meta Naming, Directory Structure
- 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 - 11.1.2010
- Meta Tags
- Properly Marking up an HTML Document | Download Starter Document
Structure: Introduction to (X)HTML - 11.8.2010
- Block vs. Inline Elements
- Additional (x)html tags for textual content
- Special Character Encoding: Details | Reference | More on the Topic
- Working with Tables
Assignment Reading: Marking up textual content in HTML
Structure: Introduction to (X)HTML - 11.15.2010
Reading Assignment: Generic Containers the div & span element
Structure: Introduction to (X)HTML - 11.22.2010
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 12.6.10
Site Management - 1.24.2011
- Naming Conventions, Meta Naming, Directory Structure
- Creating Your UALR Web Space
- What is Dreamweaver?
- Dreamweaver Workspace
- Defining a Site in Dreamweaver / Connecting to the Web server
Reading Assignment: The history of the Internet and the web, and the evolution of web standards - Write blog post explaining the impact of the browser wars on modern web development and how why web standards are important.
Video Tutorial - Defining a site
The Building Blocks: Structure/Design - 1.31.2011
- Editing Head Content
- Dreamweaver for Markup - Download Starter Document
- Creating Code Blocks
- Selecting and Applying a Layout
Assignment: Read CSS Basics. It is imperative that you read this material before class next week.
The Building Blocks: Structure/Design - 2.7.2011
- Creating Code Blocks
- Selecting and Applying a Layout
- Selecting the Proper Style: Tags, Classes, and ID's
- Creating Styles for Your Site: Creating ID's, Classes, and Redefining HTML Tags
- CSS Box Model - Description | Demonstration
Reading Assignment: CSS Specificity & Class vs. ID
Homework Style all major elements in your current index.html file. Upload to the web server and send the link before class to tswallace@ualr.edu
The Building Blocks: Structure/Design - 2.14.2011
- CSS Box Model - Description | Demonstration
- Continue CSS Discussion
- Behind the scenes
- Using Classes
- Floats and Clear
- Project Requirements
- Planning and Storyboarding a web site
- Deciding on good colors and fonts
Assignment: Fill out the site questionnaire and storyboard your web site. Email me the completed questionnaire by 2.21.2011
Assignment: Select a color scheme for your site. Be sure to write down the hexadecimal color code for your color scheme and bring to class with you next week.
Out of Class Learning Activity
- Fireworks Basics
- 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. Due 2.28.11
Assignment: Email me the icon you create as homework. Due 2.28.11
The Building Blocks: Design - 2.21.2011
- Using Shapes, Text, and Photos to create Imagery for your site
- Optimizing and Exporting Images for the Web
Homework (Due 2.28.11): Create Banner image for your website in Fireworks. Image should be as wide as your container div and between 80px and 200px tall and < 40kb in size. Emailed to tswallace@ualr.edu before class.
The Building Blocks: Structure/Design - 2.28.2011
- Integrating Images into Your Site Template
- Styling Page Navigation (Lists)
- Validating your HTML and CSS
Homework : Using what you learned from your client interview, create and updated sitemap/storyboard for the project. For more details view this page.
Bringing It All Together - 3.7.2011
- Creating Links to Other Pages
- Finalizing Page Structure
- Adding Pages to Your Site
- Defining a Site in Dreamweaver / Connecting to the Web server
- Publishing your site
Homework : Validate your HTML & CSS template page and include the W3C Badge in the footer. Need Help? Read This.
Project Assignment:
Design a mock up of your client web site. For more details view this page.
Bringing It All Together - 3.14.2011
- Project Design Meeting
Spring Break - 3.21.2011
- Work on Personal Web Portfolio
Assignment: Finish Personal Website project. Email me (tswallace@ualr.edu) a link to the site no later than Noon CST April 4,2011.
Bringing It All Together - 3.28.2011
- Contact Form
- In Class Troubleshooting
- Team Project Work
Assignment: Each Team should complete initial design concept to present to the faculty. This design should incorporate the feedback your team gave you on your initial design. This is a team design project so each team should submit their best work.
Practice Assessment - 4.11.2011
Project Work - 4.18.2011
- The Power of JavaScript Libraries
- What is Jquery?
- Examples
- Finalizing Project CSS HTML
Assessment - 5.11.2011
- View Assessment
ReAssessment - 5.16.2011
