Mobile Web Design (H104)

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.

Applicable Job Roles: web designers, webmasters, web programmers, and web application developers.

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
Additional information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training. Refund Policy: Please read our Terms and Refund Policy before registering for this course. Additional Cost: Book and software might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost . How eClasses Work:Instructors post lectures (text-based, no video or audio), reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class.

Price:

$240.00

Item No.:

H104

Instructor:

William Harrel

CEUs:

Duration:

8 weeks

Open Courses:

Start Date: Jun 24, 2013

(Register by: Jun 27, 2013 )

Start Date: Aug 5, 2013

(Register by: Aug 8, 2013 )

Start Date: Sep 30, 2013

(Register by: Oct 3, 2013 )

Start Date: Nov 11, 2013

(Register by: Nov 14, 2013 )

Testimonials

Instructor's Profile

William Harrel has owned and operated a design firm for nearly 25 years. His company has designed and maintains hundreds of websites for several notable clients, such as the California Spine Institute and Communications Technology Watch. Harrel has written 19 books and hundreds of magazine articles on digital design and computer technology in general. His latest book, 'HTML, CSS and JavaScript Mobile Development for Dummies', focuses solely on developing Web content for mobile devices.

Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.

Send to friend

We would like to recommend these

Completion Certificate - Mobile Web Design (C.H104)

Adobe Illustrator Level 2 (G402)

Introduction to CSS3 (H154)

HTML5 Introduction (H105)

Introduction to HTML (H101)

Photoshop for the Web (G303)

Testimonials

Rating

"I think the class was very informative and covered different aspects of Mobile web design. It covered PHP usage, different browser testing and was informative especially since this is my first try and mobile web design." - Myra Domigan
"Great cutting edge course, Mr. Harrell provided challenging, yet useful projects. Great insight to mobile programming." - steve bowers
"Thank you for offering this class its exactly what I needed - I dont know how you managed with so many students but you still answered all questions timely.
This is one of the great Class eClasses has offered. William was patient and clarified if one had problems along the way.

I learned a lot and was also very impressed with those links you gave us for weekly reading. I will surely recommend this Course to my friends." - Dorothy Wegmueller-Ngudle