Advanced Technical Writing 2006 Session #6. Today in Class… ► Evaluation criteria for P1 ► Meet with your editorial team, to prepare announcements/tips.

Slides:



Advertisements
Similar presentations
XML-XSL Introduction SHIJU RAJAN SHIJU RAJAN Outline Brief Overview Brief Overview What is XML? What is XML? Well Formed XML Well Formed XML Tag Name.
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Introduction to HTML & CSS
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Advanced Technical Writing 2005 Session #2. Today in Class… ► Show-n-tell, your “CSS objects exercise” ► P1 sample files - seeing objects ► Editorial.
WML/HTML and XML Multiplatform Applications. Agenda XML – History and purpose What have HTML, WML and XML got to do with each other Why useful for multiplatform.
Advanced Technical Writing 2006 Session #3. Today in Class… ► Teams pitch poster concepts:  Meet with your editorial team, show us how your material.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
Creating a Simple Page: HTML Overview
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
Advanced Technical Writing 2006 Session #9. Today In Class ► What is an Information Model? ► Our “two views” movie review exercise, revisited ► Analyzing.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
PHP Form Introduction Getting User Information Text Input.
1 Overview of XSL. 2 Outline We will use Roger Costello’s tutorial The purpose of this presentation is  To give a quick overview of XSL  To describe.
1 Credits Prepared by: Rajendra P. Srivastava Ernst & Young Professor University of Kansas Sponsored by: Ernst & Young, LLP (August 2005) XBRL Module Part.
Advanced Technical Writing 2006 Session #4. Today in Class… ► Meet with your editorial team, refine/post deliverables ► Send URL for deliverables to Bill.
XML A Language Presentation. Outline 1. Introduction 2. XML 2.1 Background 2.2 Structure 2.3 Advantages 3. Related Technologies 3.1 DTD 3.2 Schemas and.
Representing data with XML SE-2030 Dr. Mark L. Hornick 1.
XML DTD. XML Validation XML with correct syntax is "Well Formed" XML. XML validated against a DTD is "Valid" XML.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.
Advanced Technical Writing 2008 Session #2. Today ► P1 schedule revisited ► Sample exam questions:  Writing/reflection  Discussion  Post outline of.
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
INT222 – Internet Fundamentals
Advanced Technical Writing 2006 Session #3. Today in Class… ► Show-n-tell your CSS Objects from exercise 1 ► Meet with your editorial team, refine/post.
Rendering XML Documents ©NIITeXtensible Markup Language/Lesson 5/Slide 1 of 46 Objectives In this session, you will learn to: * Define rendering * Identify.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Chapter 4 Frames and Cascading Style Sheets. Frames Frames divide a browser window into two or more separate pieces or panes, with each pane containing.
Advanced Technical Writing 2005 Session #8. For P2, you will… 1. Analyze the content strategy of a real organization - the MSU library 2. Investigate.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Week 1: Introduction to HTML and Web Design
Basic concepts of web design
Cascading Style Sheets (CSS)
Web Basics: HTML/CSS/JavaScript What are they?
XML Introduction Bill Jerome.
Project 1 Introduction to HTML.
Web Page Elements Writing For the Web
Concepts of HTML, CSS and Javascript
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Introduction to XHTML.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Roy Tennant California Digital Library
Introduction to Web Page Design
WEB PAGE AUTHORINHG AND DESIGNING
Introduction to Web Authoring
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Teaching slides Chapter 6.
HTML Tables.
Using the Power of XML Personally
HTML Structure.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HTML 5 SEMANTIC ELEMENTS.
Computer communications
INFS 230 L Internet Technology
CS205 Tables & Forms © 2012 D. J. Foreman.
Week 5: Recap and Portfolio Site
Web Programming and Design
Presentation transcript:

Advanced Technical Writing 2006 Session #6

Today in Class… ► Evaluation criteria for P1 ► Meet with your editorial team, to prepare announcements/tips for authors ► Our readings on…er…reading ► Movie review markup show-n-tell ► XML wrap up (for now)

Editorial Teams During session 6? 7?, you should review posted articles and offer the authors feedback related to your editorial role. Use your meeting time today to discuss what you’ll be looking for, and to frame some tips for authors as they prepare their pieces for review. The development team should lead the discussion. If you have specific directions, write them up, post the file, and send Bill H-D the link.

Show-n-Tell…and our readings for today Show us your color coded instance of a movie review, walking us through the objects you have identified. As you do this, tell us about what users’ interactions with these objects are likely to be and how these shaped your decisions. Refer to Wright and Williams & Spyridakis when you can. (e.g. W&S describe basic relations among text elements that correspond to readers’ tasks, but they focus on one type of task and thus one type of element and its role in supporting that task)

XML Wrap Up

Isn’t this all a bit too complicated? Well… Yes and no. At the syntax level, certainly. But at the conceptual level, the move to represent information semantically and then transform it for any number of display formats is a move to simplify things a bit…it’s the implementation that makes it tricky.

XML+DTD+XSL(T)= HTML.xml.xsl.dtd.html parser Depending on the parser, there may also be some script included in the XML and/or XSL documents to request processing.xslt

“Every IED concept report should be made up of a ‘heading’ and a ‘body’” <html><head> </head><body> </body></html></xsl:template>

“The ‘heading’ should display the ‘title’, as defined in an XML tag of that name, and some info about ‘Authors’; we have some guidelines for ‘Authors” below” </xsl:template>

Written By Written By <tr> “Create a table which will have the words “written by” in the top row and then look in the XML for any ‘Author’ objects and make a new row”

</td></tr></xsl:for-each></table></xsl:template> “Make a cell to contain whatever is inside the ‘First-Name’ and ‘Last-Name’ tags; we’re done with the ‘Author’ table now.”

Often re-published, the examples below show both CSS and XSL styling: Whether they work for you or not will depend on your browser… A pretty good example…

Create an information model (you can use some variant of DTD syntax) for “Family Film Reviews” that would allow you to transform an XML-formatted review like the one you have into two distinct “views:”: One for parents One for kids Then…sketch the views, labeling the objects that would make them up. Post them for session 7 (not next time). You can consider this a dry-run for your next major project. You can go whole hog if you want…and do DTD>XML>XSLT>XHTML…or go lo-tech. The last XML-ercise…

Next Time… ► Post your P1 article for in-class review session by…? (see development team guidelines) ► Post your movie review information model for session 7 (Tuesday 2/1)