Web Design Coding Studio
Course Code: CPD167
Duration: 180 hours hours, 6 months
- Upon successful completion of the Web Design Coding Studio program, you’ll know how to:
- Use productivity features found in common Web browsers.
- Identify “Web 2.0” sites and upload content to several such sites.
- Set up a basic blog and write and publish a blog post.
- Identify the differences between static and dynamic Web sites and understand the purpose of each category.
- Edit basic HTML code to change a page’s title, text, links, and image content.
- Embed multimedia from Web 2.0 sites into HTML-based pages.
- Set up free or paid Web hosting, connect to the host, and publish Web pages to the host server.
- Track visitors to a Web site and utilize the features provided by Web statistics tools.
- Submit a site to a search engine and optimize it for search engine placement.
- Market online content using social media and social networking tools.
- Create valid HTML and HTML5 pages, structuring page content semantically, adding links, and embedding images.
- Organize Web site files and FTP them to the Web.
- Create HTML data tables and customize them by modifying rows, columns, dimensions, spacing, borders, and background.
- Add audio and video to Web pages using HTML5 audio and video tags.
- Effectively test, troubleshoot, and validate Web pages, and apply fixes for cross-browser compatibility.
- Apply CSS styles to an HTML document through inline CSS, internal style sheet, or external style sheet and apply CSS rules to specific content in an HTML document using classes, IDs, divs, and spans.
- Set and manipulate the typography on a Web page: fonts, colors, weights, styles, variants, decorations, and spacing and style lists, links, and box-level elements on a Web page.
- Create fixed and fluid column layouts using relative positioning, absolute positioning, and floats and create a basic HTML form containing text fields, radio buttons, checkboxes, menus, and input buttons.
- Apply special visual effects to page elements using CSS3 and create horizontal and vertical list-based navigation in CSS.
- Select and modify page elements using basic jQuery, changing the appearance or visibility of content.
- Write “if” conditional statements and test for multiple conditions (“else if”), making use of basic operators and booleans.
- Call functions, write arguments, and return values to create complex interactivity.
- Create special visual effects using events and jQuery functions.
- Use specialized jQuery selections and selection removal techniques to improve page navigation.
- Identify the core components of Ajax and the role of Ajax in an interactive Web page.
- Add Ajax-based content loading improvements to a page using a jQuery function.
- Implement and customize jQuery plugins to create a lightbox image gallery and a live social media stream.
- Implement adaptive float behavior in Web browsers using CSS.
- Create adaptive fixed and fluid column-based layouts using floats.
- Develop horizontal, vertical, and sprite-based adaptive navigation menus.
- Build an image gallery using a float-based grid.
- Use mobile queries and CSS to adapt layouts for mobile devices.
- Use jQuery Mobile to construct mobile Web apps with HTML/CSS layouts.
- Create enhanced navigation elements with CSS and jQuery plugins, including responsive sliders, modal dialogs, and customized tooltips.
- Make a mobile friendly navigation menu.
- Web 101
- Understanding the Web
- Building a Site
- Marketing Your Content
- HTML and CSS Essentials
- Intro to HTML and CSS
- Building HTML Tables and Introducing HTML5
- HTML5 Multimedia and Troubleshooting
- Formatting Text with CSS
- Page Layout with CSS
- Extending HTML and CSS
- Interacting with a Web Page
- Adding Logic to Your Programs
- Functions and jQuery Effects
- Navigation and Image Galleries
- Introducing Ajax
- Advanced CSS Layouts
- Designing with Floats
- Creating a Responsive Layout
- Enhancing Responsive Layouts With jQuery
The program is delivered entirely online. Students have 24/7 access to the school learning environment. No textbooks are required for the program. The program is built around award-winning online curriculum developed by Sessions College for Professional Design faculty.
All coursework and materials required to complete each course are provided in an online learning environment, including orientation materials, lectures, exercises, critique and discussion forums, videos, multimedia tools, and an online library.
This program can be taken on PC or Mac. A high-speed Internet connection is recommended. Students will need a basic familiarity with computers and must be comfortable navigating the internet. Here is a summary of requirements:
- Computer with Internet connection (56 Kbps modem or faster).
- An account with an ad-free Web hosting service (free services are available and listed in the course). An ad-free Web space allows students to upload assignments without interference from forced ads like popups or banners.
- Adobe Photoshop or Fireworks, or equivalent digital imaging program.
*SOFTWARE IS NOT INCLUDED IN THE COST OF THIS PROGRAM.*