Introduction to HTML5We’re happy to announce commencement of a new six-week HTML5 course at eClasses.org, starting September 16, 2013.

In this course we’ll look at HTML5 from a task-oriented perspective, by learning not only the HTML code for specific tasks, such as, say, formatting text, creating simple shapes or form fields, and so on, but also how to apply CSS3 and JavaScript to create real-world Web objects, Web pages, and Web sites. We’ll spend less time on terms and theory and more time on how to design. When you finish this class, you’ll have the core knowledge required for advancing on to using HTML5 to create special effects, sophisticated animations and interactivity, Web forms that configure themselves based on user input, and Web applications that actually do things, rather than just sit there and look pretty.

Here’s the course syllabus:

Week 1: Introduction to HTML5

  • What is HTML5?
  • What are Cascading Style Sheets?
  • What is JavaScript?
  • Anatomy of an HTML Page
  • Metadata
  • A Good Body
  • Bring it All Together
Week 2: HTML5 Sections, Containers, Boxes, and Shapes
  • HTML5’s Built-In Sections
  • Adapting to Display Size and Device Type
  • Creating Custom Containers
  • Decorative Boxes and Shapes
  • CCS3 and HTML5’s Built-In Containers
  • Custom CSS3 Fills and Gradients
Week 3: HTML5 and Text
  • HTML’s Built-In Paragraph Selectors
  • Inline, Internal and External Styles
  • Creating Custom Paragraph Styles
  • HTML5’s Multicolumn Text Boxes
  • CSS3 Text Special Effects
  • Downloadable Fonts
Week 4: Working with Images, Digital Video, and other Embeds
  • Graphics on the Web – Overview
  • Graphics and Device Screen Sizes
  • Embedding Images with HTML5
  • Formatting images with CSS3
  • Digital Video on the Web
  • Display Size, Frame Rate and Bandwidth
  • Embedding Digital Video in HTML5
  • Embedding YouTube Videos in HTML5
  • Embedding Google Maps and Other Web Apps
Week 5: Interactivity with HTML5
  • What is Interactivity?
  • Simple Text Hyperlinks
  • HTML5 Buttons
  • Inter-Page Navigation with Anchors
  • Text List Menus
  • Button Menus
  • Drop-Down Menus
  • Other Types of Interactivity
Week 6: HTML5 Forms
  • What You Can do with HTML Forms
  • Text Form Fields
  • Drop-Down Menus and Other Forms Lists
  • Radio Buttons
  • Check Boxes
  • Radio and Check Box Arrays
  • Calendars, Sliders, Selectors and Other HTML5 Form Elements

Introduction to ExcelOne of the very first personal computer (PC) applications was the spreadsheet, and one of the first spreadsheet creation and editing programs was Microsoft Excel. Nowadays, Excel comes preinstalled on nearly every new Windows machine—PC, tablet, and smartphone—which constitutes about 90 percent of today’s computing device market, and a huge majority of businesses use Excel in one capacity or another.

Increase you viability in the workforce, learn to use Excel. Upon completion of this course, you will understand the basics (and more) of creating spreadsheets, as well as several advanced data manipulation concepts—to prepare you for using Excel in today’s business environment, which will in turn make you a much more valuable employee (or perspective employee).

Here’s the syllabus:

Week 1: Introducing Microsoft Excel

  • Using Excel 2013 Locally or Excel 365 in the Cloud
  • The Almighty Spreadsheet
  • Working with Workbooks
  • Working with Multiple Windows & Views
  • Anatomy of a Spreadsheet — Cells, Columns, & Rows
  • Types of Data Excel Supports
  • Entering Data
  • Data Entering Shortcuts
  • Importing Data
  • Moving, Inserting, & Replacing Data
Week 2: Formatting Spreadsheets
  • Displaying Data Effectively
  • Design, Layout, & Format
  • Freeze Panes & Other Neat Tricks
  • Using Predefined Designs & Templates
  • Headers and Labels
  • Borders and Shading
  • Formatting Columns
  • Formatting Rows
  • Formatting Cells
  • Wrap & Merge
  • Reformatting Worksheets
Week 3: Manipulating Data
  • Manipulating Data in Excel — An Overview
  • Sorting Data
  • Data Validation & Consolidation
  • Working with Formulas
  • What-If Analysis
  • Error Checking
  • Automating with Macros
Week 4: Displaying Data Visually
  • Charting Data — An Overview
  • Using the Right Chart or Graph for Your Data
  • Charting Your Data
  • Titles, Legends, Labels, & So On
  • Reformatting Your Charts
  • Deploying Your Data & Charts in Word
  • Deploying Your Data & Charts in PowerPoint
  • Data & Charts in Portable Electronic Documents
  • Inserting Images & Shapes
  • Review Mode & Comments
  • Working with Your Team in the Cloud
  • Printing Your Workbooks

New ed2go Adobe Muse course announced

(Camarillo, CA – March 22, 2013) Journalist, author, and online course instructor William Harrel and eClasses (eClasses.org) have teamed up once again to announce a new online course. This time, the subject of the class will be Adobe’s new WYSIWYG (what you see is what you get) Website design app, Muse.

The first session starts on April 1, 2013 and you can sign up or get additional information here: Introduction to Adobe Muse.

Harrel teaches Website design and animation at over 3,000 colleges, universities, and other online outlets, and eClasses is one of the world’s largest and most successful online course publishers.


What is Adobe Muse?

Adobe Muse software enables designers to create HTML websites for desktop and mobile devices, without writing code. Design web-standard sites, like you design print layouts. Use familiar features, hundreds of web fonts, and built-in tools to add interactivity.  Then, publish with the Adobe Business Catalyst® service and redeem site hosting support, or publish with any hosting provider. (Source: Adobe.com)


Course Overview

This new course, which is under development now, will be entitled: Websites without Coding with Adobe Muse, and will consist of six-week sessions (two lessons per week) covering the following material:

Lesson 1: Getting Started with Muse

  • Overview: Designing Websites in Muse
  • Plan Mode — Starting a Website in Muse
  • Design Mode — The Page Design Interface

Lesson 2 : Creating a Basic Site in Muse

  • Mastering Master Pages
  • Working with Boxes
  • Typography: Working with Text

Lesson 3: Using External Content with Muse

  • Using and Formatting Word Processor Text
  • External Graphics and Images
  • Digital Sound, Video, and other Media

Lesson 4: Working with Widgets

  • Creating Compositions
  • Web Forms
  • Making Menus

Lesson 5: More Widgets and Templates

  • Creating Expanding Panels
  • Slick Slideshows
  • Using Templates with Muse

Lesson 6: Using other CS6 Programs with Muse

  • Using Photoshop and Fireworks with Muse
  • Using Photoshop Buttons with Muse
  • Using Edge Animate with Muse

Lesson 7: Interactivity: Triggers and Targets

  • Making Mouse States
  • Interactivity Triggers
  • Page Navigation with Targets

Lesson 8: Creating Sites for Mobile Devices

  • Repurposing Existing Content
  • Formatting Content for Smartphones
  • Formatting Content for Tablets

Lesson 9: Stylizing Type with Typekit and Web Fonts

  • Decorative Type with Typekit
  • 3D Type and other Special Effects
  • Working with Web Fonts

Lesson 10: Advanced Web Design Techniques

  • Accommodating Flexible Browser Widths
  • Embedding Google Maps
  • Embedding HTML Code

 

Lesson 11: Working More Efficiently in Muse

  • Getting the Most from Master Pages
  • Sharing Content between Pages and Sites
  • Sharing Muse Content between Media Types

Lesson 12: Publishing Your Muse Websites

  • Publishing to Adobe Business Catalyst
  • CMS Integration on Adobe Business Catalyst
  • Publishing with FTP

Check back with us for updates and projected course release dates.

Mobile Web Design at eClasses.org

Communications Technology Watch is happy to announce a new course on mobile design at the popular online school eClasses.org. The course covers Web design, but from the perspective of designing for mobile devices, such as smartphones and tablets. We’ll look at creating HTML, CSS and JavaScript for handhelds. Companies, individuals and organizations that ignore the mobile Web user do so at their own peril! Mobile Web users are by far the fastest growing group of Internet users. This course is designed for students who wish to expand access of their company (or client’s) websites to the most modern of Internet users – people who use their mobile phones and tablets to access the Internet. The emphasis is on creating Web content that displays well and plays properly on the vast and ever-growing number of mobile devices available, today and in the future.

The course’s text book will be William Harrel’s newly released Mobile HTML, CSS and Javascript Development for Dummies. This is an 8-week course. Here is the course outline:

Week 1: Introducing the Mobile Web
  • What is the Mobile Web
  • The Mobile Web User
  • HTML on the Mobile Web
  • Cascading Style Sheets (CSS) on the Mobile Web
  • JavaScript on the Mobile Web
  • Software and Utilities
Week 2: In Depth Mobile Technology
  • Types of Mobile Devices
  • Mobile Device Operating Systems
  • Mobile Web Browsers
  • Which Devices can do what
  • Define Devices by Class
  • Mobile Detect and Adapt Systems
Week 3: Creating Your First Mobile Site
  • Your First Mobile Web Page
  • Mobile HTML Page Structure
  • Mobile-Friendly and Mobile Specific CSS
  • CreateMobile Web Page Elements with CSS
  • Design Mobile Web Templates
Week 4: Interactivity and Multimedia
  • Create Mobile Web Buttons and Hyperlinks
  • Create and Format Graphics for the Mobile Web
  • Create and Format Digital Video for the Mobile Web
  • Create and Format Flash Movies for the Mobile Web
Week 5: Mobile WebKit Extensions
  • What are WebKit Extensions
  • Device Orientation
  • Artwork with WebKit Extensions
  • Special Effects with WebKit Extensions
  • Animations with WebKit Extensions
  • Other Browser-Specific Extensions
Week 6: Advanced Mobile Web Technologies
  • Introducing Mobile CSS3
  • FormatMobile Page Elements with CSS3
  • Mobile HTML5
  • Highly Useful Mobile HTML5 Tags
  • Automate Your Mobile Sites with JavaScript
  • Server-Side Scripting with PHP
Week 7: Automating Your Site with JavaScript
  • JavaScript Automation Basics
  • Detect Device Type with JavaScript
  • Adapt Page Content with JavaScript
  • Change Style Sheets with JavaScript
  • HTML Form Field Validation with JavaScript
Week 8: Creating a Mobile Quiz
  • The User Interface
  • Store and Retrieve Data in Radio Buttons
  • Store and Retrieve Data in Check Boxes
  • Format Your Quiz with CSS
  • Script the Form
Bonus Week:
  • Make Your Mobile Site Search Engine Friendly
  • Createa Mobile Search Page
  • Use Mobile Blog Themes
Prerequisites
Completed ‘Introduction to HTML’ (H101) and ‘Introduction to Cascading Style Sheets’ (H151). Knowledge of computer graphics, digital video, and Flash movies would also be helpful, but by no means required.
Requirements
  • Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course; however, you’ll find the following software useful:
    • Dreamweaver CS4 or later: You can download the latest trial version from adobe.com, but if you do, since the trial version is good for only 30 days, do not install it until the third week of the course.
    • XAMPPWeb server software. XAMPP is a free Linux Web server emulator you can use to test your Web pages. You can download it from: http://www.apachefriends.org/en/xampp.html . It comes in both Windows and Mac OS versions.
    • FTP client software: File Transfer Protocol, or FTP, software allows you to upload your Web page files to a Web server. You can perform this function with built-in Windows or Mac utilities, but will find this much easier with an FTP utility. You can download FileZilla for free at: http://filezilla-project.org/ . It comes in both Windows and Mac versions.
  • Webspace: You’ll need a website to which you can upload your assignments. There are several free Web hosting sites available. However, many of them place ads on your pages. This can be very annoying, but if you can live with it, so can I.

 

Books:
Required Book: HTML, CSS and JavaScript Mobile Development for Dummies