Building Blocks of the Web
-
Welcome to DMD1070, Foundations of Web Design. This course is designed to guide you through the process of planning, designing, and implementing your first website. In this lesson we'll gain our bearings by understanding a bit about the history of the web and how the web works.
-
The web was built on the ideals of openness, accessibility, sharing, and collaboration. How can we use these concepts to remix and create our own work?
HTML & CSS
-
Hypertext Markup Language (HTML) is the basis of every page on the web. HTML provides the meaning and structure to our pages.
-
Cascading Style Sheets (CSS) allow us to add style such as colors, fonts, and layout to our pages. This lesson will be a review of the basic HTML covered in the last class and an introduction to CSS.
-
Now that we know the basics of HTML and CSS, let's level up by introducing a few new tags and ways to apply more specific styles.
-
Let's review CSS and begin to tackle some of its complexities.
The Craft of Web Design
-
Some would argue that Web Design is 95% Typography. Carefully considering the type of our website will greatly improve the design of our site as well as making it easier for our users to read and scan for information.
-
Up until now the "layout" of our sites has been restriced to a single column. Exploring layout will allow us to structure our content and make better use of large screens.
-
Responsive design is the idea of designing for all screens. Considering how our site adapts for a variety of devices, will help us to focus our content and build sites that meet the needs of every user.
Web Design Process
-
For our final project we'll be planning and developing a personal portfolio site.
-
Looking at the work of others and considering the needs of our users will
help to guide our design process.
-
Through sketching, sharing ideas, and refining these ideas we can begin to develop our initial site design. To do so we'll follow the design studio process.