Back to The New School

Web Design I

Students learn how to hand-code webpages with HTML and Cascading Style Sheets. They discuss and master the elements of good Web design, the basics of user interface, and recommended standards. Toward the conclusion of the course, each student designs a cohesive website. Prerequisite: Familiarity with the Mac operating system. Knowledge of Photoshop is a plus. Online class requires (free online) code editors such as TextWrangler for Mac or Notepad ++ for PC.

  • Programs: Online Learning
  • Format: Online
  • Section: X1
  • Course Number: CRN 5074 - PCDD 1100 X1
Instructor
Omar Otieku
Omar Otieku
Read More
Jan 22 - Mar 31
Online
Spring 2019
CRN 5074
Add To Cart
Questions? Call Us or E-mail Us
What you will learn
  • History of the Web and HTML.
  • Intro to HTML tagging, and understanding of HTML’s semantic structure.
  • How to set a root folder and save your work.
  • Web structure and terminology: layout design, defining good Web design, styling paragraph and text, scaling and editing images for the Web using Photoshop, creating links to other pages.
  • The basics of CSS: Inline Style vs. Embedded Style Sheet vs. External Style Sheet, what is inherited property, list of values - integers, relative and percentages, picking colors - hexadecimal, how to add CSS comments.
  • CSS layout and formatting: text formatting, space controlling, bolding, line height and color, CSS positioning - absolute, relative, static and fixed, video/audio - embedding, linking and optimizing.
  • Styling the website: block vs inline, image tricks - filters, rounding corners, and drop shadows.
  • Advanced CSS: the z-index property, analyzing source code on existing websites, debugging techniques, CSS validation.
  • Forms and Buttons: contact form, creating and adding buttons, understanding the File Transfer Protocol.
  • Selecting a suitable Web hosting service.
  • Javascript and Interactivity: syntax and structure of JavaScript, understanding and embedding JavaScript Events, how to create image rollovers.
Benefits
  • Learn how to design and develop a Web page using HTML and CSS.
  • Create HTML elements such as hyperlinks, images, tables, and forms.
  • Be familiar with web terminology and understand theories of web design.
  • Prepare and create multimedia assets for web-based media.
  • Build critical thinking and analytical skills to design a website that serves the purpose.
  • Hand-code a fully functioning Website.
  • Control the look and placement of HTML elements using Cascading Style Sheets (CSS), internal style sheets, and external style sheets.
  • Demonstrate the ability to analyze and identify the web technology to build and implement a website.
  • Understand basics of object-oriented JavaScript and add interactivity to websites.
  • Understand how to upload websites to a server.
Back to top