DOCSLIB.ORG

Introduction to Website Design and Development: HTML5, CSS3, and Javascript Second Edition

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Introduction to Website Design and Development: HTML5, CSS3, and Javascript Second Edition Introduction to Website Design and Development: HTML5, CSS3, and JavaScript Second Edition Don Colton Brigham Young University{Hawai`i August 11, 2014 Quick Overview What does it really take to make a website? We are here to take you \behind the scenes" into the inner workings of websites. Our version of HTML is called HTML5, HTML version Five. Our version of CSS is called CSS3, CSS version Three. We assume you are new to website design. The book is pretty basic, but it also covers a lot of ground and introduces other resources. You can get the PDF for free at http://iwdd.tk/ or http://iwdd.doncolton.com/. Running Start: We build a simple webpage. We introduce HTML. Then we add CSS. Then we add JavaScript. We cover code validators. We keep everything simple. HTML and Content: Here we go deeper with HTML. What are these tags. How do they work? Good news: it is a pretty simple language. CSS for Presentation Style: Here we go deeper with CSS, the styling power that turns a typewriter (HTML) into a word processor. JavaScript for Action: Here we go deeper into JavaScript. We assume you will not be writing any JavaScript yourself, at least not anything fancy, but you need the skills to correctly glue in that fancy stuff that you find out on the Web. Appendix: We have lots of \add on" topics that are not strictly main-line, but still would interest many people. Things about domain registrars, image editing, web browsers, text editors, passwords, and much more. For those that want deep, enjoy! Ready to learn? Skip ahead to Chapter1 (page 11). Otherwise, stick around to see the table of contents. It is coming right up. 1 2 Learning Objectives This textbook provides support for the following learning objectives. By the conclusion of this course, students should be able to do these things. • Learning objective. (How we achieve it.) • Properly use HTML markup. (We cover h1, p, links, div, span, head, body, tables, lists, and forms.) • Properly use CSS to style a webpage. (We cover box model, font families, inline style, positioning, internal and external style sheets based on tag, ID, class, and pseudo-class.) • Properly segregate HTML and CSS. • Create valid HTML and CSS. (We validate our HTML and CSS against W3C standards.) • Edit images. (We use Gimp to crop, resize, use transparency, and create icons.) • Understand JavaScript. (We use it to alter the appearance of a web- page.) • Understand Webhosting and DNS. (We establish a domain name and subdomains and populate them with content.) • Understand Apache. (We use public html and index.html to create websites.) • Understand CMS. (We install and customize WordPress, a popular Content Management Systems.) Acknowledgements I am pleased to acknowledge and express my thanks for several important contributions. W3C, the World Wide Web Consortium (http://www.w3.org/), in its role as an international community for developing open standards to ensure the 3 long-term growth of the Web, provides clearly documented standards that are the basis of the modern Web. You, the students who will read this book and apply its teachings, provide a motivation and a context in which my efforts have meaning. Contents I Running Start 10 1 HTML: Your First Webpage 11 2 CSS: Adding Style 16 3 JS: Adding Action 24 4 Mechanics of the Web 27 5 Intellectual Property (Copyright) 32 II HTML and Content 37 6 Top Ten HTML Markups 38 7 Content in General 45 8 Presentational Markup 50 9 Structural Markup 51 10 Markup in General 55 4 CONTENTS 5 III HTML Continued 60 11 Markup Attributes 61 12 Lists, Ordered and Unordered 70 13 Tables: tr, td, th 72 14 Forms: Input 76 IV CSS for Presentation Style 87 15 Top Ten CSS Stylings 88 16 Untangling HTML and Style 96 17 Selectors 99 18 The Box Model 101 V CSS Continued 107 19 Color and Background 108 20 Fonts and Text 116 21 Images 130 22 Float and Clear 131 23 Responsive Web Design 132 24 Positioning 137 CONTENTS 6 VI JavaScript for Action 138 25 Top Ten Concepts 140 26 On... Triggers 142 27 Untangling HTML and Scripting 144 28 The DOM 147 29 CR Intercept 148 30 More, Less 149 31 Sorting 150 VII Grab Bag 151 32 Valid HTML 153 33 Web Hosting 154 34 Control Panel 156 35 Domain Names 161 36 Dot TK: Domains for Free 165 37 Troubleshooting Your New Domain 172 38 Publish: Going Online 174 39 Getting Feedback 176 40 Content, Presentation, Action 180 CONTENTS 7 41 Notable Resources 186 42 A General Overview 188 43 Content Management Systems 191 44 WordPress 193 45 Codecs: Coding and Decoding 199 46 Basic Image Processing 205 47 The Gimp 212 48 Image Transparency 214 49 Favicon 221 50 Tiled Backgrounds 223 51 Irregular Image Shapes 233 52 Popular Markup 237 53 Headings and Paragraphs 238 54 Global HTML Attributes 240 55 Images 241 56 Connecting With External Resources 242 57 Relative, DocRoot, and Absolute URLs 245 58 Divs and Spans 251 CONTENTS 8 59 Styling Quick Start 254 60 Advanced Eye Candy 256 61 Positioning 259 62 ID 261 63 Class 263 64 Pseudo-Classes 264 65 Cascading 265 66 Transitions and Animations 266 67 A Little JavaScript Fun 270 68 JavaScript to Change Class 274 69 JavaScript to Hide and Reveal 276 70 JavaScript for External Content 278 71 Other JavaScript Ideas 282 72 Syntax of HTML and CSS 283 73 Elements of HTML 284 74 CSS Attributes 288 75 Public Domain Content 290 76 The Original Preface 293 CONTENTS 9 77 Browser Recommendations 297 78 Search Engine Optimization 299 79 Special Glyphs 305 80 The Apache Webserver 307 81 Publishing and Backing Up 316 82 Password Recommendations 319 83 Patterns (Regular Expressions) 325 84 WordPress: Advanced Concepts 326 VIII Appendix 328 A Web Hosting 329 B Working Offline 332 C Text Editor Recommendations 340 D Exam Questions 343 E Glossary 347 F Test Bank 350 Index 376 Unit I Running Start 10 Chapter 1 HTML: Your First Webpage Contents 1.1 Version One...................... 12 1.2 Seeing Your Webpage................ 14 1.3 Version Two..................... 15 1.4 Summary....................... 15 In this chapter we will introduce HTML by having you build a simple web- page. We will introduce CSS by having you add a small amount of styling to your HTML. We presume that you already have hosting, and that someone, maybe your instructor, will show you how to use it. AppendixA (page 329) explains how to put your webpage on a web server, assuming you have web hosting. AppendixB (page 332) explains how to make and see webpages in case you do not have web hosting. AppendixC (page 340) talks about text editors, in case you are editing right at your computer, and not by way of your web host. 11 CHAPTER 1. HTML: YOUR FIRST WEBPAGE 12 1.1 Version One Here is a webpage. Key it in. Keep the essential elements, but feel free to customize it. <h1>Don's Web Page</h1> This is some normal text. <b>This is some bold text.</b> This is some normal text. <i>This is some italic text.</i> This is some normal text. <img src=don.jpg width=500> <h1> is the h1 tag. It identifies a heading at level 1, which is the most significant level. Heading levels range from h1 to h6. </h1> marks the end of the heading. Notice that there is some content, \Don's Web Page", that is surrounded by the tags, <h1> and </h1>. The tags are called markup. The content is called, well, content. Exam Question 1 (p.350): In HTML what tag is used to specify a top level header? Required Answer: h1 Exam Question 2 (p.350): In HTML what two words does the \h1" tag stand for? Acceptable Answer: heading one Next we have more content. Normal text. Bold text. Italic text. <b> is the bold tag. It specifies that the content should be presented in bold font. </b> marks the end of the bold content. Exam Question 3 (p.350): In HTML what tag is used to present bold content? CHAPTER 1. HTML: YOUR FIRST WEBPAGE 13 Acceptable Answer: b Exam Question 4 (p.350): In HTML what word does the \b" tag stand for? Acceptable Answer: bold <i> is the italic tag. It specifies that the content should be presented in italic (slanted) font. </i> marks the end of the italic content. Exam Question 5 (p.351): In HTML what tag is used to present oblique (italic) content? Acceptable Answer: i Exam Question 6 (p.351): In HTML what word does the \i" tag stand for? Acceptable Answer: italics <img...> is the image tag. It designates an image to be included in the webpage. There is no content. There is no </img> tag. The image tag is called a void tag because it does not \mark up" any content. I know, it seems like the picture itself is the content. But we count as content the things that appear between the start tag and the end tag. Exam Question 7 (p.351): In HTML what word does the \img" tag stand for? Acceptable Answer: image Exam Question 8 (p.351): In HTML what tag is used to insert a picture? Required Answer: img Exam Question 9 (p.351): For each \img" tag in valid HTML5, is a separate closing tag required, optional, or forbidden? Required Answer: forbidden CHAPTER 1. HTML: YOUR FIRST WEBPAGE 14 <img...> has two parameters: src= and width=.
Load more

Recommended publications
  • A Personal Research Agent for Semantic Knowledge Management of Scientific Literature
    A Personal Research Agent for Semantic Knowledge Management of Scientific Literature Bahar Sateli A Thesis in the Department of Computer Science and Software Engineering Presented in Partial Fulfillment of the Requirements For the Degree of Doctor of Philosophy (Computer Science) at Concordia University Montréal, Québec, Canada February 2018 c Bahar Sateli, 2018 Concordia University School of Graduate Studies This is to certify that the thesis prepared By: Bahar Sateli Entitled: A Personal Research Agent for Semantic Knowledge Management of Scientific Literature and submitted in partial fulfillment of the requirements for the degree of Doctor of Philosophy (Computer Science) complies with the regulations of this University and meets the accepted standards with respect to originality and quality. Signed by the final examining commitee: Chair Dr. Georgios Vatistas External Examiner Dr. Guy Lapalme Examiner Dr. Ferhat Khendek Examiner Dr. Volker Haarslev Examiner Dr. Juergen Rilling Supervisor Dr. René Witte Approved by Dr. Volker Haarslev, Graduate Program Director 9 April 2018 Dr. Amir Asif, Dean Faculty of Engineering and Computer Science Abstract A Personal Research Agent for Semantic Knowledge Management of Scientific Literature Bahar Sateli, Ph.D. Concordia University, 2018 The unprecedented rate of scientific publications is a major threat to the productivity of knowledge workers, who rely on scrutinizing the latest scientific discoveries for their daily tasks. Online digital libraries, academic publishing databases and open access repositories grant access to a plethora of information that can overwhelm a researcher, who is looking to obtain fine-grained knowledge relevant for her task at hand. This overload of information has encouraged researchers from various disciplines to look for new approaches in extracting, organizing, and managing knowledge from the immense amount of available literature in ever-growing repositories.
    [Show full text]
  • Semantic Web Technologies and Legal Scholarly Publishing Law, Governance and Technology Series
    Semantic Web Technologies and Legal Scholarly Publishing Law, Governance and Technology Series VOLUME 15 Series Editors: POMPEU CASANOVAS, Institute of Law and Technology, UAB, Spain GIOVANNI SARTOR, University of Bologna (Faculty of Law – CIRSFID) and European, University Institute of Florence, Italy Scientific Advisory Board: GIANMARIA AJANI, University of Turin, Italy; KEVIN ASHLEY, University of Pittsburgh, USA; KATIE ATKINSON, University of Liverpool, UK; TREVOR J.M. BENCH-CAPON, University of Liv- erpool, UK; V. RICHARDS BENJAMINS, Telefonica, Spain; GUIDO BOELLA, Universita’degli Studi di Torino, Italy; JOOST BREUKER, Universiteit van Amsterdam, The Netherlands; DANIÈLE BOUR- CIER, University of Paris 2-CERSA, France; TOM BRUCE, Cornell University, USA; NURIA CASEL- LAS, Institute of Law and Technology, UAB, Spain; CRISTIANO CASTELFRANCHI, ISTC-CNR, Italy; JACK G. CONRAD, Thomson Reuters, USA; ROSARIA CONTE, ISTC-CNR, Italy; FRAN- CESCO CONTINI, IRSIG-CNR, Italy; JESÚS CONTRERAS, iSOCO, Spain; JOHN DAVIES, British Telecommunications plc, UK; JOHN DOMINGUE, The Open University, UK; JAIME DELGADO, Uni- versitat Politécnica de Catalunya, Spain; MARCO FABRI, IRSIG-CNR, Italy; DIETER FENSEL, Uni- versity of Innsbruck, Austria; ENRICO FRANCESCONI, ITTIG-CNR, Italy; FERNANDO GALINDO, Universidad de Zaragoza, Spain; ALDO GANGEMI, ISTC-CNR, Italy; MICHAEL GENESERETH, Stanford University, USA; ASUNCIÓN GÓMEZ-PÉREZ, Universidad Politécnica de Madrid, Spain; THOMAS F. GORDON, Fraunhofer FOKUS, Germany; GUIDO GOVERNATORI, NICTA, Australia; GRAHAM
    [Show full text]
  • Proceedings of Balisage: the Markup Conference 2012
    Published in: Proceedings of Balisage: The Markup Conference 2012. at: http://www.balisage.net/Proceedings/vol6/print/Witt01/BalisageVol6- Witt01.html (downloaded on: 15.02.2017/14:19). Balisage: The Markup Conference 2012 Proceedings A standards-related web-based The Markup Conference M information system Maik Stührenberg Institut für Deutsche Sprache (IDS) Mannheim Universität Bielefeld <maik.Stuehrenberg0uni-bielefeld.de> Oliver Schonefeld Institut für Deutsche Sprache (IDS) Mannheim <[email protected]> Andreas Witt Institut für Deutsche Sprache (IDS) Mannheim <witt0 ids-mannheim.de> Bcilisage: The Markup Conference 2012 August 7 - 10, 2012 Copyright © 2012 by the authors. Used with permission. Howto cite this paper Stührenberg, Maik, Oliver Schonefeld and Andreas Witt. “A standards-related web-based information system.” Presented at Balisage: The Markup Conference 2012, Montreal, Canada, August 7-10, 2012. In Proceedings ofBalisage: The Markup Conference 2012. Balisage Series on Markup Technologies, vol. 8 (2012). DOI: io.4242/Baiisagevoi8.stuhrenbergoi. Abstract This late breaking proposal introduces the prototype of a web-based information system dealing with standards in the field of annotation. Table of Contents Introduction The problem with standards Providing guidance Information structure Representation Current state and future work Introduction This late breaking proposal is based on an ongoing effort started in the CLARIN project and which was presented briefly at the LREC 2012 Workshop on Collaborative Resource Development and Delivery. Initial point was the development of an easy to use information system for the description of standards developed in ISO/IEC TC37/SC4 Language Resources Management. Since these standards are heavily related to each other it is usually not feasible to adopt only a single standard for one's work but to dive into the standards jungle in full.
    [Show full text]
  • Towards the Unification of Formats for Overlapping Markup
    Towards the unification of formats for overlapping markup Paolo Marinelli∗ Fabio Vitali∗ Stefano Zacchiroli∗ [email protected] [email protected] [email protected] Abstract Overlapping markup refers to the issue of how to represent data structures more expressive than trees|for example direct acyclic graphs|using markup (meta-)languages which have been designed with trees in mind|for example XML. In this paper we observe that the state of the art in overlapping markup is far from being the widespread and consistent stack of standards and technologies readily available for XML and develop a roadmap for closing the gap. In particular we present in the paper the design and implementation of what we believe to be the first needed step, namely: a syntactic conversion framework among the plethora of overlapping markup serialization formats. The algorithms needed to perform the various conversions are presented in pseudo-code, they are meant to be used as blueprints for re- searchers and practitioners which need to write batch translation programs from one format to the other. 1 Introduction This paper is about markup, one of the key technological ingredient of hypertext. The particular aspects of markup we are concerned with are the limits of its expressivity. XML-based markup requires that the identified features of a document are organized hierarchically as a single tree, whereby each fragment of the content of the document is contained in one and only one XML element, each of which is contained within one and only one parent element all the way up to the single root element at the top.
    [Show full text]
  • The MLCD Overlap Corpus (MOC)
    Digital Humanities 2010 The MLCD Overlap Corpus semantic openness of SGML and XML to supply non-hierarchical interpretation of what (MOC) are often thought to be inescapably hierarchical notations. Huitfeldt, Claus The SGML/XML-based approaches to overlap [email protected] fall, roughly, into three groups: milestones, Department of Philosophy, University of fragmentation-and-reconstitution, and stand- Bergen off annotation. Milestones (described as early as Sperberg-McQueen, C. M. (Barnard et al. 1988), and used in (Sperberg- [email protected] McQueen and Burnard 1990) and later versions Black Mesa Technologies LLC, USA of the TEI Guidelines) use empty elements to Marcoux, Yves mark the boundaries of regions which cannot be marked simply as elements because they [email protected] overlap the boundaries of other elements. More Université de Montréal, Canada recently, approaches to milestone markup have been generalized in the Trojan Horse and CLIX markup idioms (DeRose 2004). For some time, theorists and practitioners Fragmentation is the technique of dividing of descriptive markup have been aware that a logical unit which overlaps other units the strict hierarchical organization of elements into several smaller units, which do not; the provided by SGML and XML represents a consuming application can then re-aggregate potentially problematic abstraction. The nesting the fragments. structures of SGML and XML capture an important property of real texts and represent Stand-off annotation addresses the overlap a successful combination of expressive power problem by removing the markup from the main and tractability. But not all textual phenomena data stream of the document, at the same time appear in properly nested form, and for more adding pointers back into the base data.
    [Show full text]
  • XML Prague 2019
    XML Prague 2019 Conference Proceedings University of Economics, Prague Prague, Czech Republic February 7–9, 2019 XML Prague 2019 – Conference Proceedings Copyright © 2019 Jiří Kosek ISBN 978-80-906259-6-9 (pdf) ISBN 978-80-906259-7-6 (ePub) Table of Contents General Information ..................................................................................................... vii Sponsors .......................................................................................................................... ix Preface .............................................................................................................................. xi Task Abstraction for XPath Derived Languages – Debbie Lockett and Adam Retter ........................................................................................ 1 A novel approach to XSLT-based Schematron validation – David Maus .............. 57 Authoring DSLs in Spreadsheets Using XML Technologies – Alan Painter ......... 67 How to configure an editor – Martin Middel ........................................................... 103 Discover the Power of SQF – Octavian Nadolu and Nico Kutscherauer .................. 117 Tagdiff: a diffing tool for highlighting differences in text-oriented XML – Cyril Briquet .................................................................................................................. 143 Merge and Graft: Two Twins That Need To Grow Apart – Robin La Fontaine and Nigel Whitaker ........................................................................
    [Show full text]
  • Journal of the Text Encoding Initiative, Issue 8
    Journal of the Text Encoding Initiative Issue 8 | December 2014 - December 2015 Selected Papers from the 2013 TEI Conference Arianna Ciula and Fabio Ciotti (dir.) Electronic version URL: http://journals.openedition.org/jtei/1025 DOI: 10.4000/jtei.1025 ISSN: 2162-5603 Publisher TEI Consortium Electronic reference Arianna Ciula and Fabio Ciotti (dir.), Journal of the Text Encoding Initiative, Issue 8 | December 2014 - December 2015, « Selected Papers from the 2013 TEI Conference » [Online], Online since 28 December 2014, connection on 23 September 2020. URL : http://journals.openedition.org/jtei/1025 ; DOI : https://doi.org/10.4000/jtei.1025 This text was automatically generated on 23 September 2020. TEI Consortium 2014 (Creative Commons Attribution-NoDerivs 3.0 Unported License) 1 TABLE OF CONTENTS Editorial Introduction to Issue 8 of the Journal of the Text Encoding Initiative Arianna Ciula and Fabio Ciotti TEI in Relation to Other Semantic and Modeling Formalisms TEI, Ontologies, Linked Open Data: Geolat and Beyond Fabio Ciotti, Maurizio Lana and Francesca Tomasi The Linked Fragment: TEI and the Encoding of Text Reuses of Lost Authors Monica Berti, Bridget Almas, David Dubin, Greta Franzini, Simona Stoyanova and Gregory R. Crane TEI in LMNL: Implications for Modeling Wendell Piez Ontologies, Data Modeling, and TEI Øyvind Eide TEI to Express Domain Specific Text and Data Models Texts and Documents: New Challenges for TEI Interchange and Lessons from the Shelley- Godwin Archive Trevor Muñoz and Raffaele Viglianti Manus OnLine and the Text
    [Show full text]
  • Standoff Properties As an Alternative to XML for Digital Historical Editions
    Standoff properties as an alternative to XML for digital historical editions Desmond Schmidt eResearch, ITEE, University of Queensland, Australia 5 [email protected] Abstract In the past few years digital humanists have recognised that the development of tools for the collaborative creation of shareable, reusable and archivable transcriptions of historical documents is being held back by the complexity and lack of interoperability of customisable XML encoding 5 standards. To fix this problem transcriptions must be split into their constituent parts: a plain text and individual sets of markup. The plain text is easily processable by text-analysis software or search engines, and may be divided into layers representing different states of each document. Each markup set may also represent a separate layer of information to enrich an underlying plain text, and may be freely combined with others. Unlike in XML, textual properties in markup sets can 10 freely overlap. Plain text versions and their corresponding markup can also be reliably and efficiently converted into HTML, the language of the Web. Unlike previous attempts at separating markup from text, the proposed data representation is designed to be fully editable, and development of a suitable Web-based editor is at an advanced stage. To solve the problems we now face will require a radical rethink of how we mark up texts, and the adoption of globally 15 interoperable standards to which these internal representations can be easily converted, such as HTML, plain text and RDFa. Standoff properties as an alternative to XML for digital historical editions Introduction Most digital humanists are familiar with markup, or the use of named tags to indicate properties that 5 text should possess in addition to its basic character data.
    [Show full text]
  • Risoluzione E Linearizzazione Di Overlap in Linguaggi Di Markup
    Alma Mater Studiorum - Università di Bologna Facoltà di Scienze Matematiche, Fisiche e Naturali Corso di Laurea Specialistica in Informatica Materia: Tecnologie Web Risoluzione e linearizzazione di overlap in linguaggi di markup Tesi di Laurea di Francesco Poggi Relatore Chiar.mo Prof. Fabio Vitali Correlatore Dott. Silvio Peroni Parole chiave: EARMARK, Overlapping markup, Conversione di documenti, OWL, XML Sessione I Anno Accademico 2010-2011 Risoluzione e linearizzazione di overlap in linguaggi di markup Indice INDICE ....................................................................................................................... 1 INTRODUZIONE ...................................................................................................... 3 OVERLAPPING MARKUP ................................................................................... 11 2.1 OHCO thesis e modello ad albero ............................................................... 13 2.2 Overlapping markup .................................................................................... 14 2.2.1 Caratteristiche complesse legate all'overlap ................................................... 17 2.3 Approcci attuali al problema dell'overlap ................................................... 18 2.3.1 Soluzioni a livello di linguaggio di markup .................................................... 19 2.3.1.1 TEI milestone ...................................................................................... 21 2.3.1.2 Flat Milestone ....................................................................................
    [Show full text]
  • Towards a Formal Ontology for the Text Encoding Initiative DOI
    Umanistica Digitale - ISSN:2532-8816 - n.3, 2018 F. Ciotti – owa"ds a Fo"mal Ontolog% fo" t'e e(t Encoding Initiati*e DOI: htt+:/,doi.o"g,10.6092,issn.2532-8816/8174 o!a"#s a Fo"mal $ntolog% &o" t'e e(t )nco#ing Initiati*e Fabio Ciotti Uni*ersit1 #i 2oma 3 or 4ergata5 [email protected] 60st"act. In 78esto a"ticolo viene +"esentata 8na +"o+osta +"elimina"e #i ontologia +e" la ra++"esentazione #ello schema ext )nco#ing Initiati*e : )I;. <e motivazioni e i bene&ici #i 8na *ersione semantica e machine-"ea#able #ella )I sono molte+lici: :1) l=inte"o+erabilit1 semantica tra co#i&iche #i testi com+o"te"ebbe la &acilitazione #ell=inte""ogazione cross-co"+ora e l=integrazione #i <in>e# $+en Data? :2; la &o"malizzazione #el )I abstract model a++o"te"ebbe migliorie signi&icati*e in te"mini #i consistenza e soundness. Data la com+lessit1 #ello schema )I, viene 78i +"eso in consi#erazione 8n consistente ma rist"etto sottoinsieme #i elementi e attri08ti. In secon#o l8ogo la meta-ontolog% )62@62A viene esaminata. In 8ltimo, *engono &orniti alcuni #ettagli im+lementativi. 'is article +"esents t'e rationale an# t'e +"o+osal o& a +"elimina"% a"c'itect8"e o& a &o"mal ontolog% o& t'e ext )nco#ing Initiati*e ma">8+ lang8age. 'e "easons to 'a*e a &o"mal an# machine-"ea#a0le semantics &o" )I a"e mani&ol#.
    [Show full text]
  • No. 3 on the Use of TEX As an Authoring Language for HTML5 SK
    278 TUGboat, Volume 32 (2011), No. 3 On the use of TEX as an authoring language The difference between the above two S-expressions for HTML5 is that the former introduces a deliberate asymmetry between attributes and elements, whereas the latter S.K. Venkatesan treats attributes on a par with elements. However, Abstract both S-expressions can be considered as an improve- ment on XML as they allow further nesting within The T X syntax has been fairly successful at mark- E attributes. The corresponding XML code would be: ing up a variety of scientific and technical literature, making it an ideal authoring syntax. The brevity <title lang="en">Title of a <italic>plain</italic> article</title> of the TEX syntax makes it difficult to create over- lapping structures, which in the case of HTML has In both TEX and XML syntax, further nesting of made life so difficult for XML purists. We discuss structures is not possible within attributes, which S-expressions, the TEX syntax and how it can help makes TEX ideal for authoring XML or HTML5. reduce the nightmare that HTML5 markup is going There are further similarities between the TEX to create. Apart from this we implement a new syn- and SGML/HTML syntaxes. Attribute minimization tax for marking up semantic information (microdata) used in HTML, like not quoting attribute values, is in TEX. very much practiced in TEX syntax, more as a rule rather than the exception; e.g., 1 Introduction \includegraphics[width=2cm]{myimage.gif} The brevity of T X syntax has made it fairly success- E Unlike SGML/HTML,TEX typically uses a comma ful at marking up a variety of scientific and techni- as the separator between attributes, instead of the cal literature.
    [Show full text]
  • Semantic Enrichment of Scientific Documents with Semantic Lenses – Developing Methodologies, Tools and Prototypes for Their Concrete Use
    ALMA MATER STUDIORUM – UNIVERSITÀ DEGLI STUDI DI BOLOGNA FACOLTÀ DI SCIENZE MATEMATICHE FISICHE E NATURALI Dipartimento di Informatica: Scienza e Ingegneria Corso di Laurea Specialistica in Informatica Semantic Enrichment of Scientific Documents with Semantic Lenses – Developing methodologies, tools and prototypes for their concrete use Relatore: Candidato: Chiar.mo Prof. Fabio Vitali Jacopo Zingoni Correlatore: Dott. Silvio Peroni ANNO ACCADEMICO 2011-2012 Sessione II 2 A Marta e Stefano, i miei amatissimi ed esemplari genitori, straordinari, dolcissimi e sempre pronti a tutto. A Giuliana ed a Tosca, indimenticabili nonne, sempre vicine al mio cuore, delle cui lezioni spero di poter fare sempre tesoro. Grazie per tutto l’appoggio, per ogni parola di incoraggiamento. E soprattutto grazie per tutto l’amore che mi avete sempre donato. 3 4 Indice Introduzione_______________________________________________ 9 1 Introduction and Aims of this Work – Applications for Semantic Lenses ________________________ 13 2 Scientific Context and Related Works ____________________ 16 2.1 General introduction to Semantic Web and Semantic Publishing __ 16 2.2 Semantic web, Semantic Publishing and the Enrichment of knowledge _____________________________ 19 2.3 Other Related Works _________________________________________ 25 3 Technologies and onthologies ____________________________ 29 3.1 RDF and Ontologies in General _______________________________ 29 3.1.1 RDF/XML Syntax Linearization __________________________________ 32 3.1.2 Terse RDF Triple Language
    [Show full text]