r6.dvi

Size: px

Start display at page:

Download "r6.dvi"

しゅんすけだいほうじ
5 years ago
Views:

1 14 1 WYSIWYG/ WYSIWYG/ (LaTeX HTML+CSS ) 2 Web 3 ( GUI) 4 Web (1) 5 Web (2) ( ) ( ) 1 1: / ( 1) ( ) ( ) 1

2 1 ( 2) / (text editor) Emacs Windows Mac OS X Unix ( ) (script) 2: 1.2??? 1 ( ) ( 1 ) 1 1 (?) 1 1 2

3 2? ( ) ( ) ( ) 1.3 3: ( )? 1? ( ) 1 2 ( ) ( 3) 1 2 ( 4)? ( ) 3

4 4: ( 5) ( ) ( ) ( ) 5: 4

5 ( ) LaTeX 6-1 Word OpenOffice Write ( ) LaTeX 1 ( ) a. 1 b. 2 c. (justify) ON : (1) 2 (2) ( ) 1.4? 2 ( 6) WYSIWYG(What You See Is What You Get ) Word ( ) (formatter) ( ) 2 troff TeX 2 5

6 WYSIWYG This is... When finally... That is... (but when...) \roman This is... \bold When finally... \itaric That is... \small (but when...) 6: WYSIWYG (semantic encoding) 1 2 HTML LaTeX Word ( ) ( )? LaTeX 3 WYSIWYG WYSIWYG 4 6

7 LaTeX 1.5 LaTeX LaTeX 5 LaTeX.tex sample.tex platex ( ) % platex -kanji=euc sample.tex This is e-ptex, Version p (euc) (TeX Live 2013) restricted \write18 enabled. entering extended mode (./sample.tex platex2e <2006/11/10> (based on LaTeX2e <2011/06/27> patch level 0) Babel <3.9k> and hyphenation patterns for 78 languages loaded. (/usr/local/texlive/2013/texmf-dist/tex/platex/base/jarticle.cls Document Class: jarticle 2006/06/27 v1.6 Standard platex class (/usr/local/texlive/2013/texmf-dist/tex/platex/base/jsize12.clo)) (./sample.aux ) (/usr/local/texlive/2013/texmf-dist/tex/latex/base/omscmr.fd) [1] [2] [3] (./sample.aux) ) Output written on sample.dvi (3 pages, 7528 bytes). Transcript written on sample.log. %? x[ret].dvi ( sample.dvi) pxdvi sample.dvi[ret] 7 DVI PostScript(PS) dvips PS PS (gv ) % dvips -o sample.ps sample.dvi PS (.dvi ) This is dvips(k) Copyright 2013 Radical Eye Software ( TeX output :1658 -> sample.ps </usr/local/texlive/2013/texmf-dist/dvips/base/tex.pro> </usr/local/texlive/2013/texmf-dist/dvips/base/texps.pro>. ( ) [1] [2] [3] % gv sample.ps & PS 5 LaTeX GSSM texlive Windows 7

8 7: pxdvi % lpr -Pepsa sample.ps PS ps2pdf PDF % ps2pdf sample.ps sample.pdf PDF % qpdfview sample.pdf PDF? \documentclass[12pt,a4j]{jarticle} \documentclass[twocolumn,a4j]{jarticle} sample.tex documentclass 1 ( ) a. twocolumn b. ( 9pt 10pt 11pt 12pt ) c. ( a5j b5j a4j b4j ) xdvi dvips PS 8

9 % dvips -o sample.ps -ta6 sample.dvi A6 % gv sample.ps & : (1) 2 (2) (3) ( ) 2 LaTeX 2.1 LaTeX ( TeX ) ( ) LaTeX LaTeX ( ) \documentclass{jarticle} \begin{document} LaTeX (jarticle) (jbook) (jreport) jarticle 1 \end{document} LaTeX 8 ( ) \ [ ]{ } [...] {...} \ LaTeX ( ) 6 # $ % & ~ _ ^ \ { } 6 < > TeX 9

10 LaTeX (jarticle) (jbook) (jreport) jarticle 1 8: platex 2.2 \documentclass{jarticle} \begin{document} \title{ } \author{ } \maketitle \section{ } title author maketitle ( ) \section{ } section section subsection jbook/jreport section chapter jarticle section etc. \section{ } \end{document} ( ) section subsection subsubsection

11 ( ) \begin{ } \end{ } verbatim ( ) \begin{verbatim} This is a pen. That is a dog. \end{verbatim} This is a pen. That is a dog. verbatim \verb... verbatim verb ( ) itemize ( ) \item... 1 \begin{itemize} \item \item \item \end{itemize} itemize enumerate ( ) 1, 2, description ( ) 11

12 \begin{description} \item[ ] \item[ ] \item[ ] \end{description} [] 2.4 \footnote{...} / {\LARGE } LaTeX {...} bf( ) rm( ) it( ) tt( ) huge LARGE Large large normalsize small footnotesize scriptsize tiny 2.6 LaTeX tabular / / 1 l/c/r 1 (l/c/r ) (center ) \begin{center} \begin{tabular}{c ll} AND & 0 & 1 \\ \hline 0 & 0 & 0 \\ 1 & 0 & 1 \\ \end{tabular} \end{center} 7 12

13 & \\ 1 \hline AND multicolumn ( ) & \multicolumn{2}{ c}{0} \\ AND TeX ( ) $ $x^2 - a_0$ x 2 a 0 ^ _ \equiv \partial \subset \bigcap \cdots \sum \int $ $$ \begin{displaymath} end{displaymath} $$f(t) = \sum_{j=1}^m a_j e^{i\lambda_j} t$$ m f(t) = a j e iλ j t j=1 {} ( ) TeX 6-3 LaTeX 1 ( ) a. b. c. a 0 +a 1 + +a n N i f(x)dx i=1 0 1 x = a 0 + a a a 3 : (1) 2 (2) (3) ( ) 13

14 6-4 LaTeX 1 ( ) a. b. c. : (1) 2 (2) (3) ( ) 3 HTML+CSS 3.1 WWW (WYSIWYG) Web? Web? 1 MS 24? WYSIWYG Web WYSIWYG WYSIWYG WYSIWYG Web HTML HTML+CSS 3.2 HTML HTML(HyperText Markup Language) HTML (tag) (element) 2 < > </ > < > HTML (attribute) HTML HTML 14

15 <!DOCTYPE html> <html> <head> <title> s page</title> </head> <body> <h1> </h1> <p> </p> </body> </html> <!DOCTYPE html> HTML <html> </html> HTML <head> </head> ( ) <title> </title> <body> </body> ( ) <h1> </h1> 1 ( ) <h2> </h2> <h6> </h6> <p> </p> <pre> </pre> <em> </em> <a href="url"> </a> HTML < > & < > & (body ) 2 (p ) (a em ) 3.3 HTML Web? HTML HTML 4.0? HTML (grep ) 15

16 HTML <h1>introduciton</h1> <p>this exapmle......</p> <h1>the problem</h1> Introduction <p>we have... The problem h1 { color: blue; text-decoration: underline } p { text-indent: 5mm } 9:? ( 9) HTML CSS(Cascading Style Sheet) HTML CSS 3 (1) CSS style style <style type="text/css"> CSS </style> (2) CSS HTML link ( CSS mystyle.css ) 1 CSS HTML <link rel="stylesheet" href="mystyle.css" type="text/css"> (3) HTML style CSS <p style="color: blue"> </p> (1) CSS ( 10) <!DOCTYPE html> <html> <head> <title>sample</title> <style type="text/css"> body { background: rgb(220,200,255) } 16

17 10: p { background: rgb(200,255,240) } p { padding: 3mm 5mm } </style> </head> <body> <h2> </h2> <p>html ( ) </p> <p> HTML </p> </body> </html> 3.4 CSS CSS 1 { : ; : ; } HTML ( ) : 12pt ( ) xx-small x-small small medium large x-large xx-large ( / % ) : 1px( ) 1cm( ) 1em( m 1 ) : % : black blue gray green maroon navy, olive purple red silver white yellow rgb(,, ) / / URL: url( ) url(url) CSS color: 17

18 background: margin: ( ) padding: ( ) margin border: solid( ) dashed( ) double(2 ) ridge( ) groove( ) inset( ) outset( ) text-indent: text-align: left right center text-decoration: underline( ) blink( ) font-size: 6-5 HTML 1 ( ) a. 3 50% 8 b. h4 h6 ( ) c. em a 9 : (1) 2 (2) (3) ( ) 3.5 HTML HTML LaTeX <ul> <li>...</li> <li>...</li> </ul> <ul>...</ul> <ol>...</ol> LaTeX ul itemize ol enumerate li table 1 tr th td 3 HTML ( border="2" 2 ) 8 : 25% 9 Web a 18

19 <table border="2"> <tr><td>a</td><td>b</td><td>c</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> th td th td colspan=" " rowspan=" " LaTeX 2 <div> </div> <spam> </span>? 2 10 (1) <div id="p01">...</div> id # ID #p01 { color: red } (2) <span class="important">...</span> class..important { color: red } id class id class HTML table div CSS ( table div ) border-collapse: collapse table 1 ( th td border ) position: absolute( ) fixed( ) relative( ) top: left: bottom: right: width: height: div float: left( ) right( none HTML ( 11) 10 div span / 11 19

20 11: <!DOCTYPE html"> <html> <head> <title>sample</title> <style type="text/css">.important { color: red } table { border-collapse: collapse } th, td { padding: 1em } p { text-indent: 1em } #col1 { float: right; width: 50%; border: green double 4px } #col1 { padding: 1em; margin: 1ex; background: rgb(200,220,250) } </style> </head> <body> <div id="col1"> <p> </p> <table border="2"> <tr><th rowspan="2"> </th><th> </th><td>ul </td></tr> <tr><th> </th><td>ol </td></tr> </table> </div> <h2> </h2> <ol> <li> <span class="important"> </span> </li> 20

21 <li> </li> </ol> <h2> </h2> <p>div float </p> </body> </html> 6-6 HTML 1 ( ) a. 1 ( ) b. c. <div id="gssm">gssm</div> position: absolute top: 200px left: 200px : (1) 2 (2) (3) ( ) 4 / LaTeX HTML 2 ( Web ) 21

r6.dvi

r6.dvi 13 1 WYSIWYG/ 2013.5.21 1 WYSIWYG/ (LaTeX HTML+CSS ) 2 Web 3 ( GUI) 4 Web (1) 5 Web (2) 1 1.1 ( ) ( ) 1 1: / ( 1) ( ) ( ) 1 1 ( 2) / (text editor) Emacs Windows Mac OS X Unix ( ) (script) 2: 1.2??? 1 (