Interactive Web Sites
|
|
- Aileen Hubbard
- 7 years ago
- Views:
Transcription
1 0. HTML5 Interactive Web Sites CS :: Fall 2013 Instructor: Corrine Haverinen Santa Rosa Junior College Slideshow template and some content adapted from Tantek Çelik 1. Why HTML5? We're betting big on HTML 5. Vic Gundotra, Google The world is moving to HTML5. Steve Jobs, Apple The future of the web is HTML5. Dean Hachamovitch, Microsoft 2. What is HTML5? new features added to HTML markup new tags, new attributes, new ways of using them other elements on the page implemented in js, other languages interactive sites Web Applications Adobe Kuler 3. Go Beyond Just Creating Web Pages build rich, interactive web pages APIs for creating powerful web apps integration with JavaScript to make cool interfaces and animation 2D drawing with the Canvas element offline support programmable vector graphics - SVG can make use of Geolocation
2 4. More Advantages of HTML5 native support for video and audio - no need for plug-ins new forms capabilities store a lot of data locally in the browser adds structure to pages - helps with accessibility, syndication error handling is improved simplification, cleanup and fixes to HTML4 and XHTML new CSS 3 used with HTML5 - advanced selectors, animations, drop shadows, rounded corners 5. Switch to HTML5 NOW take advantage of new features increased connection between JavaScript and the browser brings much more functionality to the browser reduces need for 3rd party plugins more capable mobile authoring tool browser support is improving quickly, solutions for older browsers 6. HTML5 Adoption in Browsers August % of users in North America and 83% in Europe running HTML5-enabled Web browsers IE 10 released in 2012 supporting most HTML5 features HTML5test.com - browser support of HTML5 Caniuse.com - browser support of HTML5, CSS3 by feature 7. HTML5 Standards HTML: The Living Standard HTML5 is on track to be a recommendation by end of 2014 W3C HTML Delivery Plan HTML 5.0 HTML 5.1 HTML Candidate Rec 1st Working Draft Call for Review Recommendation Last Call Candidate Rec 1st Working Draft Recommendation
3 8. Examples (earlier) molecules edge detection Tron The Shodo Endless Mural Hands-on: border radius 9. Examples (more recent) Top 10 Best HTML5 Websites of 2013 The top 20 HTML5 sites of in review: 20 HTML5 sites that changed the game 10. Evolution of HTML5 Over 20 years of evolution since 1990 HTML XML XHTML SE 2 Web Forms 2 Web Apps 1 HTML5 XHTML 2 diverged from the Web 11. HTML5 is Born Great Web Schism of 2004 microformats and WHATWG standards groups 5 recent years of heated divergence HTML4 + XHTML1 evolved into Web Apps / HTML W3C dropped XHTML2 to focus on HTML5
4 12. What HTML5 can I use? Parts of HTML5 are: dependable now roughly usable unfortunately awkward interesting but ignorable worthy of web application experiments 13. HTML5: DOCTYPE - Dependable XHTML 1.0 STRICT DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " HTML5 DOCTYPE <!DOCTYPE html> 14. HTML5: meta charset Old meta http-equiv charset <meta http-equiv="content-type" content="text/html; charset=utf-8"> Simpler meta charset <meta charset="utf-8"> 15. HTML5: stylesheet declaration Old version <link rel="stylesheet" href="css/content.css" type="text/css" media="screen" /> HTML5 version, do not need a type attribute <link rel="stylesheet" href="css/content.css" media="screen" />
5 16. Simple HTML5 Document <!DOCTYPE html> <meta charset="utf-8"> <title>always Title Your Documents</title> <p>your exciting new stuff</p> That's it! What about <html> <head> <body> tags? 17. Dependable: XHTML compatibility Self-close empty HTML4 tags, e.g. <br/> <embed/> <hr/> <img/> <input/> <link/> <meta/> Always use quoted attribute values <img src=photo1.jpg> <img src="photo1.jpg"/> Explicit tags for a consistent DOM <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>... </title> </head> <body>... </body> </html> <table> <tbody> <tr> <td>... </td> </tr> </tbody> </table> 18. To Remain Strict or Not? It's Up to You
6 19. What Else is New Error handling pages Semantics & Structure New structural elements to section documents section article aside header hgroup nav footer 20. More New Elements <audio> <video> <source> <canvas> <command> <datagrid> <datatemplate> <details> <dialog> <embed> <figcaption> <figure> <keygen> <mark> <meter> <nest> <output> <progress> <ruby> <rb> <rt> <rule> <summary> <time> 21. Dependable HTML5: New Semantics <section> - thematic grouping of content <header> - intro/nav/headings <nav> - navigation links <footer> - info about section, author, copyright 22. Dependable HTML5: New Semantics <article> - self-contained post, news, comment also a special type of <section> <aside> - tangential content, side comments <hgroup> - related multilevel headings
7 23. Outline Model Viewing web page as an outline Use header tags to add structure H1 tags for articles - use more than one H1 tag on a page 24. DOM - Document Object Model A map of all the elements that make up your Web page. An interface that allows programs and scripts to dynamically access and update the content, structure and style of documents. 25. How HTML5 Works HTML = structure, defines objects CSS = presentation, styles objects JavaScript = behavior, changes objects browser loads a document (HTML, CSS) creates DOM JS interacts with the page through the DOM makes use of APIs audio, video, etc.
8 26. Remove Presentational Markup PRESENTATIONAL MARKUP <basefont> <big> <font> <tt> <s> <strike> <u> <center> and align=center align=left, right or justify on <div> align=left or align=right on <img> <body text link alink vlink> <body background> bgcolor attribute border attribute adn <table frame rules> CSS REPLACEMENT font properties text-decoraton text-align:center and margin:auto text-align:left, right, justify float:left and float:right color property and :link, :visited, :active psuedo classes background-image background-color border properties 27. Remove Presentational Markup PRESENTATIONAL MARKUP <table cellspacing> <table cellpadding> <br clear> hspace, vspace, marginheight, margin width <hr noshade size> nowrap attribute valign attribute height and width attributes <plaintext> CSS REPLACEMENT border-spacing padding on the table cells (<th> and <td>) themselves clear margin properties border-style:sold and border-width white-space:nowrap vertical-align height and width properties No CSS for this. Use <pre>
9 28. Remove Failed Features FAILED HTML 4 FEATURE <img longdesc> <frameset> <frame> <html version> <meta scheme> rev attribute USE THIS INSTEAD use a visible description or link to one <iframe> nothing, just drop the version attribute avoid all invisible metadata, add microformats to visible content use rel microformats instead 29. Obsolete Markup REMOVED HTML 4 FEATURE HTML5 REPLACEMENT <acronym> <abbbr> <applet> <object> <dir> <ul> <a name="top"></a> <div id="top">... </div> <img name="i1"> <img id="i1" />
Differences between HTML and HTML 5
Differences between HTML and HTML 5 1 T.N.Sharma, 2 Priyanka Bhardwaj, 3 Manish Bhardwaj Abstract: Web technology is a standard that allow developing web applications with the help of predefined sets of
More informationCOMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING
COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING INFORMATION TECHNOLOGY GUIDELINE Name Of Guideline: Domain: Application Date Issued: 03/18/2014 Date Revised: 02/17/2016
More informationUnlocking the Java EE Platform with HTML 5
1 2 Unlocking the Java EE Platform with HTML 5 Unlocking the Java EE Platform with HTML 5 Overview HTML5 has suddenly become a hot item, even in the Java ecosystem. How do the 'old' technologies of HTML,
More informationHTML5 & CSS3. ( What about SharePoint? ) presented by @kyleschaeffer
HTML5 & CSS3 ( What about SharePoint? ) presented by @kyleschaeffer The Agenda HTML5 What is it? What can it do? Does SharePoint do HTML5? CSS3 What is it? What can it do? Does SharePoint do CSS3? HTML5
More informationAdvanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication HTML5 HTML5 is the most recent version of Hypertext Markup Language. It's evolution
More informationResearch on HTML5 in Web Development
Research on HTML5 in Web Development 1 Ch Rajesh, 2 K S V Krishna Srikanth 1 Department of IT, ANITS, Visakhapatnam 2 Department of IT, ANITS, Visakhapatnam Abstract HTML5 is everywhere these days. HTML5
More informationIn this chapter, you will learn how to...
LEARNING OUTCOMES In this chapter, you will learn how to... Create a table on a web page Apply attributes to format tables, table rows, and table cells Increase the accessibility of a table Style an HTML
More informationWeb Authoring CSS. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
More informationHTML Fails: What No One Tells You About Email HTML
HTML Fails: What No One Tells You About Email HTML 2 Today s Webinar Presenter Kate McDonough Campaign Manager at PostUp Worked with various ESPs: Constant Contact, Campaign Monitor, ExactTarget, Distribion
More informationIntroduction to Web Development
Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:
More informationCLASSROOM WEB DESIGNING COURSE
About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered
More informationWEB DEVELOPMENT IA & IB (893 & 894)
DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.
More informationWeb Design Specialist
UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing
More informationResponsive Web Design Creative License
Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.
More informationany other form. the information on these sites is volatile and subject to constant changes. other records are created through these sites.
1. Preface There are several arguments why websites must be archived. the content of intra/internet sites of public administrations can determine the acts and decisions of citizens and other services.
More informationWeb Development I & II*
Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology
More informationWeb Designing with UI Designing
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing
More informationOutline. CIW Web Design Specialist. Course Content
CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site
More informationHTML5 technologies. Ework Stockholm 2012-03-15
1 HTML5 technologies Ework Stockholm 2012-03-15 World Wide Web Consortium (W3C) Swedish Institute of Computer Science (SICS) 1/53 2 Contents Web platform: technology, standards, standardization CSS3 What's
More informationSAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE
SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE COURSE TITLE: Introduction to Web Development CODE NO. : SEMESTER: 1 PROGRAM: AUTHOR: IT Studies Dennis Ochoski DATE:
More informationCoding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
More informationMobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00
Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more
More informationTHE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC.
THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. Copyright 2012, SAS Institute Inc. All rights reserved. Overview Mobile
More informationWeb Browser. Fetches/displays documents from web servers. Mosaic 1993
HTML5 and CSS3 Web Browser Fetches/displays documents from web servers Mosaic 1993 Firefox,IE,Chrome,Safari,Opera,Lynx,Mosaic,Konqueror There are standards, but wide variation in features Desktop Browser
More informationWEB DESIGN COURSE CONTENT
WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationHTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Libraries
HTML5 and CSS3: New Markup & Styles for the Emerging Web Jason Clark Head of Digital Access & Web Services Montana State University Libraries twitter #hashtag #cilhtml5 pinboard.in #tag pinboard.in/u:jasonclark/t:cil-html5/
More informationAdvanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
More informationHTML5 & Friends. And How They Change A Developer s Life
HTML5 & Friends And How They Change A Developer s Life Yang Piao yp@cmu.edu 2 HTML5? 3 What is HTML5 The markup language 5 th major version of HTML successor of HTML 4.01 Or a set of cutting-edge web technologies
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationHTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL
HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head
More informationFast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
More informationHTML5 & CSS3. Jens Jäger Freiberuflicher Softwareentwickler JavaEE, Ruby on Rails, Webstuff Blog: www.jensjaeger.com Mail: mail@jensjaeger.
HTML5 & CSS3 and beyond Jens Jäger Freiberuflicher Softwareentwickler JavaEE, Ruby on Rails, Webstuff Blog: www.jensjaeger.com Mail: mail@jensjaeger.com 1 Content A short of history Html New Markup Webforms
More informationWeb Authoring. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
More informationWe automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
More informationAdvanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
More informationGUIDE TO CODE KILLER RESPONSIVE EMAILS
GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention
More informationBasics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
More informationWEB DEVELOPMENT COURSE (PHP/ MYSQL)
WEB DEVELOPMENT COURSE (PHP/ MYSQL) COURSE COVERS: HTML 5 CSS 3 JAVASCRIPT JQUERY BOOTSTRAP 3 PHP 5.5 MYSQL SYLLABUS HTML5 Introduction to HTML Introduction to Internet HTML Basics HTML Elements HTML Attributes
More informationLinks Getting Started with Widgets, Gadgets and Mobile Apps
Widgets, Gadgets, and Mobile Apps for Libraries: Tips, Code Samples, Explanations, and Downloads Michael Sauers Technology Innovation Librarian Nebraska Library Commission msauers@nlc.state.ne.us Jason
More informationNURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK
Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)
More informationInteractive Data Visualization for the Web Scott Murray
Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding
More informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationCreating web pages Chapter 3. HTML Basic Concepts
ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Chapter 3. HTML Basic Concepts Cristina Puente, Rafael Palacios 2009-2010 HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup
More information<?xml version= 1.0?> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.
dhtml
More informationDreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
More informationLevel 1 - Clients and Markup
Level 1 - Clients and Markup The design for the email we ll build In this level The skills you ll need to compete Power Moves HTML and CSS Media queries Signature Move Using external resources An HTML
More informationThis document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to
More informationStep into the Future: HTML5 and its Impact on SSL VPNs
Step into the Future: HTML5 and its Impact on SSL VPNs Aidan Gogarty HOB, Inc. Session ID: SPO - 302 Session Classification: General Interest What this is all about. All about HTML5 3 useful components
More informationCST 150 Web Design I CSS Review - In-Class Lab
CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and
More informationFacebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas
WEB DESIGN COURSE COURSE COVERS: Photoshop HTML 5 CSS 3 Design Principles Usability / UI Design BOOTSTRAP 3 JAVASCRIPT JQUERY CSS Animation Optimizing of Web SYLLABUS FEATURES 2 Hours of Daily Classroom
More informationEssential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
More informationAdvanced Web Design. Zac Van Note. www.design-link.org
Advanced Web Design Zac Van Note www.design-link.org COURSE ID: CP 341F90033T COURSE TITLE: Advanced Web Design COURSE DESCRIPTION: 2/21/04 Sat 9:00:00 AM - 4:00:00 PM 1 day Recommended Text: HTML for
More informationHTML5 and CSS3. new semantic elements advanced form support CSS3 features other HTML5 features
HTML5 and CSS3 new semantic elements advanced form support CSS3 features other HTML5 features fallback solutions HTML5 and CSS3 are new and evolving standards two levels of fallback different browsers
More informationCIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
More informationHTML5 Features on Tizen. Wonsuk Lee, Samsung Electronics
HTML5 Features on Tizen Wonsuk Lee, Samsung Electronics Table of Contents Brief overview of HTML5 Introducing Tizen web framework New HTML5 features on Tizen Upcoming cutting-edge HTML5 features 2 Brief
More informationOverview. History HTML What is HTML5? New Features Features Removed Resources 10/8/2014
Brian May IBM i Modernization Specialist Profound Logic Software Webmaster and Coordinator Young i Professionals Overview History HTML What is HTML5? New Features Features Removed Resources 1 A look back
More informationCS134 Web Site Design & Development. Quiz1
CS134 Web Site Design & Development Quiz1 Name: Score: Email: I Multiple Choice Questions (2 points each, total 20 points) 1. Which of the following is an example of an IP address? [Answer: d] a. www.whitehouse.gov
More informationLanguage (HTML) Designing Documents for the World Wide Web
2009 Marty Hall HyperText Markup Language (HTML) Designing Documents for the World Wide Web 2 Customized Java EE Training: http://courses.coreservlets.com/ Servlets, JSP, JSF 1.x & JSF 2.0, Struts Classic
More informationIntroduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.
using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers
More informationJJY s Joomla 1.5 Template Design Tutorial:
JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding
More informationLicensed to: Printed in the United States of America 1 2 3 4 5 6 7 16 15 14 13 12 11 10. Principles of Web Design, Fifth Edition Joel Sklar
Licensed to: ichapters User Principles of Web Design, Fifth Edition Joel Sklar Executive Editor: Marie Lee Acquisitions Editor: Brandi Shailer Senior Product Manager: Alyssa Pratt Editorial Assistant:
More informationLearnem.com. Web Development Course Series. Learn em. HTML Web Design in 7 days! By: Siamak Sarmady
Learnem.com Web Development Course Series Learn em HTML Web Design in 7 days! By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S HTML Web Design in 7 Days! Ver. 2.08.02
More informationResponsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature
Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you
More informationChapter 1: Outlook Isn t Going Anywhere... 2. Chapter 2: 17 Must-Know Tricks for Outlook 2007, 2010 & 2013... 3
Table of Contents Chapter 1: Outlook Isn t Going Anywhere... 2 Chapter 2: 17 Must-Know Tricks for Outlook 2007, 2010 & 2013... 3 Chapter 3: 3 Way to Remove Unwanted Gaps Between Tables... 12 Chapter 4:
More informationcore HyperText Markup Language (HTML) Designing Documents for the World Wide Web
core Web programming HyperText Markup Language (HTML) Designing Documents for the World Wide Web 1 2001-2003 Marty Hall, Larry Brown http:// Agenda Introduction to HTML Creating and publishing a Web page
More information10CS73:Web Programming
10CS73:Web Programming Question Bank Fundamentals of Web: 1.What is WWW? 2. What are domain names? Explain domain name conversion with diagram 3.What are the difference between web browser and web server
More informationCourse Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation
Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet
More informationHOW Interactive Design Conference 2013
HOW Interactive Design Conference 2013 Photoshop to HTML Chris Converse Use this QR code to get the mobile schedule for this conference. Get session and speaker info, lunch ideas, and links for getting
More informationSecure Testing Service
Secure Testing Service Overview and pre-release use Authors: Andrej Sokoll Matthew Loewengart Revisions: 2011 Version 1.0 Page 2 Contents Overview... 3 Background... 3 How does the secure testing service
More informationHTML5 - Key Feature of Responsive Web Design
Volume A.13-10 Publish Date: 09 th August 2013 Author(s): Gateway Team HTML5 - Key Feature of Responsive Web Design ARTICLE Gateway TechnoLabs Pvt. Ltd. (ISO 9001:2008) B 81, Corporate House, Judges Bungalow
More informationIntroduction to Adobe Dreamweaver CC
Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling
More informationWeb page design in 7 days!
Learnem Group presents: Web page design in 7 days! Lessons 1-7 By: Siamak Sarmady Start Here Copyright Notice : 2000,2001 Siamak Sarmady and Learnem Group. All rights reserved. This text is written to
More informationProgramming in HTML5 with JavaScript and CSS3
Course 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Outline Module 1: Overview of HTML and CSS This module provides an overview of HTML and CSS, and describes how to use
More informationAbout Blue Sky Sessions
Web Technologies Agenda About Blue Sky Sessions What We Do Web Development Application Development Search Engine Marketing Social Media Strategy Trends in Web Questions? About Blue Sky Sessions What We
More informationMobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011
Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons
More informationEloqua Email 101. What is this and why should I read it?
DR Who? Definitive Results is a boutique marketing consulting firm based out of Leesburg, Virginia that specializes in helping Marketers accelerate their efforts using the technologies available to them
More informationTable of Contents Find out more about NewZapp
Table of Contents Why is email display an issue in email marketing?... 2 Expert Email Design... 3 Desktop PC and Apple Mac email applications... 4 Web and mobile device email readers... 5 Creating your
More informationIntroduction to web development and JavaScript
Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge
More informationNote; Sample Analysis, names and product type changed to protect privacy
www.sastrugimarketing.com 720.524.3609 P.O. Box 632238, Littleton, CO 80163 Note; Sample Analysis, names and product type changed to protect privacy Acme Company Site Analysis, November 2011: Performed
More informationChapter 8 More on Links, Layout, and Mobile Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 8 More on Links, Layout, and Mobile Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes Code relative hyperlinks to web pages in folders within a website Configure a hyperlink
More informationDreamweaver CS5. Module 1: Website Development
Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA
More informationStudy on Parallax Scrolling Web Page Conversion Module
Study on Parallax Scrolling Web Page Conversion Module Song-Nian Wang * and Fong-Ming Shyu Department of Multimedia Design, National Taichung University of Science and Technology phenombox@gmail.com, fms@nutc.edu.tw
More informationGarfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
More informationDevelopment Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS
Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web
More information01/42. Lecture notes. html and css
web design and applications Web Design and Applications involve the standards for building and Rendering Web pages, including HTML, CSS, SVG, Ajax, and other technologies for Web Applications ( WebApps
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Emailmovers Limited, Pindar House, Thornburgh Road Scarborough, North Yorkshire, YO11 3UY Tel: 0845 226 7181 Fax: 0845 226 7183 Email: enquiries@emailmovers.com
More informationHTML5 An Introduction
HTML5 An Introduction Yogomaya Yogo Maharana Contributions: Jatin Desai Dervin D Cunha Jim Elayan 678.527.8500 www.itaas.com This article provides a general introduction to the capabilities and reach of
More information^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING
%\ ^/ CS> v% Sr KRIS JAMSA, PhD, MBA y» A- JONES & BARTLETT LEARNING Brief Contents Acknowledgments Preface Getting Started with HTML Integrating Images Using Hyperlinks to Connect Content Presenting Lists
More informationDrag and Drop in HTML5
Drag and Drop in HTML5 T-111.5502 Seminar on Media Technology B P Final Report Hannu Järvinen Department of Media Technology Aalto University, P.O. Box 15400, 00076 Aalto hannu.jarvinen@aalto.fi Abstract
More informationWeb design 1: Introduction to creating a website using Dreamweaver MX
Web design 1: Introduction to creating a website using Dreamweaver MX Practical workbook Aims and Learning Objectives The aim of this course is to enable you to create a simple but well designed website
More informationEmail Campaign Guidelines and Best Practices
epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead
More informationTrends in HTML5. Matt Spencer UI & Browser Marketing Manager
Trends in HTML5 Matt Spencer UI & Browser Marketing Manager 6 Where to focus? Chrome is the worlds leading browser - by a large margin 7 Chrome or Chromium, what s the difference Chromium is an open source
More informationTHE CLIENT SPEC SHEET
THE CLIENT SPEC SHEET Establishing clear guidelines for HTML production during the initiation of a web project redesign will help to answer questions and avoid backtracking once the production phase has
More informationTaleo Enterprise. Career Section Branding Definition. Version 7.5
Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010 Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that
More informationStylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define:
Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define: body, div, p, h1 - h6, hr, table, thead, tr, th, td, blockquote, address, ol, ul, dl, dt, dd span, a, font class e.g..stylename
More informationWeb Design Technology
Web Design Technology Terms Found in web design front end Found in web development back end Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document
More information