Server Applications with ASP and XMLComposer

Size: px
Start display at page:

Download "Server Applications with ASP and XMLComposer"

Transcription

1 . TopLeaf 7 How To: Server Applications with ASP and XMLComposer 1. Introduction TopLeaf is a highly adaptable XML composition engine that can be used as part of larger enterprise solutions where dynamic document generation is required. By accessing TopLeaf through the API, you can build custom interfaces to TopLeaf, for either general access to TopLeaf's features through a custom user interface, or you can build integrated solutions that simply automate production of composed documents. For dynamic document creation, you need to understand the process flow in TopLeaf, as well as how to program using API calls through one of the three available API interfaces (command-line, DLL, or ActiveX scripting object). Alternatively, you can choose Metaformix's XMLComposer to take care of the TopLeaf issues so you can focus on the more important overall application design. In this article, we'll look at how to build a simple Active Server Pages (ASP) web application that uses XMLComposer to create formatted PDFs from web form data merged with a document template. The same approach applies equally well to Cold Fusion pages, PHP, or other web scripting languages. Thursday 15 May 2008, (11:43AM) 1 Copyright John S. Barker and Metaformix Information Systems Inc.

2 2. Metaformix News Release Builder At Metaformix, we built an ASP application to generate our news releases so they can be produced and released onto our web site quickly, with very little input from the user. This makes for a light-weight, multi-tiered design that is accessible on our intranet. Like any document application, the hard part is settling on a document layout. We're not going to address the document layout in this article. Instead, we'll focus on two things: The ASP application itself Template-based documents in TopLeaf The ASP Application The Metaformix News Builder is a very straightforward Active Server Pages application that does two things: Accept input from the user, and write it to a text file as XML-formatted data. Once the data is written to the file, XMLComposer manages the passing of the job through TopLeaf to generate the formatted PDF. The structure of the ASP end of things is simple. We need a form to welcome the user and confirm this is what they want to be doing, another to permit the user to fill in the various fields of the news release, another to confirm that the release is to be generated, and we need a final one to direct them to the output. This could all be done in one massive form, but for ease of set-up and maintenance, we chose to break it up into its functional bits. After building the basic layout and style sheet, we set up the web site. We're using IIS, so we create a virtual directory for the application, and then add the component files as follows. global.asa: This file defines application defaults and global variables. '======================= 'News builder global.asa, placed in application's root directory '======================= <SCRIPT LANGUAGE=VBScript RUNAT=Server> Sub Application_OnStart 'specify the XMLComposer watched folder for News publishing Application("InputDir")="d:\TopLeaf\MxNews\Input\" 'specify the output folder for all generated docs Application("OutputDir")="c:\inetpub\MxNews\output" 'the name of the TopLeaf partition where data is assembled Application("XMLFile") = "MxNews" 'Default application name Application("AppName") = "Metaformix News Release Builder" End Sub </SCRIPT> 2 Thursday 15 May 2008, (11:43AM)

3 default.asp: This file is the "entry" page into the application. The purpose is simply to present the user with an initial screen, from which they can choose to begin creating a news release. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- Default.asp --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>metaformix News Release Builder</title> <link rel="stylesheet" type="text/css" href="news.css"> </head> <div id="main-title">news Release Builder <!-- Just a container for the image that runs across the top of the page --> <div id="header-image"> <div id="navbar"> <a href="default.asp" class="current">home</a> <a href="mxnewsinput.asp">start</a> <div id="headline">metaformix News Release Builder <div id="main-text"> <body> <h1>welcome To the<br>topleaf Active Server Pages</h1> <p>to proceed to the news release builder, click here: <FORM Name=nextpg METHOD=POST ACTION=MxNewsInput.asp> <input type=submit name=btnsubmitdefault value="create News Item"> </FORM></p> <div id="footer"> Copyright Metaformix Information Systems Inc </body> </html> MxNewsInput.asp: This page generates the input fields for the news item. A headline, release date, lead-in paragraph, news body, and alternate contact info are provided. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title><%=application("appname")%> - News Release Builder</title> <link rel="stylesheet" type="text/css" href="downtown.css" /> </head> <div id="main-title">news Release Builder <div id="header-image2"> <div id="navbar"> <a href="default.asp">home</a> <a href="mxnewsinput.asp" class="current">start</a> <div id="headline">news Release Builder <div id="main-text"> <body> <table border=0 cellpadding=0 cellspacing=0> <tr><td align="center" bgcolor=#dddddd border=1> <b>gather Data</b></td></tr> <tr><td><p>enter the data for the news release.</p> </td></tr> <tr><td> <FORM ACTION=MxNewsValidate.asp METHOD=POST> Thursday 15 May 2008, (11:43AM) 3

4 <p>all fields are REQUIRED, except where indicated</p> <table> <tr><td><p>headline: </td> <td><input type=text name=headline size=40 value=""></td></tr> <tr><td><p>release Date: </td> <td><input type=text name=date size=40 value=""></td></tr> <tr><td><p>lead Paragraph: </td><td> <textarea name="lead" wrap=virtual cols="50" rows="10"></textarea></td></tr> <tr><td><p>body: </td> <td><textarea name="body" wrap=virtual cols="50" rows="10"></textarea></td></tr> <tr><td><p>alternate contact info (non-metaformix, optional): </td> <td><input type=text name=altcontact value="" size=40></td></tr> <tr><td><p> </td><td><input type=submit value="next >>"></td></tr> </table> </td></tr></table> </FORM> </td></tr></table> </body> <div id="footer"> Copyright Metaformix Information Systems Inc. </html> MxNewsValidate.asp: This page checks that the user input is complete enough to proceed with generating the news release. It also gives the user a chance to back out of the process. If it does validate, then the user can submit the data for processing. If it does not validate, the user must go back and provide complete information. In this application, all required fields must have something in them that's the only requirement for validation. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- MxNewsValidate.asp: check input --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title><%=application("appname")%> - Check and Save the Input</title> <link rel="stylesheet" type="text/css" href="downtown.css" /> </head> <div id="main-title">news Builder <!-- Just a container for the image that runs across the top of the page --> <div id="header-image4"> <div id="navbar"> <a href="default.asp">home</a> <a href="tldemodbquery1.asp" class="current">start</a> <div id="headline">news Builder <div id="main-text"> <body> <h2>check and Save the Input</h2> <% 'this function deals with any quotes in the input. 'the tricky bit is passing a tag in that has an attribute. 'for simplicity, we just swap " with ' in that case. Function QuoteCheck( sstring ) Dim ct Dim sout Dim stest Dim intag 4 Thursday 15 May 2008, (11:43AM)

5 ct = 1 intag = FALSE While ct < Len(sString)+1 stest = Mid(sString,ct,1) select case stest case "<" intag = TRUE sout = sout & stest case ">" intag = FALSE sout = sout & stest case Chr(34) if not intag then sout = sout & """ else sout = sout & "'" end if case else sout = sout & stest end select ct = ct + 1 Wend QuoteCheck = sout End Function 'user data input from the previous form Dim userheadline Dim userdate Dim userlead Dim userbody Dim useraltcontact Dim bskipinsert Dim sqlstatement On Error Resume Next userheadline = QuoteCheck(Request.Form("Headline")) userdate = QuoteCheck(Request.Form("Date")) userlead = QuoteCheck(Request.Form("Lead")) userbody = QuoteCheck(Request.Form("Body")) useraltcontact = QuoteCheck(Request.Form("Altcontact")) bskipinsert = FALSE if (Len(userHeadline)=0 OR Len(userDate)= 0 OR _ Len(userLead)=0) then bskipinsert = TRUE end if if bskipinsert then %> <p>sorry, some required values were missing. Make sure you have a Headline, Date and Lead.</p> <% end if if Not(bSkipInsert) then 'do the insert On Error Resume Next Thursday 15 May 2008, (11:43AM) 5

6 %> <p>the data you entered has been accepted.</p> <FORM ACTION=MxNewsPublish.asp Method=POST> <p align=center>to publish the document, click the "Publish" button. <input type=hidden name=headline value="<%=userheadline%>" > <input type=hidden name=date value="<%=userdate%>" > <input type=hidden name=lead value="<%=userlead%>" > <input type=hidden name=body value="<%=userbody%>" > <input type=hidden name=altcontact value="<%=useraltcontact%>" > <input type=submit value="publish"> </p> </FORM> <% end if %> <FORM ACTION=TLDemoDBQuery1.asp> <p>to start over, click here: <input type=submit value="start over"></form> <div id="footer"> Copyright Metaformix Information Systems Inc. </body> </html> MxNewsPublish.asp: This page submits the data to XMLComposer by writing the request as a small XML-tagged file, and also writes an XMLComposer job control file. The job control file is an "ini" file format file that specifies job processing options for XMLComposer. The main purpose of the job control file in this instance is to generate a PDF that has the release date as its name. This allows us to use a unique name, such as a session ID, for the job control file, but a common output file name for the result. (More on the XMLComposer set-up later.) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- MxNewsPublish.asp: publish the document --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title><%=application("appname")%> - Publish News Release</title> <link rel="stylesheet" type="text/css" href="downtown.css" /> </head> <div id="main-title">news Builder <!-- Just a container for the image that runs across the top of the page --> <div id="header-image5"> <div id="navbar"> <a href="default.asp">home</a> <a href="mxnewsinput.asp" class="current">start</a> <div id="headline">news Builder <div id="main-text"> <body> <p> <table><tr><td bgcolor=dddddd><b> Publish Result</b></td></tr> <tr><td>the generated document will be named <b><%=request.form("date")%></b>.</td></tr> <tr><td>the "Go to list of built documents" button lists the documents in the news output folder. Depending on server activity, there may be a lag before the TopLeafgenerated PDF is listed. The list of documents refreshes automatically every 15 seconds.</td></tr> 6 Thursday 15 May 2008, (11:43AM)

7 </table> <% Dim fs 'file system object Dim sinputdir Dim soutputname Dim squote sinputdir = Application("InputDir") soutputname = Session.SessionID squote = Chr(34) set fs=server.createobject("scripting.filesystemobject") if fs.fileexists(sinputdir & Application("XMLFile")&".xm") then fs.deletefile sinputdir&application("xmlfile")&".xm" end if Session.Timeout = 1 'write the xml file. note that it is.xm; this prevents it from being 'immediately processed by XMLComposer Set tf = fs.createtextfile(sinputdir&application("xmlfile") _ & ".xm", True) tf.writeline("<data>") tf.writeline("<row ") tf.writeline("headline=" & squote & Request.Form("Headline") _ & squote & " ") tf.writeline("date=" & squote & Request.Form("Date") _ & squote & " ") tf.writeline("altcontact=" & squote & Request.Form("Altcontact") _ & squote & " ") tf.writeline(">") tf.writeline("<lead>" & Request.Form("Lead") _ & "</Lead> ") tf.writeline("<body>" & Request.Form("Body") _ & "</Body> ") tf.writeline("</row>") tf.writeline("</data>") tf.close 'write the.xcf job control file Set tf = fs.createtextfile(sinputdir & soutputname & ".xcf", True) tf.writeline("[general]") tf.writeline("sourcefile=" & sinputdir & Application("XMLFile") _ & ".xm") tf.writeline("name=" & Application("XMLFile")) tf.writeline("[workflow]") tf.writeline("name=" & Request.Form("Date")) tf.writeline("[indicators]") tf.writeline("z=news") tf.close %> <p>the data has been saved to a file.</p> <form name=publishdone ACTION=MxNewsInput.asp> <input type=submit value="start Again"> </form> <form name=publishdone ACTION=ViewOutput.asp> <input type=submit value="go to list of built documents"> </form> </p> <div id="footer"> Copyright Metaformix Information Systems Inc. Thursday 15 May 2008, (11:43AM) 7

8 </body> </html> A few comments on MxNewsPublish.asp might be in order. The XML file being written would look something like: <data> <row> Headline="PRESENTING THE NEWS RELEASE BUILDER" Date="21 Aug 2005" Altcontact="Jimmy James" > <Body> The body of the news release goes here </Body> <Lead> The lead paragraph of the news release goes here </Lead> </row> </data> The format of this record is pretty arbitrary, and shows that you can pass data as attributes to the "row" element, or as child elements. There is an implication for TopLeaf. If you pass data as attributes, any mark-up in the attribute value will be tossed before it is composed. But, if data is passed as elements, then the mark-up can be preserved. In the case of the news release, we've allowed for lead paragraphs and the body of the news release to contain markup such as hyperlinks or other formatting tags such as "<br>" by passing these as child elements to the row. (In ADO applications, you don't have the option to pass data as child elements without additional transformation, because the data record is always presented as a "z:row" element with each column represented by an attribute.) The written file constitutes the dynamic, or variable data, content that will be merged with the TopLeaf template document. The.xcf file is the XMLComposer job file. XMLComposer allows processing options to be specified in either, or both, of two ways: through an xmlcompose.ini file which sits in the folder being watched by XMLComposer, and/or through a job control file. Job control files allow additional job-specific options that override default behaviors in XMLComposer, such as naming output files differently from the default, which will either be the name of the XML file being passed in, or the name of the.xcf file being processed. The name of the XML file is the name of the partition in TopLeaf where the data to go. By doing it this way, we can create multiple PDFs with different content through the same template document in TopLeaf, thus simplifying the overall process. If we didn't do it this way, we would end up with a new TopLeaf partition for each news release request. We're not that interested in preserving the data once the PDF is generated, so we simply pass new data into the partition each time a news release is requested. If we were interested, we would back-end this application with a database to store the information, from which we could later regenerate any news release. Another problem with this approach is concurrent access by multiple users. XMLComposer serializes requests on a first-in-first-out basis. But if more than one person is requesting a news release at a time, the data submitted first would be overwritten by the second request. If they both named the news release according to the same date, only the second would survive. In these cases, we would probably want to create new TopLeaf partitions for each news releae 8 Thursday 15 May 2008, (11:43AM)

9 request, or alternatively, add some checking to make sure one isn't already being produced with that name, and provide some form of name uniqueness (such as session ID). Eventually, a clean-up process to get rid of unwanted partitions would need to be added to the application, or managed through TopLeaf itself. For now, this isn't a concern to us, as we never have more than one person creating a release at one time. Because we are not writing the data to a database in this simple application, if we needed to regenerate the document, we would have to re-input all the data. Not ideal, but also not within the scope of this application. Okay: We've got the data going into XMLComposer's watched folder (as defined in the global.asa file). Let's quickly look at the.xcf file being generated. [General] SourceFile=d:\TopLeaf\TLDemo\Input\ xm Name=MxNews [Workflow] Name=21 Aug 2005 [Indicators] Z=News The [General] section defines where the source XML data is located through the SourceFile key. In this case, it is the.xm file just written. The Name key defines the name of the TopLeaf partition where the data will go. Because the.xcf file is named the same as the partition, we don't, strictly speaking, require this line. The [Workflow] section defines processing instructions for TopLeaf to take when working with the XML file. The Name key tells XMLComposer to instruct TopLeaf to write the PDF output to a file named "21 Aug 2005.pdf". Where the file gets written is defined by the XMLComposer xmlcompose.ini file located in the watched folder. This is also defined in the global.asa file, for use by the ASP application. The [Indicators] section sets a TopLeaf indicator to a specified value. In this case the "Z" indicator (indicator names are single letter alpha characters, A through Z) is being set to the value "News". This becomes a switch for the TopLeaf partition, and certain stylistic controls are varied based on the value of this indicator, which we'll look at later. The final component of the ASP application is a page to view the built files. ViewOutput.asp: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!-- ViewOutput.asp: list contents of a folder, with hyperlinks --> <% ' ViewOutput.asp: list contents of a folder ' ' Copyright (c) Metaformix Information Systems Inc. ' %> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <meta http-equiv="refresh" content="15"/> <title>view Generated Documents</title> <link rel="stylesheet" type="text/css" href="downtown.css" /> Thursday 15 May 2008, (11:43AM) 9

10 </head> <div id="main-title">news Builder <!-- Just a container for the image that runs across the top of the page --> <div id="header-image6"> <div id="navbar"> <a href="default.asp">home</a> <a href="mxnewsinput.asp" class="current">start</a> <!-- <a href="#">demo 2</a> --> <div id="headline">news Builder Output <div id="main-text"> <body> <h2>list of Generated Files</h2> <% Dim fs, fol, fc, s, f1, virt,fn, fd, count Dim soutputdir soutputdir = Application("OutputDir") 'declared in global.asa set fs=server.createobject("scripting.filesystemobject") 'soutputdir should be accessible as a virtual directory 'to be accessible via a web browser. set fol=fs.getfolder(soutputdir) set fc=fol.files virt="output/" %> <table align="center" border=1> <% Dim icount, i icount = 0 'count the number of files in the folder For each f1 in fc icount=icount+1 Next icount = icount-1 'Build an array of mark-up to list the files. 'NB: you could also just loop through the list 'of files and output them. Doing it this way 'gives you the option of manipulating (eg. sorting) the 'array before outputting the list Dim farray() Dim udate Dim cfdate Redim farray(icount) count = 0 For Each f1 in fc farray(count) = "<tr><td><a HREF='" + virt + f1.name + "'>" _ + f1.name + "</A></td><td>" + CStr(f1.DateLastModified) _ + "</td></tr>" count = count + 1 Next For i = 0 to icount Response.Write farray(i) 10 Thursday 15 May 2008, (11:43AM)

11 Next Response.Write "<tr><td align=center>file</td><td align=center>generated</td></tr>" i = icount while(i >= 0) Response.Write farray(i) i = i - 1 wend %> </table> <form action=mxnewsinput.asp> <input type=submit value="start again"/> </form> <div id="footer"> Copyright Metaformix Information Systems Inc. </body> </html> ViewOutput.asp just lists the files in name order, and gives a hyperlink to them so that the PDFs can be opened. If soutputdir is on an externally-accessible web site, then the news release is already web-available. We don't do that, though, as we like to preview the news release before posting externally. Template-Based Documents in TopLeaf With the ASP end of things taken care of, we can turn our attention to TopLeaf again. We are sending TopLeaf an XML document that is built from a web form. The content of the web form is unlikely to represent all that we want in the document, so we want to merge that data with a template document resident in TopLeaf. As with any document in TopLeaf, the first step is to design the overall layout. We do this by creating a new publication (which is where the style information is maintained), and then using sample data to build test partitions to make sure things are working the way we want. We're skipping the details of doing that in this paper, but we'll focus on a couple of aspects of the mappings for the publication, because this is how a template is built. Again, there is no particular need for a DTD for the template, but if you have one, it doesn't hurt. In the case of the news release, no DTD is used. Here is the content of the template document, newstempl.xml: <tmpl:head> <tmpl:title>for Immediate Release</tmpl:Title> <tmpl:mainhead1><tmpl:headline/></tmpl:mainhead1> <tmpl:subhead2>delta, BC - <tmpl:date/></tmpl:subhead2> <tmpl:simplepara><tmpl:lead/></tmpl:simplepara> <tmpl:simplepara><tmpl:body/></tmpl:simplepara> <tmpl:subhead>contact</tmpl:subhead> <table border="0" name="contact"> <tr> <td><tmpl:logo/> <tmpl:tagline>go Beyond</tmpl:Tagline> </td> <td> <tmpl:simplepara> Tel: <tmpl:br/> Fax: <tmpl:br/> Web: <a Thursday 15 May 2008, (11:43AM) 11

12 href=" <tmpl:simplepara><tmpl:altcontact/></tmpl:simplepara> </td> </tr> </table> </tmpl:head> The first thing to note is that we have implemented a name space in this XML ("tmpl") to permit segregation of template-oriented mark-up from the document data. This allows us to map like-named elements differently, and keeps the whole thing nicely abstracted so that conceptually we don't get confused some later time down the road when we're trying to maintain the application. In this template, notice that "tmpl:headline", "tmpl:date", "tmpl:lead", "tmpl:body", and "tmpl:altcontact" are all empty tags. We've purposely named them to match the field names in the incoming data and the ASP application, again strictly for maintainability reasons. There is no intrinsic requirement to do this, however, because, to TopLeaf, a tag is just a tag. As you can see, the template document has additional information. First, it has an overall structure that is more document-like, with headings, paragraphs, and so on, and also, it has "canned" content, in the form of contact information, banner text, and the like. For a news release, this is about all you would expect to be the same from one news item to the next. By extension, you can see that this technique could allow you to build any document you might require, and bring in customizing data when the document is composed. The partitions are built with the HTML table model, by the way, because they are so straightforward. The HTML table tags are not prefixed by "tmpl:", because they are not part of the template name space. Now let's take a look at a couple of mappings. The mapping for "Body" petains to the tag in the data coming from the web form into TopLeaf. This is the "real" document as far as TopLeaf is concerned, not the template. The settings for this mapping (and all the other mappings pertaining to the web form data document) have "scan content" and "suppress content" selected. The custom box sets the variable {Body} to the content of the <Body> tag. All tags in the data document are mapped to variables this way. The template tags (e.g., "<tmpl:body>") emit the variable: 12 Thursday 15 May 2008, (11:43AM)

13 And that is pretty much all there is to merging data. Well, pretty much, but not completely. Where does the template come from? The mapping for "row" is more complicated. It is the trigger for reading in the template. Here is the custom box content for the "row" element: <!-- news release data items --> <set var="headline" <set var="date" <set var="altcontact" <!-- end of news release data items --> <set var="template" indicator="partition:z1"/> <if var="template" target="news"> <read file="d:/topleaf/xmlcomposer/dynamic/newstmpl.xml"/> </if> <if var="template" target="news" test="not-same"> Thursday 15 May 2008, (11:43AM) 13

14 <read file="d:/topleaf/xmlcomposer/dynamic/xx.xml"/> </if> First, the custom programming is assigned to the end-tag. That is, it does not execute until the end of the row is encountered. This gives the various children of the row a chance to bind to variables before this code executes. Next, the attributes assigned to the row are bound to variables, just as the content for "Body" and "Lead" are. Finally, the "Z" indicator (first slot) is tested to determine which template document to use. By doing this, we can use the same publication for different purposes. Based on the result of this test, a different template is read in. Depending on the setting of the "Z" indicator, the resulting document will have the same style, but different "canned" content. If the source data is different, that is, if it came from a different application, then we would need to add mappings for those data elements into the publication. When a "<read...>" command is executed in TopLeaf, the content of that file is read as if it existed as part of the main document's data stream. So by executing a "read" in the end-tag mapping for the data row, the tag mappings for the template are resolved. This is one way of implementing subdocument fragments in TopLeaf, too. Seeing the News Builder in Action Here are some screen captures of the application in action. Step 1: Welcome the User (default.asp) 14 Thursday 15 May 2008, (11:43AM)

15 Step 2: Gather Input (MxNewsInput.asp) Step 3: Confirm Publication (MxNewsValidate.asp) Thursday 15 May 2008, (11:43AM) 15

16 Step 4: Publish (MxNewsPublish.asp) Step 5: See the Result (ViewOutput.asp) 16 Thursday 15 May 2008, (11:43AM)

17 The Composed Result Thursday 15 May 2008, (11:43AM) 17

18 3. Conclusion TopLeaf is a very flexible XML composition engine. In fact, it is so flexible that is is equally suited to composing everything from targetted marketing brochures, to regulatory documents thousands of pages in length. Traditionally, it has more often been used in the latter, but TopLeaf 7's custom marker features add a whole new layer of simplicity to expanding its application into publication areas normally served by dynamic or variable data publishing engines. And, at a tenth the cost of some of them, it makes template-based, variable data publishing applications accessible to nearly every company. We've looked at how simple it is to build an ASP application by interfacing ASP with TopLeaf through XMLComposer. XMLComposer takes the grunt-work out of API programming, by providing simple instructions, and building in error checking and exception handling. For a simple application like a news release, making an ASP application might be considered overkill. But, we hope we've demonstrated the potential of using server-based multi-tier applications with TopLeaf as the back-end composition engine to provide dynamic, on-demand publishing. About the Author John Barker is the co-founder and president of Metaformix Information Systems Inc. He has developed integrated publishing solutions around TopLeaf since Contact him at john[_at_]metaformixis.com 18 Thursday 15 May 2008, (11:43AM)

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

Using htmlarea & a Database to Maintain Content on a Website

Using htmlarea & a Database to Maintain Content on a Website Using htmlarea & a Database to Maintain Content on a Website by Peter Lavin December 30, 2003 Overview If you wish to develop a website that others can contribute to one option is to have text files sent

More information

Copyright 2011 Sakun Sharma

Copyright 2011 Sakun Sharma Maintaining Sessions in JSP We need sessions for security purpose and multiuser support. Here we are going to use sessions for security in the following manner: 1. Restrict user to open admin panel. 2.

More information

CSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0

CSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0 CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson

More information

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points)

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) CS-101 Fall 2008 Section 4 Practice Final v1.0m Name: Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) XHTML/CSS Reference: Entities: Copyright

More information

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. c360 Solutions

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc.   c360 Solutions c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. www.c360.com c360 Solutions Contents Overview... 3 Web Connect Configuration... 4 Implementing Web Connect...

More information

introduction to XHTML

introduction to XHTML introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers

More information

Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps

Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps Applies to: SAP NetWeaver Portal 6.x\7.x, Knowledge Management (KM), and Google Maps. For more information, visit the

More information

HTML HTML. Chris Seddon CRS Enterprises Ltd 1

HTML HTML. Chris Seddon CRS Enterprises Ltd 1 Chris Seddon seddon-software@keme.co.uk 2000-12 CRS Enterprises Ltd 1 2000-12 CRS Enterprises Ltd 2 Reference Sites W3C W3C w3schools DevGuru Aptana GotAPI Dog http://www.w3.org/ http://www.w3schools.com

More information

Advanced HTML Scripting WebGUI Users Conference

Advanced HTML Scripting WebGUI Users Conference Advanced HTML Scripting 2004 WebGUI Users Conference XHTML where did that x come from? XHTML =? Extensible Hypertext Markup Language Combination of HTML and XML More strict than HTML Things to Remember

More information

Chapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT.

Chapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT. Chapter 2:- Introduction to XHTML Compiled By:- Assistant Professor, SVBIT. Outline Introduction to XHTML Move to XHTML Meta tags Character entities Frames and frame sets Inside Browser What is XHTML?

More information

1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document.

1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document. 1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document. 2. W3Schools has a lovely html tutorial here (it s worth the time): http://www.w3schools.com/html/default.asp

More information

BEGINNER PHP Table of Contents

BEGINNER PHP Table of Contents Table of Contents 4 5 6 7 8 9 0 Introduction Getting Setup Your first PHP webpage Working with text Talking to the user Comparison & If statements If & Else Cleaning up the game Remembering values Finishing

More information

An Introduction to WebSphere Portal content publishing channels

An Introduction to WebSphere Portal content publishing channels An Introduction to WebSphere Portal content publishing channels By Gregory Melahn Software Engineer, IBM Corp. May 2003 Abstract WebSphere Portal content publishing (WPCP) allows you to import news stories

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.: Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag

More information

HTML 5 Form Processing

HTML 5 Form Processing HTML 5 Form Processing In this session we will explore the way that data is passed from an HTML 5 form to a form processor and back again. We are going to start by looking at the functionality of part

More information

Structured documents

Structured documents Structured documents An overview of XML Structured documents Michael Houghton 15/11/2000 Unstructured documents Broadly speaking, text and multimedia document formats can be structured or unstructured.

More information

Shane Gellerman 10/17/11 LIS488 Assignment 3

Shane Gellerman 10/17/11 LIS488 Assignment 3 Shane Gellerman 10/17/11 LIS488 Assignment 3 Background to Understanding CSS CSS really stands for Cascading Style Sheets. It functions within an HTML document, so it is necessary to understand the basics

More information

PlantVisorPRO Plant supervision

PlantVisorPRO Plant supervision PlantVisorPRO Plant supervision Software Development Kit ver. 2.0 Integrated Control Solutions & Energy Savings 2 Contents 1. Key... 5 2. Context... 5 3. File Structure... 6 4. Log Structure and error

More information

HTML. HTML Evolution

HTML. HTML Evolution Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup

More information

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4 Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered

More information

Part A Short Answer (50 marks)

Part A Short Answer (50 marks) Part A Short Answer (50 marks) NOTE: Answers for Part A should be no more than 3-4 sentences long. 1. (5 marks) What is the purpose of HTML? What is the purpose of a DTD? How do HTML and DTDs relate to

More information

Title: Dec 11 3:40 PM (1 of 11)

Title: Dec 11 3:40 PM (1 of 11) ... basic iframe body {color: brown; font family: "Times New Roman"} this is a test of using iframe Here I have set up two iframes next to each

More information

1.264 Lecture 12. HTML Introduction to FrontPage

1.264 Lecture 12. HTML Introduction to FrontPage 1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01

More information

COM1004 Web and Internet Technology

COM1004 Web and Internet Technology COM1004 Web and Internet Technology When a user submits a web form, how do we save the information to a database? How do we retrieve that data later? ID NAME EMAIL MESSAGE TIMESTAMP 1 Mike mike@dcs Hi

More information

HTML & XHTML Tag Quick Reference

HTML & XHTML Tag Quick Reference HTML & XHTML Tag Quick Reference This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available tags. Details regarding

More information

Web Publishing Basics I

Web Publishing Basics I Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic

More information

CSLDSSSL - An Annotatable DSSSL Stylesheet

CSLDSSSL - An Annotatable DSSSL Stylesheet Table of Contents CSLDSSSL - An Annotatable DSSSL Stylesheet 1. Introduction... 1 1.1. Assumptions... 2 1.1.1. Print Rendering... 2 1.1.2. HTML Rendering... 2 1.2. Sample Windows Environment... 2 1.2.1.

More information

How to Make a Contact Us PAGE in Dreamweaver

How to Make a Contact Us PAGE in Dreamweaver We found a great website on the net called http://dreamweaverspot.com and we have basically followed their tutorial for creating Contact Forms. We also checked out a few other tutorials we found by Googling,

More information

CIS 228 (Fall 2011) Exam 2, 11/3/11

CIS 228 (Fall 2011) Exam 2, 11/3/11 CIS 228 (Fall 2011) Exam 2, 11/3/11 Name (sign) Name (print) email Question 1 2 3 4 5 6 7 8 TOTAL Score CIS 228, exam 2 1 11/03/11 Question 1 True or false: In CSS, property declarations in the same rule

More information

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction to HTML HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. HTML consists

More information

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS LIBRARY USE LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD 2013 Student ID: Seat Number: Unit Code: CSE2WD Paper No: 1 Unit Name: Paper Name: Reading Time: Writing Time: Web Development Final 15 minutes

More information

CMT111-01/M1: HTML & Dreamweaver. Creating an HTML Document

CMT111-01/M1: HTML & Dreamweaver. Creating an HTML Document CMT111-01/M1: HTML & Dreamweaver Bunker Hill Community College Spring 2011 Instructor: Lawrence G. Piper Creating an HTML Document 24 January 2011 Goals for Today Be sure we have essential tools text editor

More information

Modify cmp.htm, contactme.htm and create scheduleme.htm

Modify cmp.htm, contactme.htm and create scheduleme.htm GRC 175 Assignment 2 Modify cmp.htm, contactme.htm and create scheduleme.htm Tasks: 1. Setting up Dreamweaver and defining a site 2. Convert existing HTML pages into proper XHTML encoding 3. Add alt tags

More information

Groupings and Selectors

Groupings and Selectors Groupings and Selectors Steps to Success Using the headings.html web page you created in steps, we'll discuss the type selector and grouping. We'll look at how we can utilize grouping efficiently within

More information

In the early days of the Web, designers just had the original 91 HTML tags to work with.

In the early days of the Web, designers just had the original 91 HTML tags to work with. Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,

More information

HyperText Markup Language (HTML)

HyperText Markup Language (HTML) HyperText Markup Language (HTML) Mendel Rosenblum 1 Web Application Architecture Web Browser Web Server / Application server Storage System HTTP Internet LAN 2 Browser environment is different Traditional

More information

Sections and Articles

Sections and Articles Advanced PHP Framework Codeigniter Modules HTML Topics Introduction to HTML5 Laying out a Page with HTML5 Page Structure- New HTML5 Structural Tags- Page Simplification HTML5 - How We Got Here 1.The Problems

More information

How the Internet Works

How the Internet Works How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).

More information

<tr><td>last Name </td><td><input type="text" name="shippingaddress-last-name"

<tr><td>last Name </td><td><input type=text name=shippingaddress-last-name // API Setup Parameters $gatewayurl = 'https://secure.payscout.com/api/v2/three-step'; $APIKey = '2F822Rw39fx762MaV7Yy86jXGTC7sCDy'; // If there is no POST data or a token-id, print the initial Customer

More information

ANSWER KEY Exam I (Yellow Version) CIS 228: The Internet Prof. St. John Lehman College City University of New York 26 February 2009

ANSWER KEY Exam I (Yellow Version) CIS 228: The Internet Prof. St. John Lehman College City University of New York 26 February 2009 ANSWER KEY Exam I (Yellow Version) CIS 228: The Internet Prof. St. John Lehman College City University of New York 26 February 2009 1. True or False: (a) False An element with only a closing tag is called

More information

Vebra Search Integration Guide

Vebra Search Integration Guide Guide Introduction... 2 Requirements... 2 How a Vebra search is added to your site... 2 Integration Guide... 3 HTML Wrappers... 4 Page HEAD Content... 4 CSS Styling... 4 BODY tag CSS... 5 DIV#s-container

More information

Document Object Model. Overview

Document Object Model. Overview Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior

More information

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting COSC 2206 Internet Tools Brief Survey of HTML and XHTML Document Structure Formatting 1 W3C HTML Home page W3C is the World Wide Web Consortium and their home page has lots of information, links, and a

More information

Hyperlinks, Tables, Forms and Frameworks

Hyperlinks, Tables, Forms and Frameworks Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get

More information

c122sep2914.notebook September 29, 2014

c122sep2914.notebook September 29, 2014 Have done all at the top of the page. Now we will move on to mapping, forms and iframes. 1 Here I am setting up an image and telling the image to uuse the map. Note that the map has name="theimage". I

More information

Web Development & Design Foundations with XHTML. Chapter 2 Key Concepts

Web Development & Design Foundations with XHTML. Chapter 2 Key Concepts Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page

More information

What is XHTML? XHTML is the language used to create and organize a web page:

What is XHTML? XHTML is the language used to create and organize a web page: XHTML Basics What is XHTML? XHTML is the language used to create and organize a web page: XHTML is newer than, but built upon, the original HTML (HyperText Markup Language) platform. XHTML has stricter

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI

LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI INDEX No. Title Pag e No. 1 Implements Basic HTML Tags 3 2 Implementation Of Table Tag 4 3 Implementation Of FRAMES 5 4 Design A FORM

More information

Introduction to HTML5

Introduction to HTML5 Introduction to HTML5 History of HTML 1991 HTML first published 1995 1997 1999 2000 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards.

More information

Notes General. IS 651: Distributed Systems 1

Notes General. IS 651: Distributed Systems 1 Notes General Discussion 1 and homework 1 are now graded. Grading is final one week after the deadline. Contract me before that if you find problem and want regrading. Minor syllabus change Moved chapter

More information

Semantic Web Lecture Part 1. Prof. Do van Thanh

Semantic Web Lecture Part 1. Prof. Do van Thanh Semantic Web Lecture Part 1 Prof. Do van Thanh Overview of the lecture Part 1 Why Semantic Web? Part 2 Semantic Web components: XML - XML Schema Part 3 - Semantic Web components: RDF RDF Schema Part 4

More information

Advanced Authoring Templates for WebSphere Portal content publishing

Advanced Authoring Templates for WebSphere Portal content publishing By David Wendt (wendt@us.ibm.com) Software Engineer, IBM Corp. October 2003 Advanced Authoring Templates for WebSphere Portal content publishing Abstract This paper describes some advanced techniques for

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

Asciidoctor Demo. Dan Allen

Asciidoctor Demo. Dan Allen Asciidoctor Demo Dan Allen Table of Contents 1. First Steps with AsciiDoc..................................................................... 1 1.1. Lists Upon Lists..........................................................................

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

Lab 7 Macros, Modules, Data Access Pages and Internet Summary Macros: How to Create and Run Modules vs. Macros 1. Jumping to Internet

Lab 7 Macros, Modules, Data Access Pages and Internet Summary Macros: How to Create and Run Modules vs. Macros 1. Jumping to Internet Lab 7 Macros, Modules, Data Access Pages and Internet Summary Macros: How to Create and Run Modules vs. Macros 1. Jumping to Internet 1. Macros 1.1 What is a macro? A macro is a set of one or more actions

More information

Developing Ajax Applications using EWD and Python. Tutorial: Part 2

Developing Ajax Applications using EWD and Python. Tutorial: Part 2 Developing Ajax Applications using EWD and Python Tutorial: Part 2 Chapter 1: A Logon Form Introduction This second part of our tutorial on developing Ajax applications using EWD and Python will carry

More information

Dreamweaver MX The Basics

Dreamweaver MX The Basics Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia

More information

Tutorial on text transformation with pure::variants

Tutorial on text transformation with pure::variants Table of Contents 1. Overview... 1 2. About this tutorial... 1 3. Setting up the project... 2 3.1. Source Files... 4 3.2. Documentation Files... 5 3.3. Build Files... 6 4. Setting up the feature model...

More information

Chapter 1: Introduction Overview

Chapter 1: Introduction Overview Chapter 1: Introduction Overview 1-1 Fusebox Introduction Fusebox is a development methodology for web applications. Its name derives from its basic premise: a well-designed application should be similar

More information

Sample Exam 2 (Version 1) CIS 228: The Internet Prof. St. John Lehman College City University of New York 7 November 2007

Sample Exam 2 (Version 1) CIS 228: The Internet Prof. St. John Lehman College City University of New York 7 November 2007 Sample Exam 2 (Version 1) CIS 228: The Internet Prof. St. John Lehman College City University of New York 7 November 2007 NAME (Printed) NAME (Signed) E-mail Exam Rules Show all your work. Your grade will

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

CIS 228 (Fall 2011) Exam 1, 9/27/11

CIS 228 (Fall 2011) Exam 1, 9/27/11 CIS 228 (Fall 2011) Exam 1, 9/27/11 Name (sign) Name (print) email Question Score 1 12 2 12 3 12 4 12 5 12 6 12 7 12 8 16 TOTAL 100 CIS 228, exam 1 1 09/27/11 Question 1 True or false: _F_ A Cascading

More information

Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc

Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc Design Project Site: News from Latin America Design Project i385f Special Topics in Information Architecture Instructor: Don Turnbull Elias Tzoc April 3, 2007 Design Project - 1 I. Planning [ Upper case:

More information

MI1004 Script programming and internet applications

MI1004 Script programming and internet applications MI1004 Script programming and internet applications Course content and details Learn > Course information > Course plan Learning goals, grades and content on a brief level Learn > Course material Study

More information

Hyper- Any time any where go to any web pages. Text- Simple Text. Markup- What will you do

Hyper- Any time any where go to any web pages. Text- Simple Text. Markup- What will you do HTML Interview Questions and Answers What is HTML? Answer1: HTML, or HyperText Markup Language, is a Universal language which allows an individual using special code to create web pages to be viewed on

More information

week8 Tommy MacWilliam week8 October 31, 2011

week8 Tommy MacWilliam week8 October 31, 2011 tmacwilliam@cs50.net October 31, 2011 Announcements pset5: returned final project pre-proposals due Monday 11/7 http://cs50.net/projects/project.pdf CS50 seminars: http://wiki.cs50.net/seminars Today common

More information

Bookmarks to the headings on this page:

Bookmarks to the headings on this page: Squiz Matrix User Manual Library The Squiz Matrix User Manual Library is a prime resource for all up-to-date manuals about Squiz's flagship CMS Easy Edit Suite Current for Version 4.8.1 Installation Guide

More information

Website Designing Training

Website Designing Training Website Designing Training Become a Professional Website Designer 100% Practical Training, Personalized Classroom Training, Assured Job Certified Training Programme in Website designing INDEX OF WEBSITE

More information

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010 Lecture 14 Javascript Announcements Project #2 New website Exam#2 No. Class Date Subject and Handout(s) 17 11/4/10 Examination Review Practice Exam PDF 18 11/9/10 Search, Safety, Security Slides PDF UMass

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters ACADEMIC HEALTH CENTER 2 PageMasters have the permissions necessary to perform the following tasks with Site Tools: Application Requirements...3 Access FileNET...3 Login to FileNET...3 Navigate the Site...3

More information

CSC309 Tutorial CSS & XHTML

CSC309 Tutorial CSS & XHTML CSC309 Tutorial CSS & XHTML Lei Jiang January 27, 2003 1 CSS CSC309 Tutorial --CSS & XHTML 2 Sampel XML Document

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

ADF Code Corner How-to bind custom declarative components to ADF. Abstract: twitter.com/adfcodecorner

ADF Code Corner How-to bind custom declarative components to ADF. Abstract: twitter.com/adfcodecorner ADF Code Corner 005. How-to bind custom declarative components to ADF Abstract: Declarative components are reusable UI components that are declarative composites of existing ADF Faces Rich Client components.

More information

Working with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page... 10

Working with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page... 10 Land Information Access Association Community Center Software Community Center Editor Manual May 10, 2007 - DRAFT This document describes a series of procedures that you will typically use as an Editor

More information

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To

More information

cwhois Manual Copyright Vibralogix. All rights reserved.

cwhois Manual Copyright Vibralogix. All rights reserved. cwhoistm V2.12 cwhois Manual Copyright 2003-2015 Vibralogix. All rights reserved. This document is provided by Vibralogix for informational purposes only to licensed users of the cwhois product and is

More information

Client Side JavaScript and AJAX

Client Side JavaScript and AJAX Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is

More information

xpression 3 xdesign User Guide

xpression 3 xdesign User Guide xpression 3 xdesign User Guide 2001-2008 by EMC. All rights reserved. The copyright protection claimed includes all formats of copyrightable material and information governed by current or future statutory

More information

IBM emessage Version 9 Release 1 February 13, User's Guide

IBM emessage Version 9 Release 1 February 13, User's Guide IBM emessage Version 9 Release 1 February 13, 2015 User's Guide Note Before using this information and the product it supports, read the information in Notices on page 471. This edition applies to version

More information

HYPERTEXT MARKUP LANGUAGE ( HTML )

HYPERTEXT MARKUP LANGUAGE ( HTML ) 1 HTML BASICS MARK-UP LANGUAGES Traditionally used to provide typesetting information to printers where text should be indented, margin sizes, bold text, special font sizes and styles, etc. Word processors

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters PageMasters have the permissions necessary to perform the following tasks with Site Tools: ACADEMIC HEALTH CENTER 2 Application Requirements...3 Access FileNET...3 Log in to FileNET...3 Navigate the Site...3

More information

Designing and Developing a Website. December Sample Exam Marking Scheme

Designing and Developing a Website. December Sample Exam Marking Scheme Designing and Developing a Website December 2015 Sample Exam Marking Scheme This marking scheme has been prepared as a guide only to markers. This is not a set of model answers, or the exclusive answers

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

New Media Production HTML5

New Media Production HTML5 New Media Production HTML5 Modernizr, an HTML5 Detection Library Modernizr is an open source, MIT-licensed JavaScript library that detects support

More information

Static Webpage Development

Static Webpage Development Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction

More information

A Quick Guide To SSI. By Andrew J. Williams. ez SEO Newsletter Up-to-date information on Affiliate Marketing and Search Engine Optimization

A Quick Guide To SSI. By Andrew J. Williams. ez SEO Newsletter Up-to-date information on Affiliate Marketing and Search Engine Optimization A Quick Guide To SSI By Andrew J. Williams ez SEO Newsletter Up-to-date information on Affiliate Marketing and Search Engine Optimization Contents OVERVIEW...1 SSI THE SECRET WEAPON OF THE PROFESSIONALS...1

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

Let's take a look at what CSS looks like in Dreamweaver using the "Embedded" coding which is the styles are within the html code and not separate.

Let's take a look at what CSS looks like in Dreamweaver using the Embedded coding which is the styles are within the html code and not separate. Creating web pages using CSS and Dreamweaver CS3 Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of a document written in a markup language. Its most common application

More information

DOT NET Syllabus (6 Months)

DOT NET Syllabus (6 Months) DOT NET Syllabus (6 Months) THE COMMON LANGUAGE RUNTIME (C.L.R.) CLR Architecture and Services The.Net Intermediate Language (IL) Just- In- Time Compilation and CLS Disassembling.Net Application to IL

More information

Question No: 2 ( Marks: 1 ) - Please choose one Which of these is the correct HTML code for creating a reset button?

Question No: 2 ( Marks: 1 ) - Please choose one Which of these is the correct HTML code for creating a reset button? Question No: 1 ( Marks: 1 ) - Please choose one In datalink layer, data packets are placed inside > Data frames page 6 > Data boxes > Data streams > None of these Question No: 2 ( Marks: 1 ) - Please choose

More information

HTML is a mark-up language, in that it specifies the roles the different parts of the document are to play.

HTML is a mark-up language, in that it specifies the roles the different parts of the document are to play. Introduction to HTML (5) HTML is a mark-up language, in that it specifies the roles the different parts of the document are to play. For example you may specify which section of a document is a top level

More information

Alpha College of Engineering and Technology. Question Bank

Alpha College of Engineering and Technology. Question Bank Alpha College of Engineering and Technology Department of Information Technology and Computer Engineering Chapter 1 WEB Technology (2160708) Question Bank 1. Give the full name of the following acronyms.

More information

XHTML & CSS CASCADING STYLE SHEETS

XHTML & CSS CASCADING STYLE SHEETS CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version

More information