New Web Design Course at eClasses.org

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

 

3 Replies to “New Web Design Course at eClasses.org”

  1. Hey, that is good news. I’ve read your book Mobile HTML, CSS and Javascript Development. Great job! What day does the course start?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.