EDTECH 502: Creating Educational Websites

[ Formally called Internet for Educators ]

3 Credit Online Course

Instructor Information

Patrick Lowenthal

Patrick R. Lowenthal, Ph.D. (Instructor of Record)
Office Hours: by appointment
Phone: (208) 426-2416
E-mail: patricklowenthal@boisestate.edu*
Adobe Connect: http://edtech.adobeconnect.com/patricklowenthal/

Tony HetrickTony Hetrick tonyhetrick@u.boisestate.edu*


*Email is the best way to reach us. If we haven't responded within 48 hours, please email me again.

Course Description

Locate, retrieve, and evaluate information found on the Internet. Design and produce instructional web pages using a combination of software and HTML5/CSS.  Apply appropriate instructional strategies and models to the design of digital curriculum. 

Course Outcomes

After completing this course the student will be able to:

Course Location and Login Information

This is an online course delivered in Moodle. The Moodle login page explains how to login to Moodle. Contact Moodle Support at moodlesupport@boisestate.edu if you have problems accessing MoodleIf you have forgotten your password, click the link below the login box, "lost password?" and you will be able to reset it.

Course Materials

Required Textbook

Non Designers Web Book Cover The Non-Designer's Design Book (4th ed.)
Authors: Robin Williams
Date: 2015
Publisher: Peachpit Press
ISBN-10: 0-13-396615-1


Two places to purchase the textbook: Boise State University Bookstore or Amazon.
Optional eBook

We will also use the following eBooks (as needed). These books are accessed (for free) through the Boise State library. You have to login with your my.BoiseState credentials to access them.

HTML & CSSHTML & CSS: Design and build websites
Jon Duckett
http://boisestate.worldcat.org/oclc/796829490

 


Required Software
CS6

Adobe Creative Cloud

We use Dreamweaver CC and Photoshop CC in this course (Note: you can use earlier versions of these applications if you already own them).  When you purchase Adobe Creative Cloud (also called Adobe CC), you will have access to Dreamweaver CC and Photoshop CC, as well as a number of other Adobe Applications. Adobe CC is a subscription service. With Adobe CC, you pay (either each month or for an entire year) to access Adobe's main suite of applications, which you can download and use on two different computers. While Adobe CC is required only in a few EdTech courses, students can often use Adobe CC applications in over half of the courses in the program.

Additional Software

Students also need the following: anti-virus software, Adobe Reader, Flash player, QuickTime player, Fangs Screen Reader Emulator (Firefox add on), and an HTML5 Compliant Browser (i.e., the newest version of Firefox, Chrome, Safari or Internet Explorer).

Additional Technical Requirements

Internet Connection and FTP Capability

You need an up-to-date computer with an Internet connection in this course. You will create a series of web pages over the semester and FTP files to a web server at Boise State University.* If you plan to work from a school or a business location, it may be necessary to request help from your network administrator because FTP is sometimes blocked.
*Note: You can use your own web host if you prefer.


Alternative Web Space

The EdTech department provides web space for students on the edtech2 server. However, sometimes things go wrong with the edtech2 server or students are unable to FTP to it (e.g., students living out of the country). Be prepared to obtain alternative web space if you are unable to connect to the edtech2 server. You may already have web space from your Internet Service Provider. Free or inexpensive web hosting is also easy to find.

Assignment Policy and Grading Scale

Course Assignments

Detailed information about each assignment is posted in Moodle. Unless otherwise posted, assignments are always due on Mondays. Check Moodle and your Boise State email 2-3 times a week; announcements and course updates can be posted at any time.

  Assignments Points
1 Pre-course survey (Module 1) 10
2 Bio & Introduction (Module 1) 5
3 Plain HTML 502 page (Module 2) 25
4 External CSS page for 502 page (Module 3) 25
5 Netiquette (Module 4) 75
6 Web Accessibility Hot Links (Module 5) 75
7 Copyright Scavenger Hunt (Module 6) 75
8 Interactive Concept Map (Module 7) 75
9 Jigsaw Activity (Module 8) 75
10 m-Learning Activity (mobile learning) (Module 9) 75
11 EdTech2 Homepage (default.html) (Module 10) 75
12 Virtual Field Trip (Module 11) 150
13 WebQuest (Module 12) 150
14 Peer Review (Module 11) 25
15 Participation (Modules 1-12) 50
16 Code Academy Badges (Modules 1-12) 25
17 Post-course survey (Module 12) 10
  Peer Support (extra credit)* (Modules 1-12) 25
  Total Points 1000

*Earn up to 25 points extra credit for helping fellow classmates with technical & design problems. See Module 1 for more details.

AECT Standards

Course assignments are aligned to the AECT Standards, 2012 version. Assignments are listed by number (based on the assignments list above) in the following table under the standard they are aligned to.

  Standard 1
Content Knowledge
Standard 2
Content Pedagogy
Standard 3
Learning Environments
Standard 4
Professional Knowledge & Skills
Standard 5
Research
Creating 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 5, 6, 7, 8, 9, 10, 12, 13 12, 13    
Using 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13   12, 13    
Accessing/Evaluating          
Managing          
Ethics 6, 7 6, 7 6, 7, 8, 9, 10, 12, 13 6, 7  
Diversity of Learners     6, 7    

 

Final grades are based on the following scale.

Grade Points Required Grade Points Required
A 940 - 1,000 C+ 770 - 799
A- 900 - 939 C 740 - 769
B+ 870 - 899 C- 700 - 739
B 840 - 869 D 600 - 699
B- 800 - 839 F 0 - 599

Submitting Assignments: Most assignments are web pages that are submitted by posting the URL to the web site you create in Moodle.


Participation:
You are expected to login into Moodle 2-3 times each week and complete each activity in each module (whether the activity is worth points or not). However, please keep in mind that this is not a discussion heavy course. Most of the discussions focus on giving each other feedback; in each module you will post your work online and be expected to give your peers constructive feedback. Participation in class is worth 5% of your grade. Your participation grade is largely based on your best 10 discussion posts. Participation will be graded during the last module of the course. You can earn up to 20 participation points for attending & participating in happy hour synchronous discussions (which are described below); you can also have points deducted at the discretion of the instructor for not completing activities and/or not actively taking part in class discussions.


Synchronous Discussions (AKA "Happy Hour"):
We will meet four times this semester for "Happy Hour" in Adobe Connect. Happy Hour is a time to meet to talk about the course, the course content, problems you might be having, or anything else that is on your mind. These live meetings are optional; however, you can earn up to 5 points toward your participation grade for each meeting you attend live and participate in. I will record these live sessions and post the recording in Moodle in case you are unable to attend. I will log off of Adobe Connect if nobody shows up during the first fifteen minutes.

Grading Cycle

Assignments are graded as a group to maintain a higher level of consistency. Grading usually begins on the first day after a due date and is typically completed before the next due date. You may track your progress through Grades in Moodle. At the instructors discretion, you may be able to pick up some points lost on web page assignments by fixing any problems (within a week of the assignment being graded) and reposting the URL in Moodle and emailing the instructor about the update.

Feedback

Feedback varies throughout the course. Some assignments simply get a grade if done correctly. Other assignments will get detailed feedback and at times even include video feedback. I strive to give every student video feedback on his or her work at least once during a semester. Feedback is posted in the grade book and sometimes in the discussion forums as well so that everyone can benefit from it.

Late Work

Due Dates: Assignment are due on Mondays and must be submitted by 11:59pm Mountain time on scheduled due dates.


Point Deduction for Late Work: Ten points may be deducted for each day an assignment is late. For example, an assignment that is two days late can lose 20 points. Also, there are only a few days between when courses end and when grades are due; therefore, all assignments turned in after the last day of classroom instruction (based on the Boise State Academic Calendar) but before grades are due, will be deducted 15% off the total points.


Emergency Pass: If you have a major event (e.g., a death in the family, illness, hospitalization, or you are out of town), you may turn in one assignment under the emergency pass. This assignment may be up to one week late and still qualify for full credit. After the one week extension, ten points per day can be deducted until the assignment is no longer worth any credit.


Your Responsibility with Late Work: If you are going to be late turning in an assignment for any reason, please e-mail the instructor at patricklowenthal@boisestate.edu on or before the scheduled due date. When the assignment is completed you must send a follow-up email to let the instructor know it is ready to grade. This is how the late work penalty is calculated. Failure to notify the instructor could lead to a grade of zero.

Technical Difficulties

On occasion, you may experience problems accessing Moodle or files located within Moodle, Internet service connection problems, and/or other computer related problems. Contact the instructor if a technical problem prevents you from completing coursework. If a problem occurs on our end (e.g., Moodle or EDTECH2 server failure), an automatic due date extension is granted.

Reasonable Accommodations

Students with disabilities needing accommodations to fully participate in this class should contact the Educational Access Center (EAC). All accommodations must be approved through the EAC prior to being implemented. To learn more about the accommodation process, visit the EAC’s website at https://eac.boisestate.edu.

The Educational Access Center is located on the first floor of the Lincoln Parking Garage, on the corner of Lincoln Ave. and University Dr. at Boise State University. They are available Monday through Friday 8:00 a.m. to 5:00 p.m. Mountain Time.

Phone: 208.426.1583
Email: eacinfo@boisestate.edu
Website: https://eac.boisestate.edu

Privacy

EDTECH courses involves online delivery and for some courses public display of assignments on websites or social media spaces. In the online course, your name, email address, and Moodle profile may be visible to others who have logged into Moodle. You are advised to familiarize yourself with privacy settings on Moodle or social media sites associated with the course. Privacy settings can sometimes be adjusted to restrict certain types of information. Please contact your instructor if you have questions or concerns.

Academic Honesty

Students are expected to create original work for each assignment. Students must follow the Boise State Student Code of Conduct as well as observe U.S. copyright laws in this course.

Please adhere to the following guidelines:

In the event of academic dishonesty, a complaint is filed with the Boise State Student Conduct Office with supporting documentation. This complaint remains on file and actions may be taken against the student (e.g., loss or credit, grade reduction, expulsion, etc.).

Policy for Incompletes

Incompletes are not guaranteed. However, when they are given, incompletes adhere to Boise State University guidelines as follows:

Instructors can enter a grade of I—for incomplete—if both of the following conditions are present:

In order to receive an incomplete, you and your instructor must agree to a contract stipulating the work you must do and the time in which it must be completed for you to receive a grade in the class. The terms of this contract are viewable on my.BoiseState under Your Student Center To Do List. The contract time varies as set by the instructor but may not exceed one year. If no grade other than incomplete has been assigned one year after the original incomplete, the grade of F will automatically be assigned. The grade of F may not be changed without approval of the University Appeals Committee. You may not remove the incomplete from your transcript by re-enrolling in the class during another semester. A grade of incomplete is excluded from GPA calculations until you receive a final grade in the course.

Course Schedule

Detailed information about assignments is posted in Moodle. The instructor reserves the right to make changes to the schedule as needed. Readings and videos have been identified for each module to help you learn key concepts to successfully complete each assignment. Some of the readings are chapters in ebooks provided through the library, others come from the textbook in the course, and others are simply electronic articles or web pages. We created some videos for this course to help teach you certain concepts. Depending on the version of Dreamweaver you are using though, you might have to find other videos to support learning certain concepts. Keep in mind though that the goal of this course is not to teach you how to use a specific version of Dreamweaver but rather for you to learn the necessary skills to use any HTML editor. Adobe updates their products regularly so as an EdTech professional you need to be able to move from one version of Dreamweaver to the next as needed.

Important!

Students are expected to spend 9-12 hours (18-24 hours during the summer) each week on each EdTech course. However, some students spend more time than others learning HTML / CSS / Dreamweaver. For each module, there are various readings and videos to help you complete each project. Some students like to watch many (if not all) of the videos and complete all of the readings; others focus more on the videos and less on the reading. And yet, a small group of students often chose not to use any of the resources and just dive into the software. You have to determine the best way you learn software.

Note on course videos: Adobe updates their products more regularly than in the past, especially since moving to a subscription model (called Cretaive Cloud). These regular updates make it difficult to ensure that instructional videos (e.g., on Dreamweaver) exactly match the most current version of an application. So while the main course videos are based on Dreamweaver CC, they might not all be based on the newest version of Dreamweaver CC.

Major Assignments

Readings & Videos

Module 1: Introduction to the Course (1/9 - 1/15)

  • Pre-course Survey
  • Bio and Introductions
  • Course Introduction
Reading
Non-Designer's Design Book by Williams
Chapters 2-5 (70 pages)

Module 2: Getting Started with Dreamweaver and HTML (1/16 - 1/22)

  • Create plain 502.html page
  • Code Academy
  • Possible discussions
Reading
HTML and CSS by Duckett
Ch. 1: Structure
Ch. 2: Text


Videos
  • Plain 502 & 502 project
  • Connect to edtech2 & FTP
  • Validate HTML5 & CSS
Module 3: Getting Started with CSS in Dreamweaver (1/23 - 1/29)
  • Create an external CSS style sheet for 502.html page
  • Code Academy
  • Possible discussions
  • 1st Happy Hour (Wed. Jan. 25th @5pm MDT)
Reading
HTML and CSS by Duckett
Ch. 3: Lists
Ch. 8: Extra Markup
Ch. 10: Introducing CSS


Videos

  • Introduction to CSS
  • Plain 502 & 502 project
  • Validate HTML5 & CSS
Module 4: Typography on the Web (1/30 - 2/5)
  • Create netiquette page
  • Code Academy
  • Possible discussions
Reading
HTML and CSS by Duckett
Ch. 11: Color
Ch 12: Text


Non-Designer's Design Book
by Williams
Chapters 9 - 12 (70 pages)

Videos
  • Netiquette project

Module 5: Accessibility on the Web (2/6 - 2/12)
  • Create accessibility hot links page
  • Possible discussions

Reading
HTML and CSS by Duckett
Ch. 4: Links

Videos
  • Accessible hot links project

  • Web Accessibility-An Overview of Rules and Guidelines

  • The Fangs Screen Reader Emulator 

Module 6: Copyright and Fair Use (2/13 - 2/19)
  • Create copyright scavenger hunt
  • Possible discussions
  • 2nd Happy Hour (Wed. Feb. 15th@5:30pm MDT)
Reading
no recommended reading


Videos

  • Scavenger hunt project
Module 7: Images for Web Pages (2/20 - 2/26)
  • Create interactive concept map
  • Possible discussions
Reading
HTML and CSS by Duckett
Ch. 5: Images
Ch. 16: Images


Non-Designer's Design Book
by Williams
Chapter 7 (17 pages)


Videos

  • Interactive concept map project
Module 8: Creating Tables for Web Pages (2/27 - 3/5)
  • Develop Jigsaw activity
  • Possible discussions
Reading
HTML and CSS by Duckett
Ch. 6: Tables
Ch. 14: Lists, Tables & Forms

Non-Designer's Design Book
by Williams
Review Chapter 6 (10 pages)

Videos
  • Jigsaw project
Module 9: Web Pages for Mobile Devices (3/6 - 3/12)
  • Create m-learning activity
  • Possible discussions
  • 3rd Happy Hour (Wed. March 8th@6pm MDT)

Reading
no recommended reading


Videos

  • m-Learning project
Module 10: Working with CSS Templates (3/13 - 3/19)
  • Create default.html page
  • Possible discussions

Reading
HTML and CSS by Duckett
Ch. 13: Boxes
Ch. 15: Layout
Ch. 17: HTML5 layout

Videos

  • Default page project
  • Finding and Using CSS Templates
SPRING BREAK March 20th - 26th
Module 11 (Weeks 11 - 12): Virtual Field Trip 3/27 - 4/9)
  • Create virtual field trip
  • Peer review
  • Possible discussions
  • 4th Happy Hour (Wed. March 29th@5:30 MDT)

Reading
No recommended reading


Videos

  • Virtual field trip project
  • Multi-page top nav website
Module 12 (Weeks 14 - 15): WebQuest (4/10 - 4/23)*
  • Create WebQuest
  • Submit Code Academy badges
  • Possible discussions

Reading
HTML and CSS by Duckett
Ch. 18: Process & Design


Videos

  • WebQuest project
  • Multi-page left nav website
  • Last day of instruction / class 4/23. All assignments due by 4/25.

Refer to the Boise State Academic Calendar for University dates and deadlines (e.g., the last day to drop).

Conceptual Framework

College of Education - The Professional Educator: Boise State University strives to develop knowledgeable educators who integrate complex roles and dispositions in the service of diverse communities of learners. Believing that all children, adolescents, and adults can learn, educators dedicate themselves to supporting that learning. Using effective approaches that promote high levels of student achievement, educators create environments that prepare learners to be citizens who contribute to a complex world. Educators serve learners as reflective practitioners, scholars and artists, problem solvers, and partners.

Department of Educational Technology Mission

The Department of Educational Technology is a diverse and international network of scholars, professional educators and candidates who: