HTML5 Level II (CyberAdvantage)

Slides:



Advertisements
Similar presentations
Chapter 10 Fine-tuning, Completing, and Publishing Your Project.
Advertisements

 A markup language  Structures content on the internet  Commonly used by web browsers.
Web Redesign Project Update July 28, Agenda Project Scope Project Requirements Best Practices, Navigation and Information Architecture Usability.
Geant4 Documentation and User Support Geant4 Users Workshop February 2002 Dennis Wright (SLAC)
Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.
URL - Step 1: Click the ‘Sign Up’ option in the right upper side of the page.
Oracle Application Express (Oracle APEX)
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
George Gonsalves.  Free and lightweight web development tool.  Create, publish, and maintain your website  Optimized for Open Source  Designed for.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Unit 5 - Cascading Style Sheets (CSS) XML - Level I Basic.
Browser Compatibility Testing, using different browsers Conditional Statements.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
Getting Started with HTML
HOW TO USE GOOGLE WEBMASTER TOOLS TO IMPROVE SEO ? GOOGLE WEBMASTEER.
Validation.
HTML5 Level II Session V Chapter 8 - How to Use Responsive Web Design (RWD)
Pattern Library Project
What Is Tapestry? An Online learning journal system.
Session I - Introduction
ITI 133 HTML5 Desktop and Mobile Level I
Validation.
HTML5 Level I Session I Chapter 19 - How to Deploy a Web Site on a Web Server
HTML Level II (CyberAdvantage)
Course Review HTML5 Level II Course Review
WEB 407 Competitive Success/snaptutorial.com
CIT 277 Education for Service-- tutorialrank.com
WEB 407 Education for Service-- snaptutorial.com.
CIT 277 Become Exceptional/ newtonhelp.com. CIT 277 All Assignments For more course tutorials visit CIT 277 Week 1 Individual Comparing.
Course Review HTML5 Level II Course Review
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Session I - Introduction
Session I Chapter 18 - How to Design a Web Site
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
CMP Creating Your Personal and Small Business Web Sites
Chapter 11 - How to use jQuery plugins and jQuery UI Widgets
Course Review ITI HTML5 Level II Course Review
Session VI Chapter 8 - How to Use Responsive Web Design (RWD)
Chapter 8 - How to Use Responsive Web Design (RWD)
Secure Web Programming
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Master a Skill / Learn for Life
ITI 239 HTML5 Desktop and Mobile Level I
HTML5 Level I CyberAdvantage
Course Review HTML5 Level II Course Review
CYB 010 HTML Level II CyberAdvantage Seniors
Course Review HTML5 Level II Course Review
HTML5 Course Review Master a Skill / Learn for Life.
HTML5 Session II Chapter 2 - How to Code, Test and Validate a Web Page Chapter 3 - How to Use HTML to Structure a Web Page
HTML5 Introduction Master a Skill / Learn for Life.
SharePoint Foundation 2010
HTML5 Level II CyberAdvantage
Master a Skill / Learn for Life
HTML Level II (CyberAdvantage)
HTML5 Level II CyberAdvantage
HTML5 Level II CyberAdvantage
HTML5 Level I CyberAdvantage
Session IV Chapter 15 - How Work with Fonts and Printing
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
ITI 133: HTML5 Desktop and Mobile Level I
HTML5 Level II CyberAdvantage
Course Review HTML5 Level I Course Review
ITI 133: HTML5 Desktop and Mobile Level I
Presentation transcript:

HTML5 Level II (CyberAdvantage) Session III New MCC Website Pre-Launch Testing and Security Analysis www.profburnett.com 8/1/2014 Copyright © Carl M. Burnett

Sitemap Homepage Affordability Detail Page Campus Life Detail Page WhyMC? Landing page Affordability Detail Page Campus Life Detail Page Academic Majors and Course Detail Page Faculty and Staff Detail Page Flexibility and Convenience Detail Page Education Made for You Landing Page Admissions Journey Landing Page What to Expect Detail Page Admissions Application Detail Page Contact Page Contact Confirmation Business Portal page Alumni Portal page 8/1/2014 Copyright © Carl M. Burnett

Folder Structure Why-Mc Education-Made-For-You Admissions Contact-us Homepage Landing pages Why-Mc Education-Made-For-You Admissions Contact-us _resources\images\ Alumni-friends-donors Business-partners-employers 8/1/2014 Copyright © Carl M. Burnett

Other Items 15 Pages jQuery Plugin on Home Page Use industry standard benchmarks for measurements Test for Mobile devices and platforms Single General Contact Form 8/1/2014 Copyright © Carl M. Burnett

External Testing Sites & Apps W3C HTML5 Markup Validation Service W3C CSS Validation Service W3C mobileOK Checker (Use File Upload) W3C Web Accessibility Initiative (WAI) Easy Checks - A First Review of Web Accessibility WCAG-EM Report Tool Online 508 Compliance Scan Report (requires providing email and password) Google Analytics Google Tag Manager Google Data Studio 8/1/2014 Copyright © Carl M. Burnett

Testing and Analysis Methodology Complete Website Pre-Launch Analysis Checklist Worksheet for each web page. Run W3C External Testing App: W3C HTML5 Markup Validation Service W3C CSS Validation Service W3C mobileOK Checker Online 508 Compliance Scan Report Document test results in PDF file Pages that have CSS or JavaScript: Complete Website Security Analysis Checklist with Chrome Dev Tools. Complete Website Pre-Launch Usability Analysis Presentation Complete Website Security Analysis Presentation 8/1/2014 Copyright © Carl M. Burnett

Team Exercise Each Team will: Inspect New MCC website pages using Website Pre-Launch Usability Analysis Checklist Worksheet (URLs will be provided.) Upload Website Pre-Launch Analysis Checklist Worksheet to live site. Upload Presentation files to live site. Preview Live site in web browser Inspect New MCC website pages using Website Security Analysis Checklist with Chrome Dev Tools. (URLs will be provided.) Upload Website Security Analysis Checklist .doc file to live site. Upload Website Security Analysis Checklist .pdf file to live site. 8/1/2014 Copyright © Carl M. Burnett

Team Presentations 3 Team Presentations: Results of New MCC Website Pre-Launch Usability Testing & Analysis Results of New MCC Website Security Vulnerability Testing & Analysis 8/1/2014 Copyright © Carl M. Burnett