Part III Let’s look at some examples. III-2 Good and bad practice Many web-page designers know about free on-line MT and include links Look out for –How.

Slides:

Advertisements

Similar presentations

Symbaloo Save, access, and share all of your online resources in one central location!

Advertisements

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

Introducing new web content management tools for Priority...

. Website and file organization. How websites work.

Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.

Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.

Working with Files. Note the buttons on the bottom of the File Manager: Each allows you to perform a specific action with files. First, select the file(s),

Tutorial EBSCOadmin Branding support.ebsco.com. To help you enhance the search experience for your users, EBSCO offers a number of custom branding options.

IWebFolio Using a Template Tutorial Images in this tutorial:

Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.

The Internet & The World Wide Web Notes

Designing a Classroom Web Site Using NVU Beginning Level.

Images: HTML and CSS. The Bells page without images in Source View and Design View.

So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.

9/7: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW image courtesy of

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Using 2.0 for collaboration in the classroom

Dynamic Web Pages (Flash, JavaScript)

EBSCOadmin. Select Change Password Select EBSCOadmin Security.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Name Teacher: Group: 1 Unit 2 – Webpage Creation.

Adding Content To Your Faculty Page 1.Login 2.Create your Faculty Page 3.

HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.

Using a Web Browser What does a Web Browser do? A web browser enables you to surf the World Wide Web. What are the most popular browsers?

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

In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.

University of Sunderland CDM105 Session 5 Web Authoring Tools The past and present A history of web authoring tools and an overview of Macromedia Dreamweaver.

Images in HTML PowerPoint How images are used in HTML.

How to use the internet The internet is a wide ranging network that thousands of people use everyday. It is a useful tool in modern society that once one.

Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at

How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)

Codewriters – Website Management Overview of Codewriters Website management services. Including, design templates, content and document publishing, auto.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

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

1 Type in the URL to access the WEBSPACE Control Panel HOW TO MAKE CHANGES AND UPDATES TO YOUR WEBSITE.

Welcome to Minnesota’s eFolio St. Cloud Technical College June 2, 2003 Norman Baer Matt St. Martin.

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

Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.

History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.

Teacher Websites TALIA R. COTTON. Teacher Websites Log In  To log in to your teacher website  Select Staff only on EGHS Website  Type in your .

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

OCR Nationals ICT – Unit 2 Task 4 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.

Step 1 “LOG IN” to your Zukul Account Step 2 Left click your mouse on “My Tools” Step 3 Left click your mouse on the “LP Creator” Button in the menu column.

1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.

OU Campus Version 10 INTRODUCTION VERSION 10. Welcome Version 10.

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

A Guide to Using Blogs Tracey Coles, ITRT Huguenot High School.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)

WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.

Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)

ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.

By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.

Sitecore Basic Training Content Management System (CMS) University Communications Web Services

A website tutorial for Miss Hensley’s fourth grade class.

Introduction Powerful PDF To Word Converter - PDFZilla

Principles of IT Basic Webpage Design Vocabulary.

How to use the Jeopardy Template

TITLE GOES HERE Your Subtitle PROFESSIONAL STARTER BUSINESS UNLIMITED

Creating an Account on Wikieducator

TITLE GOES HERE Your Subtitle PROFESSIONAL STARTER BUSINESS UNLIMITED

Introducing the World Wide Web

Lesson Objectives Lesson Outcomes

USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder

PUBLISHING TO THE WORLD WIDE WEB

Drupal user guide Evashni Jansen Web Office.

PLTW Terms PLTW Vocabulary Set #10.

Presentation transcript:

Part III Let’s look at some examples

III-2 Good and bad practice Many web-page designers know about free on-line MT and include links Look out for –How to link –Disclaimers –What gets translated Put yourselves in the position of users who log on to these websites with unspecified language background (say, very poor or no English at all) and reflect on HCI / usability issues relating to integration

III-3 Note: If using cached versions We have edited the HTML source so that some references (the ones we want to show) link to the CD... Other links will require internet access See “Script for Tutorial III.doc” for a demo scriptScript for Tutorial III.doc

III-4 Example 1 Link is below the fold Link is translated by MT! Intermediate page (translated by MT) Links to MT service: you have to type in the URL Live link Cached file

III-5 Example 2 Translate button not very prominent Alternative BabelFish graphic below the fold Translate button links to intermediate page in English Live link Cached file (no graphics)

III-6 Example 3 Translate button in English, well hidden Links to disclaimer, but in English Languages named in English Link does directly translate Some graphics include text not translated Also some buttons Live link Cached file

III-7 Example 4 Flag icons easily spotted Intermediate page with disclaimer in appropriate language (some done by humans) Very little text in untranslatable graphics/buttons Drop-down menus and alt text translated Live link Cached file

III-8 Example 5 Link page quite nice Mix of MT and already translated pages (pdf’s) (which give a phone number for the translation services) But link on home page is hard to spot And there’s some HTML or java that messes up Live link Cached file

III-9 MT-specific good practice issues Single sourcing Source language with wide range of target languages No text locked in images (left untranslated) Translation, not redirection Ongoing translation of links into target language MT-friendly text Disclaimers