This course is an introduction to basic web design principles, applications, and related terminology. Professional web authoring tools are explored to understand the planning and layout of hypertext-based content for the web. (The first eight weeks are web theory and the second eight weeks are HTML applictions.) Fall Semester

The student will be able to:

1. learn the workings of the Internet and what Web Design is.
2. learn the Basics of HTML5.
3. learn how to create web links and place images on a webpage. 4. learn what CSS is and how to use it.
5. design for mobile devices.
6. design for tablets and desktop devices.
7. improve Web Design.
8. integrate audio and video.    9. how to merge web and social media.

This course introduces students to advanced concepts and skills in web design. Students will also complete numerous assignments requiring application of advanced techniques and will develop a fully functional website as a course project. (The schedule below is for the previous course only.) Spring Semester

The student will be able to:

1. Plan and organize the webpages for a new website.
2. Apply two fundamental webpage technologies HTML for structure and CSS for style and layout.
3. Design responsive web design and mobile-first design strategies.
4. Demonstrate techniques for incorporating audio and video and for integrating interactivity using CSS and JavaScript.
5. Integrate transforms and animations, which provide interactivity to a webpage.
6. Use Bootstrap, or another web framework, to create an entire webpage.

  Blackboard Login > Course > eBook >

  Blackboard Login > Course > Start >

Bb Intro, Start Here, Syllabus, E-Text
Bb Discussions 1: Bios & 2: Faculty Expectations

  Activate and Read eBook >
C1: The Environment & the Tools

01: Introduction
02: The Internet and the WWW
11: Ways to Access the Internet
15: Types of Websites
22: Web Design Tools
28: Design Principles, Roles, Skills

Assignment CH01: Hands On 1 & 2
CO:1.7

 CO:1.7:  Assignment 2 CH01: Case Study
Review E-Text Chapter 1 — The Environment and the Tools.   You now will begin the process of designing your own website. As you progress through content in this course, you will learn how to use design as a tool to create effective webpages and websites. At each chapter’s conclusion, you will apply the chapter concepts to the ongoing development process in web design using the concepts, techniques, and design tips presented and receive instructions for completing another segment of the ongoing design process.

Table of Contents

1: Introduction
2: The Internet and the World Wide Web
11: Ways to Access the Internet and the Web
15: Types of Websites
22: Web Design Tools
28: Web Design Roles
					

 CO:1.7: Assignment 3 CH02: Color
Read E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout.  Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

Table of Contents

39: Introduction
40: Advantages of Web Publishing
47: Basic Web Design Principles
51: Color as Web Design Tool
54: Writing for the Web
58: Web Publishing Issues
					

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.7: Assignment 5 CH03: Content
Read E-Text Chapter 3 — Planning a Successful Website Part 1: You will explore and apply some of the first steps in the website development process. Website planning incorporates six general steps that influence the decisions regarding creating a visual design that meets the needs of your website. You will refine your target audience and add value content.

CO:1.7 Assignment 06 CH03: Content
Review E-Text Chapter 3 — Web Planning, Structure & Navigation (Including Terms).   Learn the first steps in the website development regarding user interface (UI) and user experience (UX).   Purpose, target audience, and some general content

CO:2.7 Assignment 7 CH04: Content
Read E-Text Chapter 4 Planning a Successful Website P2. You will explore the relationship between content placement and usability. You will be exploring, practicing, and applying some basic organization, HTML and CSS codes.   

CO:2.7 Assignment 8 CH04: Content
Review E-Text Chapter 4 Planning a Successful Website P2. (Including Terms).   You will create a web folder with an index.html file and share it to the course OneDrive. You will also download the free opensource code editor Notepad++.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

CO:1.2.5.6.7 Assignment 4 CH02: Content
Review E-Text Chapter 2 — Web Publishing Fundamentals (Including Terms).   You will learn about the advantages of web publishing and discover the basic design principles behind publishing a successful website.  The chapter discusses responsive web design, adding interactivity to your website, writing for the web, and effective uses of color and layout. Finally, you learn about the technical, legal, privacy, accessibility, and usability issues surrounding web publishing.

Learn Free (1:12)

The Internet is the global system of interconnected computer networks that uses the Internet protocol suite (TCP/IP) to communicate between networks and devices.  It is a network of networks that consists of private, public, academic, business, and government networks of local to global scope, linked by a broad array of electronic, wireless, and optical networking technologies.  The Internet carries a vast range of information resources and services, such as the interlinked hypertext documents and applications of the World Wide Web, electronic mail, internet telephony, and file sharing...cont. —

ByteByteGo (7:37)

The History of The Internet originated in the efforts of scientists and engineers to build and connect computer networks.  to communicate between networks and devices on the Internet, arose from research and development in the US and involved international collaboration, particularly with researchers in the UK and France.  Computer science was an emerging discipline in the late 1950s that began to consider time-sharing between computer users, and later, the possibility of achieving this over wide area networks. More about IPTO, U.S. DoD, ARPA, & ARPANET Project...cont. —

History of WWW - CERN (3:33)

The World Wide Web ("WWW", "W3" or simply "the Web") is a global information medium that users can access via computers connected to the Internet.   The term is often mistakenly used as a synonym for the Internet, but the Web is a service that operates over the Internet, just as email and Usenet do.   The history of the Internet and the history of hypertext date back significantly further than that of the World Wide Web....cont. —

Tim Berners-Lee (5:57)

History of HTML In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents.   In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.   Berners-Lee specified HTML and wrote the browser and server software in late 1990.   That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN.   In his personal notes of 1990, Berners-Lee listed "some of the many areas in which hypertext is used"; an encyclopedia is the first entry...cont. —

Crypto Square (9:54)

Difference Between Web 1.0, Web 2.0, and Web 3.0 by geeksforgeeks.org: Web 1.0 was all about fetching, and reading information. Web 2.0 is all about reading, writing, creating, and interacting with the end user. It was famously called the participative social web. Web 3.0 is the third generation of the World Wide Web, and is a vision of a decentralized web which is currently a work in progress. It is all about reading, writing, and owning...cont. —

ByteByteGo (7:37)

History of HTTP HTTP (Hypertext Transfer Protocol) is an application layer protocol in the Internet protocol suite model for distributed, collaborative, hypermedia information systems.   HTTP is the foundation of data communication for the World Wide Web, where hypertext documents include hyperlinks to other resources that the user can easily access, for example by a mouse click or by tapping the screen in a web browser....cont. —