UMB SealUMB Center for Information Technology Services


Reference Material:     

Web Development Instructions (using CMS)

CMS Tips & Tricks

Web Development Training

Guidelines for using CMS 

Web Development Instructions (prior to CMS)

Dreamweaver Setup

ORACLE

CF Custom Tags

Media Server Request Form

Stylesheet Examples

Sites in the CMS

FAQ of editing Word docs


 

Web Development Training

Below is an outline of the courses we will be offering:

Site Executive Content Management System (CMS) - Part 1

In order to encourage everyone to take advantage of the many benefits of the CMS there will be no charge for this training. This training class is required in order to use the CMS and there is no charge for using the CMS. Spaces will be limited and available on a first-come basis. Training manuals, hands on exercises, and demonstrations will be included in the class. The main advantage to the CMS is that it will enable web developers to make web development changes without needing to know any HTML or use any FTP program (unlike the current/previous web development process.)

After taking this class, web developers will understand and be able to do the following:

  • What is the CMS and the advantages of using it
  • How to Login/access the CMS
  • System Requirements
  • Use the core components
  • Create/Rename/Delete/Manage folders, files, images, objects
  • Add/Update Content in a webpage
  • Approve and Publish webpages
  • Upload Documents and graphics
  • Add links, images, and tables to webpages
  • Change templates
  • Use the version tab

View Training Manual for version 3.5.5. 

Site Executive Content Management System (CMS) - Part 2

This class will teach web developers some of the advanced techniques and capabilities of the CMS, including how to make forms, dynamic navigation, view reports, highlight new/special areas of the website, add search, calendar, and site tree information. There will be more information about this class soon. This class is optional but highly recommended. Web Developers who have successfully completed Part 1 of the CMS training are encouraged to sign up for this class.

View Training Manual for version 3.5.5.
View Manual for the Advanced Forms module


Web Design & Development Class

Description:
This hands-on Web Design & Development course provides the student with the information and lab experience necessary to perform quality web site design and web page design using Dreamweaver. Upon completion students will be able to plan and develop well-designed web sites that follow UMB standards and combine effective navigation with the balanced use of HTML, graphics, color, and text. The course presents the concepts necessary to build UMB web sites that allow users to access information and complete tasks easily and design around browser incompatibility issues. As students progress through the course they will practice design techniques by examining sample pages and web sites that follow best practices, and then applying these principles in the lab exercises. Upon completion of the course, students will be able to design and implement functional web pages, plan a web site's organization, and publish a web site to make it accessible to the World Wide Web.

Prerequisites:
Basic personal computer skills and basic Internet knowledge.

Outline:

  • Terminology & Basic Principles
  • Installing and Using Dreamweaver
  • Indenting code for readability
  • Commenting code
  • Images
  • Links (including relative links and mailto)
  • Tables
  • Bullets and Numbered Lists
  • Design & Layout
  • Using a Style sheet
  • Navigational Structure
  • Using the Template & Standards
  • Tags and Attributes
  • Getting help/information
  • Importance of keeping content current

Lab Exercises:

  • Connecting to UMB webserver
  • Creating a webpage
  • Add images, links, and tables
  • Creating a table of contents
  • Using a style sheet
  • Designing navigation
  • Using UMB Template & standards

Coldfusion Web Development - Basics

Description:
This hands-on Web programming class provides a thorough introduction to implementing a full-featured Web site by using Coldfusion as a dynamic web development tool. A combination of HTML, CFM, CSS and Javascript is used in order to implement dynamic client-side content and forms. Hands-on exercises are performed to demonstrate key concepts.

Prerequisites:
Strong knowledge and experience using HTML. Some knowledge or experience with advance web development tools/techniques and programming such as Javascript, Coldfusion, SQL, PERL, XML, ASP, etc.

Outline:

  • Understanding how CFML works
  • Benefits of using CF
    • Building of dynamic and static web pages
    • Can execute stored procedures/queries
    • Rapid code development
    • Supports conditional code statements
    • Pre-defined or user written custom tags
    • Ease of creating data entry and data drill-down applications
    • Incorporate security into applications
  • Coldfusion Standards
  • Cascading Style Sheets (CSS)
  • Commenting code
  • Forms
  • Coldfusion and Javascript Validation
  • Sending form information via Email
  • Coldfusion tags
    • < cfinclude > - includes the contents of another template into one being processed
    • < cfform > - replacement for HTML form
    • < cfinput > - enhancement to HTML input tag
    • < cfparam > - creates and assigns a default value
    • < cfset > - creates and/or assigns a value
    • < cfif> < cfelse > < cfelseif > - allows you to create conditional logic
    • < cfoutput > - used to output results of cfquery or variables
    • < cflocation > - redirect the browser to a different URL
    • < cfmail > - used to send email

Lab Exercises:

  • Creating a login page
  • Creating a Coldfusion form
  • Adding form fields
  • Adding form validation
  • Sending form information via email

Coldfusion Web Development - Advanced Techniques

Description:
This hands-on Web programming class utilizes advanced Coldfusion techniques in order to implement a full-featured secure Web application that incorporates data manipulation, validation and security. A combination of HTML, CFM, CSS, SQL, and Javascript is used in order to implement dynamic client-side content and forms. Database design and concepts including writing SQL are also covered. Hands-on exercises are performed to demonstrate key concepts.

Prerequisites:
Strong knowledge and experience using HTML. Successful completion of Coldfusion Web Development - Basics OR some coldfusion development experience and knowledge of advanced web development tools/techniques and programming such as Javascript, Coldfusion, SQL, CSS, PERL, XML, ASP, etc.

Outline:

  • Coldfusion Standards
  • Commenting code
  • Using conditional logic
  • Using Functions: ie. Now(), Dateformat(), rtrim()
  • Connecting to a database (ODBC)
  • CF Admin (debugging, settings, security)
  • Using and Locking Variables
    • Application, Session, Client
  • Encrypting secured information (Application.cfm)
  • Database Design
    • Tables, Rows/Columns
    • Select, Insert, Delete, Update
    • Datatype (numeric, date, Boolean, character, integer)
    • Primary & Foreign keys
    • Views, Stored Procedures, Index, Trigger
  • SQL
    • Select, Insert, Delete, Update
    • Where, Order by, Sort by
    • Recordcount
    • Subquery
    • Aggregate functions: avg(), count(), max(), min(), sum()
  • Creating Reports using database information
  • Coldfusion tags (in addition to previously covered tags in "basics" class)
    • < cfset > - creates and/or assigns a value
    • < cfif > < cfelse > < cfelseif > - allows you to create conditional logic
    • < cfquery > - submits any SQL statement to a database
    • < cferror > - allows you to override the standard CF error message

Lab Exercises:

  • Writing Application.cfm template
  • Writing conditional logic and using functions
  • Writing SQL statements
  • Creating database records using an online form
  • Error validation
  • Selecting database records in order to create a report
  • Performing calculations and manipulating data results

For more information about these classes, please contact the Web Development Department

CONTACT US | DIRECTORY | myUMB | WEBSITES A-Z

Center for Information Technology Services, 601 W. Lombard St. Baltimore, MD 21201 410-706-1117 cits@umaryland.edu
©2007 University of Maryland, Baltimore. All Rights Reserved.
Please send comments, corrections, and link improvements to Web Support.