MACA 1820 - Design for the Web 1

Credit Hours: 4.00

Objectives:

1. Practice using networks and servers.
2. Modify basic web documents.
3. Output various publishing formats.
4. Practice using different storage options.

Outcome 2: Upon completion of this course, the student will write a basic design plan for web pages and sites.

Objectives:

1. Determine a purpose for the project.
2. Create a content model based on the purpose.
3. Create a hierarchy based on the content model.
4. Create a wireframe based on the content model.
5. Create a design comp based on the wireframe.

Outcome 3: Upon completion of this course, the students will create basic web pages and web sites.

Objectives:

1. Build graphics required for a web page.
2. Use the tools needed to create and modify text in an electronic web page document.
3. Place and modify graphics in web page document.
4. Compress and export page elements and graphics.
5. Refine and link web pages into a web site.
6. Practice testing a webpage and site
7. Move and save web page files.
8. Demonstrate file management.

Outcome 4: Upon completion of this course, the student will demonstrate basic web programming skills.

Objectives:

1. Navigate through an electronic web document.
2. Identify, read, modify and write basic web documents.
3. Create a simple webpage and website.
4. Deliver a website on server network.

Outcome 5: Upon completion of this course, the student will employ professional work habits.

Objectives:

1. Follow written and verbal instructions.
2. Recognize professional work habits.
3. Adhere to deadlines and participate in presentations and critique.
4. Test projects, practice file management, upload files to a server, and prepare projects properly for presentation.

1. Text, graphics, naming, file management, compressing/saving/exporting graphics for HTML.
2. Student will identify, read, modify and write basic web documents.
3. Use proper semantic techniques.
4. d. Demonstrate professional work habits

Project 2. Create new basic CSS document using a text editor.

1. Link, style and arrange the content in the HTML text doc.
2. Use professional problem solving techniques
3. Demonstrate professional work habits

Project 3. Design new basic image files using an image editing software.

1. Use proper output resolutions and formats.
2. Use professional problem solving techniques
3. Demonstrate professional work habits

Project 4. Create a working web page using text editor.

1. Mid-term project utilizing all skills learned.

Project 5. Design a web site using text editor and image editing software.

1. Improve production, planning, and refine workflow.
2. Use professional problem solving techniques
3. Demonstrate professional work habits

Project 6. Create a working web site document using a text editor.

1. Final project utilizing all skills learned