Graduate Thesis Seminar Week 1: Latex and HTML Jonas Braasch.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Math Introduction to HTML Gavin Shaddick
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
HTML popo.
Internet Applications Development Lecture 2 L. Obead Alhadreti.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Teppo Räisänen LIIKE/OAMK 2010
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
CHAPTER 14 INTRODUCTION TO HTML 1. Terms Web pages Documents that are written in a language called HTML HTML Stands for Hypertext Markup Language HTML.
Introduction to HTML CPS470 Software Engineering Fall 1998.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
Marking Up With Html: A Hypertext Markup Language Primer
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
Chapter 14 Introduction to HTML
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.
HYPERTEXT MARKUP LANGUAGE (HTML) Vijaya K Pandey.
Basics of HTML.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
Chapter 2: The Client Side: HTML CIS 275—Web Application Development for Business I.
July 2007 Web Design Developing a Class Website for the Tsunami Shelter Challenge Rozeanne Steckler
Chapter 2 HTML (Hypertext Markup Language) Part I.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
McGraw-Hill/Irwin © The McGraw-Hill Companies, All Rights Reserved TECHNOLOGY PLUG-IN T10 Creating Web pages Using HTML.
A simple example An HTML file is a text (ASCII) file in a special format: Charles Ling's home page My first.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
1 Introduction to HTML Joshua S. Simon Collective Technologies.
CSCI 1101 Intro to Computers
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
HTML and XML Behind Web Authoring Tools. 2 Objectives Introduce HTML Learn HTML Step by step Introduce XML.
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
HTML: Hyptertext Markup Language Doman’s Sections.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Basic Web Publishing M. Scott Gartner 7/15/98.
Creating a Home Page in HTML
Chapter 1: Introduction to XHTML (part 1)
Chapter 4 - Introduction to XHTML: Part 1
Miktex Miktex (etc 2.4) e.g., basic-miktex exe (~ 32 MB).
An Introduction to HTML Pages
Presentation transcript:

Graduate Thesis Seminar Week 1: Latex and HTML Jonas Braasch

You need 1.A latex distribution (e.g., Miktex) 2.A post script viewer (e.g., Ghostview) 3.A Latex editor (e.g., LatexEditor) Install everything in this order, follow default instructions

Miktex Miktex (etc 2.4) e.g., basic-miktex exe (~ 32 MB).basic-miktex exe

Latex Editor E.g., the MeWa Latex Editor E.g., version /latexeditor/LaTeXEditorSetup.exe

MeWa Updates MiKTex Path: –C:\Program Files\MiKTex 2.7\miktex\bin Ps2pdf –"C:\Program Files\gs\gs8.61\bin\gswin32c.exe" - dCompatibilityLevel=1.3 -dPDFSETTINGS=/prepress - dNOPAUSE -dBATCH -sDEVICE=pdfwrite - sOutputFile="$(FileTitle).pdf" "$(FileTitle).ps“ Pdf view –"C:\Program Files\Adobe\Acrobat 7.0\Reader\AcroRd32.exe" "$(FilePath)$(FileTitle).pdf"

Typical path settings C:\texmf\miktex\bin C:\gstools\gsview\gsview32.exe

Ghostview Install Ghostscript first: –e.g ver gs853w32.exe ongs853w32.exe – tmhttp:// tm Then install Ghostview: –E.g. 4.7 gsv47w32.exe on –

Mac OS tex/default9.htmlhttp:// tex/default9.html texshop.html MacGSView 2.0b3

Hello World Example

Basic Template

Postscript of Basic Template

IEEE Template

Changes to the layout Please note that you can make many changes to the general layout. We will not get into that because we could easily spend the next two hours on it.

In Windows, you can view the dvi file with the program yap, which is distributed with the MikTex package.

Using Bibtex

cv

Bibtex turns.bib in.bbl file

References with alpha style

References with plain style

… Have a good day

HTML Basic Definitions HTML –HyperText Markup Language. HTML Document –A document written in HyperText Markup Language. HTTP –The abbreviation for Hypertext Transfer Protocol, HTTP is used to link and transfer hypertext documents.

Tags HTML is a mark up language like LaTeX. Tags are being used to enter and leave a new environment:... In LaTex one would either use the \begin{tag} …. \end{tag} coding or its abbreviated version (e.g., {\bf blaba} for boldface font).

Examples for Tags = Begin of an HTML Document = Begin of non-visible header Banner for title bar Document Title =close head =start body, this text will be displayed =end body =end of the HTML document

Comments Comments are set in HTML like this Recall, in LaTex we had the ‘%’ sign instead.

Headings most import, largest Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 least important, smallest This equivalent to the \chapter and \section headings in LaTex

Paragraphs For the line break, you would use. Linebreak … a rare case with only one tag! While for the block quotation one would write:..quotation...

Lists Apples Bananas Apples Bananas Unordered List Apples Bananas Ordered List 1.Apples 2.Bananas

Font Styles Boldface –Everything between and is boldfaced. Italics –Everything between and is italicized. Underline –Everything between and is underlined. Typewriter Text –Everything between and is in typewriter text style

Anchor RPI Web server Sets a link to RPI. HREF stands for "Hypertext REFerence“, basically the link you can load.

Images Here is the flower:

Images Two types of images are mainly used: Jpeg: Joint Photographic Experts Group –Lossy compression –good for photos with many colors GIF (Graphics Interchange Format) –Lossless compression –Only 256 colors –Allows dynamic graphs->