Digital Media Technology Seminar 2 – 20 September 2016 Fleur Praal bdms.staff@gmail.com
Homework: CV online Server sends file to client browser, which displays it. 3 2 1 Query: client requests file Server retrieves file from specified location (URL)
Homework To make content available online: Compile code in HTML Store that file on the server with WinSCP see manual at: http://bookandbyte.org/getting-started-wk1.pdf
Discussion of Homework Check your file: request it from the server with URL images and hyperlinks are also references with URLs! So what is wrong if… you see your picture on your site, but not on the faces-page? it is on the faces-page, but not on your own page? your CV is not linked to the Faces-page?
Discussion of Homework The code-editor is not meant for the display of content, only for the encoding of it. white lines or white space in the editor are not reflected in the browser! do not add <b> unnecessary white spaces! </b> mind your quotes: “ ‘’ " indent tags for your own convenience, and turn ‘line wrap’ on
Discussion of Homework Hyperlinks: <a href= "http://www.bookandbyte.org">Click here</a> Images: <img src= "me.jpg"/> Note that your image will be skewed in size if you specify both height and width and these are different from the image's own height and width, as in: <img src="me.jpg" width="300" height="400"/> (http://bookandbyte.org/2014-2015/Boomsma/cv.html)
Discussion of Homework Tables <table width= "100%" border= "1" > <tr> <td>Experience</td> <td>next-to-none</td> </tr> <tr> <td>Expectations</td> <td>sky-high</td> </tr> </table> Experience next-to-none Expectations sky-high
Today: XML 1
X(HT)ML Syntax opening tag closing tag <a href="http//:www.bookandbyte.org">BDMS Homepage</a> attribute content element (note: case-sensitive!) attribute value (note: double quotes!)
X(HT)ML Syntax rules file has one ‘root’ element, parent of all other elements the root element can be preceded by a prolog each element must be opened and closed with tags HTML has some self-closing elements: <img/>, <br/> all elements must be nested <ul> <li>first bullet</li> <li>second bullet></li> </ul>
X(HT)ML Syntax HTML document structure: <html> <head> <title>Example</title> </head> <!--note: this is a comment; it will not be displayed --> <body> <h2>This is the webpage</h2> <p>content must be properly nested, as explained <a href="http://www.w3schools.com/xml/">here</a> </p> </body> </html>
Validity of XML eXtensible Mark-up Language: should always denote structure, not form! Document instance v. document type Document Type Definition (DTD) / Schema basic rules always apply, but you can flexibly adjust additional rules for your project
Validity of XML Well-formedness: means that the XML-document instance adheres to the basic syntax rules for XML Validity: means that the XML document adheres to all the specific, extra rules that are laid down in a DTD or in an XML Schema. valid documents are also well-formed documents. useful well-formed valid