Web Design I

UNIVERSITY OF WISCONSIN-MILWAUKEE School of Information Studies

INFOST 240 –Web Design 1 Spring 2018 SYLLABUS – Sect 201

Instructor: Adam Hudson Location: Northwest Quad Building B 3414 E-mail: [email protected] Phone: (414) 229-3822 Office Hours: Local students may email for an appointment, otherwise email or the D2L discussion board is the best way to reach the instructor. Teaching Assistant: Sunstar Vue, [email protected]

Meeting Times & Location: Online, no scheduled meetings

CATALOG DESCRIPTION:

Uses popular authoring tools to cover the basics of organizing information.

GENERAL DESCRIPTION:

• In this course students will learn the basics of the WWW and how to create basic web pages using HTML, and how to control the look and feel of web pages through the use of CSS. • Students will learn how to work with fonts and graphic elements in HTML. • Students will learn how to work with an open source content management system to create and manage a website. • Development of websites will focus on the perspective of the end user. • Students will learn the basics of web usability, accessibility, and search engine optimization. • Students will use a text or HTML editing program only for this course. Students may not use any WYSIWIG editing programs such as Adobe Dreamweaver.

OBJECTIVES:

Upon completion of the course, students will be able to: 1. Connect to a server, upload files to the World Wide Web, examine the history of the www, and understand how the web communicates. 2. Examine and be aware of the best practices for web design and usability. 3. Create a web page using HTML; examine and understand different tags and attributes 4. Control the layout and appearance of content through the application of CSS. 5. Understand the basics of content management systems and be able to install one and create and manage content using WordPress.

METHOD OF DELIVERY: Online

Students with special test and note-taking needs should contact the instructor as early as possible for accommodations. See policies on the last page of the syllabus

On-line Course Expectations: • Online learning assumes a high level of maturity, time management, and the ability to self-learn. Learning is more convenient but no less rigorous. The lack of formal schedule in an online course can be liberating. It can also be demanding because the student must determine when to make time for class. • Please remember that you will spend as much or more time completing this course as you would taking it in a traditional, classroom-bound, format. Due dates are as "real" as they are in a traditional format. • The following resources will help you if you have technical problems:  SOIS Distance Education: http://uwm.edu/informationstudies/resources/faqs/online- education/,  UITS Help Desk: https://www4.uwm.edu/technology/help/campus/index.cfm

Students with special test and note-taking needs should contact the instructor as early as possible for accommodations.

TEXTBOOK: None Required

Students are expected to digest the lecture notes each week introducing the week’s concepts. Most of the lecture notes include audio embedded into the PowerPoint presentations. There are also video tutorials that illustrate the application of the concepts presented in the notes.

Recommended Resources:  W3C HTML Tutorial: http://www.w3schools.com/html/default.asp  W3C CSS Tutorial: http://www.w3schools.com/css/default.asp  W3C JavaScript Tutorial: http://www.w3schools.com/js/default.asp  Lynda.com access: http://uwm.edu/informationstudies/resources/it/ o Training library with courses on HTML, CSS, and WordPress o Login with your ePanther username and password

TECH RESOURCES:

UWM Help Desk: http://www4.uwm.edu/technology/help/

SOIS Tech: http://uwm.edu/informationstudies/resources/it/ , [email protected] , (414-229-5275), NWQB 3432. The SOIS Tech office is open from 8am until 9pm during Monday thru Thursday, Fridays from 8am until 5pm, and Sundays 11am until 3pm.

SOIS Tech Password Reset: Tool that allows you to reset your password without having to contact the tech office. The instructions are below. 1. Navigate to http://uwmsois.com/passwordreset/ 2. Enter ePanther ID/username and if there is an account an email is sent to the UWM email account 3. The email contains a unique 1-time link to follow and reset the password. After clicking the link and resetting the password the link no longer works.

SOIS Virtual Lab: http://uwm.edu/informationstudies/resources/it/ The link includes information, tutorials, and login information for using the Virtual Lab. Web Design I

COURSE SCHEDULE: Week: Topics: 1 Introduction to the course, student introductions, course policies, and the D2L Jan 22 – 27 class site. 2 Background overview of the Internet, and introduction to the World Wide Jan 28 – Feb 3 Web. Using SOIS webspace account, creating content using a text editor and connecting to a server via FTP. 3 Introduction to basic HTML tags and SEO (search engine optimization) Feb 4 – 10 4 Web Design Best Practices; usability, layout, color usage, mobile design Feb 11 – 17 5 Basic structure and principles of an HTML form (input types and attributes), Feb 18 – 24 and structuring content using HTML tables 6 Introduction to CSS. Setting font type, size, color, and other attributes. Feb 25 – March 3 7 Using CSS for page layout, styling different states of elements, layout using March 4 – 10 floats, div tags, span tag, margins, padding, etc. 8 Using CSS to enhance form layout and form input types. Discussion of the March 11 – 17 social web and issue of disinformation on the internet. March 18 – 25 Spring Break Week 9 More with CSS including new developments within CSS3, current browser March 25 – 31 support, and using CSS to create a responsive design template 10 Web and screen usability re-examined, designing for the screen, industries April 1 - 7 that have been disrupted by the internet, and how user behavior changes online. 11 Introduction to content management systems, focusing on open-source April 8 – 14 solutions and the most popular platform; Wordpress. Establishing a website project with the creative brief. 12 Working within the WordPress environment to create and manage web April 15 - 21 content. 13 Working with Wordpress themes and theme files to modify appearance of a April 22 – 28 site, including managing files and creating child themes. An examination of plugins and widgets in WordPress; how they enhance a site and user- engagement. 14 Finish up with WordPress sites. Create documentation for how to manage April 29 – May and edit your site. 5 15 Prep for and take final exam. May 6 - 10

ASSIGNMENTS:

Assignments are due on the specified date (midnight CST on the day it is due) *unless specifically noted by the instructor. All assignments are due on Sunday evening by 11:59 pm unless otherwise stated. Post the link to the assignment in the drop box on D2L. Grades will be reduced 2 points for each day that it is past due. Assignments submitted more than 5 days past the due date will not receive any credit. Most Assignments are worth 10 points each, so if an assignment is 1 day late 8/10, 2 days late 6/10, etc. Submissions that include an incorrect link (such as a link to the local file path rather than the url for the file hosted on your webspace account or the submission of an actual HTML file rather than the url) will receive a 1-point deduction. Make sure to check your work on your webspace account before submitting to the dropbox.

Assignments compromise the largest part of your grade by far at 80% so it is important to submit work on time. Rules of academic conduct require that you not use the work of others without clearly indicating it as such. Academic misconduct may result in a lowered grade, no credit for a given assignment, or removal from the course.

If you are going to miss a deadline due to illness, emergency, etc please let the instructor know in advance. Reasonable accommodations can be made for students who inform the instructor in advance of complications meeting a particular deadline.

ASSIGNMENT DESCRIPTIONS:

Additional assignments may be assigned during the course of the semester.

Assignment: Objectives: Point Value: Due: Introduction to the class 5 Week 1 Creation of a home (assignment) page named 1 10 Week 2 index.html, and placing it on the web (using your webspace account). This can be used as a page for linking all of your subsequent assignments. Creation of your first web page using core 1 & 3 10 Week 3 HTML tags. Usability Assignment (comparison of website 2 & 3 15 Week 4 homepages based on certain criteria) -SEO Markup Exercise Create an HTML form for a topic of your 2 & 3 10 Week 5 choosing. Create a calendar for your birthday month 2 & 3 10 Week 5 using a table Create a short resume for you or someone else 3 & 4 10 Week 6 as an example and add some styling through the application of a CSS stylesheet. Layout a simple webpage using CSS to control 4 10 Week 7 how page elements are displayed. Create a dropdown menu using CSS 4 10 Week 7

-Customize form input types with CSS 2 & 4 15 Week 8 -Discussion postings -Creation of a page template using CSS 3 & 4 10 Week 9 Web Design I

-Usability Study 2 15 Week 10 -Discussion Postings/response of industries disrupted by internet/apps -Installation of WordPress site on SOIS 1 & 5 10 Week 11 webspace account -Construct a creative brief for WordPress site 2 10 Week 11

-Build out of WordPress site, adding content 5 10 Week 12 (posts/pages, media, comments, etc.) -Install and modify a WordPress theme, 4 & 5 10 Week 14 customize plugin settings, and insert widgets into WordPress site -Document management of WordPress site 2 & 5 15 Week 15

DISCUSSION:

Required discussions will be assigned throughout the course where you must participate (involves making posts to the D2L Discussion topic for that week). There will be 2-3 weeks during the semester where discussion is required for part of the assignment that week. More detail on the type and length of discussion posts will be given during the weeks in which it is assigned (tentatively weeks1, 8, and 10).

FINAL:

The final will be taken online through the D2L interface. The test consists of a mixture of multiple choice and T/F questions (40 multiple choice and 10 T/F). All of the questions are drawn from the course lecture notes throughout the semester. You will have from May 5th until the 11th at midnight to take the final. You will have 40 minutes to complete the test once it is begun.

EVALUATION:

Criteria Undergraduate Students Assignments 80% Final 20% Total 100%

GRADING SCALE:

93-100 A 73-78.99 C 90-92.99 A- 70-72.99 C- 89-89.99 B+ 69-69.99 D+ 83-88.99 B 63-68.99 D 80-82.99 B- 60-62.99 D- 79-79.99 C+ Below 60 F

UWM AND SOIS ACADEMIC POLICIES: The following link will take you to UWM pages/links which contain university policies affecting all UWM students. http://www.uwm.edu/Dept/SecU/SyllabusLinks.pdf Undergraduates may also find the Panther Planner and Undergraduate Student Handbook useful (http://www4.uwm.edu/dos/student-handbook.cfm). For graduate students, there are additional guidelines from the Graduate School (http://www.graduateschool.uwm.edu/students/current/), including those found in the Graduate Student and Faculty Handbook: http://www.graduateschool.uwm.edu/students/policies/expanded/.