Week
Starting |
Tuesday |
Thursday |
| 8/29 |
Introduction to the course
- Go over syllabus
- What you'll learn
- What you need
- Assignments
- Grading
- Expectations
- Lab time
- Edinboro Network
- Take roll
- Make sure all of us can run the Adobe software
- Make sure we can all get to the EUP WebDir directory
\\eup\dfs\Webdir\DTUCKER
- Make sure you all want to learn about making web pages!!
- Take notes because all the necessary information is not in the book.
|
Your Homework Website:
Implement the following today:
- Create the initial web page for every student that has a link to all future homework
- Make it live on the eup web server
Web Site Work flow:
- Define scope of project, objectives, target audience, schedule & available resources
- Develop Design strategy and establish the look and feel of the web pages
- Develop Prototype (This will be our actual site)
- Present to client
- Assemble & create the web site.
Start Chapter 1 |
| 9/5 |
Chapter 1 - Internet and web page basics
- Chapter 1 Notes
- Discuss what Dreamweaver is and how it can help build web pages.
- Notepad vs. Dreamweaver
- Work on making our homework page
- Introduce Dreamweaver
Steps to Create a Web Site
- Create the folders you will need in Windows Explorer
- Create a new site in Dreamweaver
- Create your first page (index.html) in your web site.
*** Folders!! *** |
Chapter 2 - HTML Basics
- Finish Chapter 1 notes
- Create a template.html page for trying new things
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title Goes Here</title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
- Start Chapter 2 Notes
if time
- Heading
- Paragraph
- Line break vs. new paragraph
- Lists
- Special Characters
- HTML syntax validation
- Anchor
- Hyper-link
- e-mail link
- Let's do some hands-on exercises from the book in chapter 2. (Maybe 2.4)
|
| 9/12 |
Chapter 2 - HTML Basics
- Finish Chapter 2 Notes
- Make a page using heading elements for our fonts
- show example of <br> vs. <p>
- Make ordered and unordered lists
- Use of anchors
- hyper-links
- make an e-mail hyper-link
- Talk about Java-Jam
|
Chapter 3 Web Design Basics
|
9/19
|
Chapter 3 Web Design Basics & FTP
- discuss FTP: File transfer protocol → you can use this to copy files to the web server from home or anywhere you are not logged into the Edinboro Network.
- Open Windows Explorer
- type in ftp://webstorage.edinboro.edu
- Login
- This will open up the folder containing your files
- Open another instance of windows explorer
- Use drag-and-drop to copy your files to the web server
- Take a look at Photo shop
- Color Selection
- Making a simple gif
- GIF vs. JPG vs. PNG
- Let's make a small background image and put it on a new web page.
|
Chapter 4 - Cascading Style Sheets
- Chapter 4 Notes
- Finish the discussion on HTML
- Open our Template & make CSS styles
- Inline
- Embedded
- External
- Class Selector
- ID Selector
- Descendant Selector
- Hands-On Practice 4.1 → template.html (download or use the one you made earlier)
- Hands-On Practice 4.3
- Hands-On Practice 4.4 → embedded.html
- Hands-On Practice 4.5 → starter.html
|
| 9/26 |
Chapter 4 - Cascading Style Sheets
- Continue with some examples
- Discuss the exam
- Create a simple HTML pages according to some specs I give you.
- Read the chapters again for review
- Practice CSS
- Practice Exam
- HTML
- Design
- Review Page
|
Exam 1
|
| 10/3 |
Chapter 5 - Web Graphics Styling Basics
|
Chatper 5
|
| 10/10 |
Reading Day No Class Tuesday |
Chapter 6 - More CSS
Image Map (not in the book)
|
| 10/17 |
Chapter 7 - Page Layout Basics
- Vertical and horizontal navigation
- Using CSS
- Using DIV and their placement
|
Chapter 7 - Page Layout
|
| 10/24 |
Chapter 8 - More on Links, Layout, and Mobile
- Chapter 8 Notes
- Maybe Some Photoshop stuff
- Insert a banner up top
- Make a cell per navigation
- Make buttons in Photoshop (designed for rollovers)
- insert them
- make links
- Insert and center a table
|
Chapter 8 - Continued
Discuss the exam
- Chapter 5 - Graphics and Styling
- Chapter 6 - More CSS
- Chapter 7 - Page Layout
- Chapter 8 - More on Links, Layout, and Mobile
I'm thinking a practical exam, create a web site and e-mail me the URL. |
| 10/31 |
Review for the Exam
Review: Exam 2 Notes
|
Exam 2 - Chapters 5 through 8 |
| 11/7 |
Chapter 9 - Table Basics
|
Continue with Chapter 9
|
| 11/14 |
Chapter 10 - Form Basics (but our server won't work)
|
Work on Form |
| 11/21 |
Working with MS Word
|
Thanksgiving
Happy Thanksgiving! - No class today
|
| 11/28 |
Chapter 11 - Media and Interactivity Basics
|
Catch UP |
| 12/5 |
Java Script
Lets Make a web page that caclulates something, like maybe a temperature converter. We'll use forms. |
Review for Final
Link to the Javascript page
|
|
Final Exam Tuesday December 13th; 10:15 - 12:15
|
Is on Fridays ! |
Assignments |
| Due Date |
Description |
| Some Notes |
Homework Files → Files for the Hands-On Exercises
Author's web page where you can download the files and unzip them
Notes on how to start your web pages |
9/16
|
Chapter 2 - Hands on Practice Exercises staring with 2.3
** Skip hands on 2.10
**
Case study JavaJam - starts on Page 65 |
9/30 |
Chatper 3 - Hands on Exercise number 1 only. → Make a simple web page for your answer and link to your homework page. For part ' g. ' just list the Best Practices that they did not follow. If you don't like any of the ones listed you can choose your own.
* No Java Jam for Chapter 3 * |
9/30 |
Chapter 4 Hands-On Practice Exercises except 4.7.
Chapter 4 Modify your Java Jam web page. |
10/7 |
Chapter 5 Hands-On Practice Exercises
Java Jam for chapter 5 |
10/14 |
Chapter 6 Hands-On Practice Exercises
Chapter 6 Java Jam |
10/21 |
Chapter 7 Hands-On Practice Exercises
Chapter 7 Java Jam |
10/28 |
Chapter 8 Hands-On Practice Exercises
Note: in 8.7 you need to delete the "nav" from the bottom list of style declarations for the print to work correctly (taking out the menu) in the BistroPrint.css
Chapter 8 Java Jam |
11/11 |
Chapter 9 Hands-On Practice Exercises
Chapter 9 Java Jam |
11/18 |
Chapter 10 Hands-On Practice Exercises
Chapter 10 Java Jam |
12/2 |
Chapter 11 Hands-On Practice Exercises
Chapter 11 Java Jam |
12/9 |
Word assignment |
