Babel 2012 on the Web Daniel Glazman 21-sep-2011 W3C Workshop A Local Focus for the Multilingual Web.

Slides:

Advertisements

Similar presentations

In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.

Advertisements

Tutorial 6 Creating a Web Form

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Solutions for Multilingual Literature by XSL Formatter 6,800 known languages.

COMPSCI 345 / SOFTENG 350 TUTORIAL WEEK 8 | SAM KAVANAGH.

XP 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.

Working with Cascading Style Sheets. 2 Objectives Introducing Cascading Style Sheets Using Inline Styles Using Embedded Styles Using an External Style.

1 HTML’s Transition to XHTML. 2 XHTML is the next evolution of HTML Extensible HTML eXtensible based on XML (extensible markup language) XML like HTML.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

Computer Sciences Department

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Creating a Simple Page: HTML Overview

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

Pemrograman Berbasis WEB XML part 2 -Aurelio Rahmadian- Sumber: w3cschools.com.

Lab Assignment 7 | Web Forms and Manipulating Strings Interactive Features Added In this assignment you will continue the design and implementation of.

Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.

CSC 330 E-Commerce Teacher Ahmed Mumtaz Mustehsan Ahmed Mumtaz Mustehsan GM-IT CIIT Islamabad GM-IT CIIT Islamabad CIIT Virtual Campus, CIIT COMSATS Institute.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.

Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.

XML - Why: The HTML-Dilemma HTML, SGML, XML - How: Syntax, Concept, Language Elements Basics Well-formed XML-Documents (without DTD) Valid XML-Documents.

Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.

Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

HTML and XML Behind Web Authoring Tools. 2 Objectives Introduce HTML Learn HTML Step by step Introduce XML.

XML eXtensible Markup Language. Topics  What is XML  An XML example  Why is XML important  XML introduction  XML applications  XML support CSEB.

Web Foundations THURSDAY, OCTOBER 31, 2013 LECTURE 22: CSS MULTICOLUMNS, CSS PREFIX TOOLS HTML/CSS WYSIWYG WEB EDITORS.

10 – 12 APRIL 2005 Riyadh, Saudi Arabia. Building multi-lingual ASP.Net application that handle western languages and Arabic with a single code base.

XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 

Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.

Complex Scripts* in Internet Explorer 5.0 *and Multilingual text F. Avery Bishop Senior Program Manager Microsoft Corporation.

IS2802 Introduction to Multimedia Applications for Business Lecture 1: Introduction to IS2802 Rob Gleasure

XML Basics A brief introduction to XML in general 1XML Basics.

HTML Forms. Slide 2 Forms (Introduction) The purpose of input forms Organizing forms with a and Using different element types to get user input A brief.

Internet & World Wide Web How to Program, 5/e © by Pearson Education, Inc. All Rights Reserved.

Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.

Web Technologies Lecture 2 HTML and CSS. HTML Hyper Text Markup Language – Describes web documents – Made up of nested HTML markup tags – Tags are the.

CNIT 132 – Week 4 Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of.

HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.

HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.

HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.

Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

Advanced CSS. Display  Hiding an element can be done in two ways  display:none  Element is hidden and will no longer take up space on the page  Can.

Group 9: Through examples, explain how to build a css navigation bar. Presented by: Daniel Ku, Matt Iannacci & Iphia Henry.

1 Objects In JavaScript. 2 Types of Object in JavaScript Built-in objects User Defined Objects Browser Object Document Object Model.

Tutorial 6 Creating a Web Form

XML Notes taken from w3schools. What is XML? XML stands for EXtensible Markup Language. XML was designed to store and transport data. XML was designed.

1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

Dive into web development

Introduction to.

HTML CS 4640 Programming Languages for Web Applications

Project 1 Introduction to HTML.

Human Computer Interaction

Building beautiful and interactive apps with HTML5 & CSS3

Creating a Successful Web Presence

XML Problems and Solutions

Why use Web Standards?.

Unit 6 part 3 Test Javascript Test.

Web Page Design CIS 300.

Structuring Content in a Web Document

HTML CS 4640 Programming Languages for Web Applications

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Presentation transcript:

Babel 2012 on the Web Daniel Glazman 21-sep-2011 W3C Workshop A Local Focus for the Multilingual Web

1. Where we come from...

« Is it really important to support Boustrophedon or Mongolian in CSS? » CSS Working Group, June 1998 « Since many countries use characters which are not a part of ASCII, the default character-set for modern browsers is ISO » W3Schools, now...

US-asciiUTF-8 uuencodeMIME 7bits8bits URLsIRIs - Accept- Language HTML+HTML5 -CSS 3 -xml:lang

2. on the radar today...

Richard Ishida's business card...

A reminder... language ≠ script ≠ charset

HTML 5: charset... Authors are encouraged to use UTF- 8. Conformance checkers may advise authors against using legacy encodings Authoring tools should default to using UTF-8 for newly-created documents...

HTML5: language still lang and xml:lang... the lang IDL reflects only lang... Authoring Tools rarely set the language or even offer UI for it

HTML5: links hyperlinks in HTML are still mono- valued the hreflang atribute can target only one language

HTML5: direction the dir attribute cannot reflect vertical directions (yet) elements with different inner and outer directions still a problem :ltr and :rtl pseudo-classes... bdi and bdo elements poorly implemented

HTML5: forms bad localizations of dates and calendars date/time issues with time zones what's a name...

JavaScript poor localizability... user interaction entirely based on UA's language and direction Node.js spreading !

DOM: charset DOM uses UTF-16 strings...

PHP PHP 5 said to have a lot of issues with UTF-8 PHP 6 should fix that (hopefully...) Poor built-in localizability

CSS3: Writing Modes

CSS3: Text text transformations (issues in Greek) hyphenation emphasis marks (mostly for East Asian text)

CSS3: Columns

CSS3: Lists list-style-type property extended to dozens of values ability to define your own if missing

CSS3: Box Model start/end instead of left/right margin-{start|end} not here yet

CSS3: Fonts Language-specific display Control of glyph substitute and positioning in East Asian text

CSS3: Ruby

EPUB3 OpenType & WOFF CSS parts of CSS 3 - hyphenation, emphasis, word breaking - Writing Modes - Multi-column Layout - Ruby

3. what we can expect...

CC BY-NC 2.5 XKCDXKCD

HTML5+CSS3 as the pivot format for new Wysiwyg editors with good i18n massive adoption of EPUB3 in Asia Boustrophedon ? :-)