Index

CIMW140 - CSS (CASCADING STYLE SHEETS) & RWD (RESPONSIVE WEB DESIGN) Spring/2024 - Professor T. DeDonno
email

Webcast Wednesday 1 PM
Details on Canvas,

Optional help in Library LRC - see Office Hours for Hours

Class is Online - Canvas has Videos and we will have Weekly Web-casts
Textbook Links: Amazon (Kindle $18, Used $23) || valorebooks.com (Rental $26, Used $6.26-$27) | O'reilly (E-book $34, Print and E-book $44 = buy on Amazon) - Prices subject to change.

Ticket #15120 (02/12/24 - 04/16/24)
CIMW140 Class Overview

Explores how to use Cascading Style Sheets (CSS) to take your HTML web pages to the next level. CSS provides the means to create desktop publishing and mechanisms for supporting multiple devices. Covers all basic CSS fundamentals including: page layout, positioning, text alignment, formatting, margins, borders, text-flow, background images, typography and CSS3 features (border radius, gradients, and text shadows). Discuss how to debug web pages using Dreamweaver and web browsers. Create mobile web pages using bulletproof page layouts, and apply CSS presentation to content with known structure and RWD (Responsive Web Design) concepts of Fluid Grid Layout, HTML5, and CSS3 media query (formerly CIM 272 and CIMW 240). ,
May use any IDE you want to, but Web-cast will demonstration using Dreamweaver Creative Cloud - CIMW115 covers dreamweaver

California community college students can buy Adobe Web Web Premium for $355 or Just DW for $149. Adobe is leasing their latest software Creative Cloud at $19/month for DW and $29/month for suite. You need to purchase a one year software lease. So you can buy CS6 or lease Creative Cloud. The Creative Cloud software will not work once the lease expires, however you data files are yours so you still have the Web pages. You can get a 30 day trial version of Dreamweaver and we also have Dreamweaver CS6 available in the IMC lab. cim.saddleback.edu is the master index page for all class sites.

Class has an introduction to creating, publishing and testing documents on a Web server. Course will cover Internet concepts, Web site management, linking, FTP, basic HTML, typography, tables, page layout, tracing elements, layers, and frames. Requires no previous Web development experience.

Saddleback Web Design Certificate

Courses You Need To Complete:

  • Dreamweaver & Word Press CIMW115
  • CIMW140 CSS
  • Photoshop CIMW134 Photoship
  • HTML CIMW100A (Offered Every Semester)
  • Capstone Portfolio CIMW280 Offered Every Spring
  • Plus 6 More Units.

Importiant Info on Applying for Certificates

  • Certificates are in process or being updated, they may already been updated, if so course waivers are not required.
  • Admissions and Records Form and Petitions for Certificates.
  • You normally have to apply for a certificate at least 60 days before graduation - School Year Deadlines.
CIMW140 (Formerly cimw240) CSS/RWD Spring Only for Now

Course covers CSS, CSS2, CSS3, and RWD (Responsive Web Design) . The best way to learn CSS3 and RWD is too first master the basics of CSS and CSS2; Besides mastering the basics of CSS/CSS2, effective responsive Web page design is highly contingent on developing a good bulletproof sound Web page architecture. Class assignments and projects revolve around using a correctly structured Web page. Once a Web page is correctly structured, one can then apply RWD techniques to produce a single Web page or Web application that is responsive to all forms of viewing devices, i.e., PCs, smart phones, tables and hard copies.

Each class session is divided up into teaching CSS basics, analyzing previous design, correctly structuring a Web page and RWD. Class also has videos on using the advance features of Firefox Web developer add-on tools. Chrome has built in Web developer add-on tools.

When CSS first came out it had limited browser support. CSS3 (third level or generation of CSS) was formerly released Q1/2012, within 6 months all browsers including even IE10 supported CSS3.
CIS 460 NC JavaScript/jQuery - AJAX Planning Fall

Have added bootstrap to the class. Bootstrap is a HTML/JavaScript framework that merges RWD, jQuery and jQuery UI.

JavaScript is the predominant client side scripting language. All modern day browser include JavaScript engines. In fact, many browser actually compile JavaScript into an executable format.

jQuery is a JavaScript framework. A framework is a collection of prewritten JavaScript code that makes it easy, to create Web pages. When dealing with Web pages all Web developers have a similar set of requirement, jQuery is very good at streamlining these requirements. In jQuery has become the most used JavaScript framework.

This assignment page implements a jQuery User Interface accordian widget. Class covers jQuery selectors, events, UI (user interface) library and AJAX.Class also covers AJAX (Asynchonous JavaScript and XML). AJAX has become the defacto standard for sending XML formatted data to a Web Page, without having to reload the entire page.