Cecilia Huster, Senior UX Designer Arabic Web Design Cecilia Huster 25 September 2008.

Slides:

Advertisements

Similar presentations

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.

Advertisements

Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

MS Word I Final Exam Review Presentation

Objectives © Paradigm Publishing, Inc. 1 Objectives.

Basic Word Processing.

One of the most important skills a working professional possesses is the ability to express ideas, opinions, and research findings in writing, using word.

Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.

Advanced Accessible PDF Document Training Adobe Acrobat 11.

Macromedia Dreamweaver 4 Foundation Level Course.

® Microsoft Office 2010 Word Tutorial 3 Creating a Multiple-Page Report.

CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.

Lecture HTML Images. Use for Images Photos and Graphics Buttons for Navigation Bullets for Lists Backgrounds Symbols and Icons Logos.

Chapter 8_2 Bits and the "Why" of Bytes: Representing Information Digitally.

Tutorial support.ebsco.com. Welcome to Explora, EBSCO’s engaging interface for schools and public libraries. Designed to meet the unique needs of its.

Creating and publishing accessible course materials Practical advise you can replicate.

Mastering Your Word Processing Skills

@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,

1 CS 502: Computing Methods for Digital Libraries Lecture 4 Text.

Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.

ALL About PUBLICATIONS

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

By: Ms. Fatima Shannag Ms. Essra Al-Mousa 1. PowerPoint web app 2 PowerPoint Web App is a limited version of PowerPoint, enabling you to display information.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

Adobe InDesign CS2—Revealed SETTING UP A DOCUMENT.

Formatting Tables with Styles To format a table: – Click in the table and then click the Table Tools Design tab – In the Table Styles group, click the.

Arabic العربية al-‘arabiyyah Arabic العربية al-‘arabiyyah.

Adobe InDesign CS2--Revealed WORKING WITH TEXT. Chapter 2 Working with Text Chapter Objectives Format text Format paragraphs Create and apply styles Edit.

 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.

Power Point Introduction to Computers. Opening and Viewing Presentations Click on the Start button (bottom-left of your screen). From the popup menu displayed.

Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

 The formatting applied to a document can affect: › How the reader interprets the document › How easily the document is read › The overall impression.

DC I Unit 5 Publications_All About Publications PPT.

1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.

Creating a Google Site For a Digital Portfolio Purpose.

Keyboarding Mastery. Proofreader’s Marks What are “Proofreader’s Marks”? Proofreader’s Marks are used by writers to indicate changes they think should.

Arabic Handwriting Recognition Thomas Taylor. Roadmap  Introduction to Handwriting Recognition  Introduction to Arabic Language  Challenges of Recognition.

Education And Training CTC IT DIVISION PivotLink User Training April 2010.

Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.

Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 14 KEY CONCEPTS 1 Copyright.

Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.

How To Remove Uploaded YouTube Video?. YouTube Tech Support Number

Return your Nook eBook before the due date eBook & audiobook download

Lecturer: Dalia Mirghani

Basic Word Processing.

Elements Intro & Site Management

Creating a wiki phage for your lab notebook

SHOULD BE ON ALL INTERNAL PAGES

Tutorial support.ebsco.com.

Library Nook Your Public Return your Nook eBook before the due date

Creating Page Layouts with CSS

PROPERTY OF PIMA COUNTY JTED, 2011

Unit 2.1: Identifying design elements when preparing graphics

Value Map One Pagers Template for LoB, Technology, Industry / Industry Segment Version September 2015 Internal.

Tutorial support.ebsco.com.

Laying out a website using CSS and HTML

Fixed Positioning.

Basic Word Processing.

Basic Word Processing.

Nook Public Library Fort Madison

Arial normal 36pt upper & lower case

Microsoft PowerPoint 2007 – Unit 2

Basic Word Processing.

Basic Word Processing.

Training Center Admin ver. 1 Owner: Cecilia Edenius

Basic Word Processing.

How to Format Your Paper MLA Style

HIBBs is a program of the Global Health Informatics Partnership Learning the Basics of Microsoft Word 2019 and Microsoft office support TFN

Presentation transcript:

Cecilia Huster, Senior UX Designer Arabic Web Design Cecilia Huster 25 September 2008

Cecilia Huster, Senior UX Designer 2 Overview Page Layout: headers, HTML elements, images Alphabet and numbers Examples Tools and resources

Cecilia Huster, Senior UX Designer 3 Layout Best Practices: Mirroring Start on the right, move to the left. For every element, at every level.

Cecilia Huster, Senior UX Designer 4 Alphabet Impure Abjad (consonant-only alphabet) –Some vowels symbols –28 basic letters No distinction between UPPER and lower case Cursive –most letters are connected Mixing Arabic and Latin script is very common

Cecilia Huster, Senior UX Designer 5 Numbers Eastern Arabic –right to left –Indian origin Western Arabic: –left to right –phone numbers, dates, prices –based on Eastern Arabic ٠١٢٣٤٥٦٧٨٩

Cecilia Huster, Senior UX Designer 6 Masthead Horizontal navigation English on left Arabic on right Mirrored drop down

Cecilia Huster, Senior UX Designer 7 Article page Western Arabic numbers for Arabic Date Right-aligned English text

Cecilia Huster, Senior UX Designer 8 Shopping Basket Check out button Delete Subtotals in 2 currencies Description QuantityPrice Save order Continue Shopping Basket summary

Cecilia Huster, Senior UX Designer 9 Tools Adobe Creative Suite Middle East Version –letter spacing and justification –ligatures, vowel signs –page, paragraph and footnote numbering –Arabic, Farsi or Hindi digits Tasmeem –typography and calligraphy –plug-in for Adobe products

Cecilia Huster, Senior UX Designer 10 Thank you Original slides at