ヨーロッパ学ICT講義テキスト IIA/IIB

Size: px
Start display at page:

Download "ヨーロッパ学ICT講義テキスト IIA/IIB"

Transcription

1 1 ICT IIA/IIB ICT IIA vs PDF (iso-iso2tex) twoside_master.tex

2 2 ICT IIA/IIB PGF/TikZ pdfcrop Org Beamer LuaTEX X TEX E TEX IPAmj HTML CSS Emacs HTML Web ICT IIB HTML SEO b, i, em, strong, small, hr div span Responsive Web Design TEX Copyleft lang 41 nth-child Web Web FrakturMaguntia Web Junicode Web Web 53 Web

3 ICT IIA/IIB 3 JavaScript JavaScript Berlin, Paris, London DOM DOM Ajax jquery ICT IA/IB ICT IIA 1 TEX Upright, Italic, Small Caps 5 TEX X TEX LuaTEX TEX E Preamble 2 TEX UTF-8 LF \usepackage[t1]{fontenc} \usepackage[utf8]{inputenc} TEX Times, Palatino, Linux Libertine, Noto Preamble \usepackage{newtxtext} (Times) \usepackage{newpxtext} (Palatino) \usepackage[sb]{libertine} (Linux Libertine) \usepackage{noto} (Noto) Pan-Language Harmony Times/Palatino: Linux Libertine: Noto: Noto Noto X TEX LuaTEX Linux E Libertine sb (semibold) boldface Times/Palatino {newtxtext,newtxmath}/{newpxtext,newpxmath} Linux Libertine Noto 3

4 4 ICT IIA/IIB \textrm{serif} serif (default) \textsf{sans serif} sans serif \texttt{typewriter type} typewriter type upright \textmd{medium} medium (default) \textbf{boldface} Boldface \textup{upright} Upright (default) \textit{italic} Italic \textsc{small Caps} Small Caps normalsize 10pt \documentclass 11pt 12pt {\small...} \tiny, \scriptsize, \footnotesize, \small, \normalsize, \large, \Large, \LARGE, \huge, \Huge PC IPAex Windows Mac \textmc{} (default) \textgt{ } 1 font_uptex.tex 1. font_uptex.tex uplatex dvipdfmx Times Palatino, Linux Libertine, Noto 5. Windows IPAex, Mac Windows MS Mac IPAex vs. Goethe Faust Schiller Wilhelm Tell Faust Zikade Platypleura kaempferi Graptopsaltria nigrofuscata Hyalessa maculaticollis Cryptotympana facialis Tanna japonensis Meimuna opalifera \textbf 2 \textit Goethe 4

5 ICT IIA/IIB 5 Faust Platypleura kaempferi \textbf \textit \textit \textbf \textit TEX \authorname, \worktitle, \binomen Preamble \textbf \textit \textsc Preamble logical_visual.tex 1. logical_visual.tex uplatex dvipdfmx Preamble Preamble main=ngerman main main=french 2 TEX tabular array tabular tabularx 1 longtable 1 1 Preamble \usepackage{tabularx} \begin{center} \begin{tabularx}{ }{} \end{tabularx} \end{center} tabularx center tabularx center flushright flushleft 10cm 10cm \textwidth 0.8\textwidth 0.8 l cr X r l c X & \\ \hline \\ \hline 1 \multico- 5

6 6 ICT IIA/IIB lumn{}{}{ } r l c X \multicolumn{4}{ c }{\textbf } 4 texdoc tabularx texdoc longtable tabularx 1 longtable Preamble \usepackage{longtable} longtable \begin{center} \begin{longtable}[ ]{} \caption{ } \end{longtable} \end{center} tabularx flushleft/center/flushright longtable l/c/r l/c/r/p X p tabularx X p{0.5\textwidth} \caption[ ]{ } tabularx tabularx longtable 2 tabularx_sample.tex, longtable_sample.tex 1. tabularx_sample.tex uplatex dvipdfmx longtable_sample.tex uplatex dvipdfmx CSV tabular Web TEX MS Excel CSV tabular tabular tabularx 3 longtable TEX tabularx TEX TEX 1 6

7 ICT IIA/IIB 7 TEX float figure table TEX Cross-Reference TEX 8 tabularx table \begin{table} \caption{ \label{tab:midashi}} tabularx \end{table} JIS X 4051 \caption \listoftables \caption[ ]{ } \label \caption \caption longtable longtable tabularx \label \caption \label graphicx Preamble \usepackage[dvipdfmx]{graphicx} dvipdfmx pdflatex pdftex LuaTEX X TEX luatex xetex E figure \begin{figure} \includegraphics[width=0.8\textwidth]{pi.jpg} \caption{ } \label{fig:midashi} \end{figure} *.pdf, *.png, *.jpg, *.eps \includegraphics pi.jpg 0.8 \includegraphics \fbox{...} frame TEX 2 minipage wrapfig mawarikomi 3 fig_tab.tex, _pubicornis.jpg 1. fig_tab.tex uplatex dvipdfmx \listoffigures \listoftables 4. TEX fig_tab.tex Preamble \dummytext[1] 1 7

8 8 ICT IIA/IIB \makeatletter \makeatother longtable table table longtable Preamble TEX lipsum Lorem ipsum dolor sit amet blindtext graphicx xcolor texdoc lipsum texdoc blindtext texdoc graphicx texdoc xcolor Cross-Reference TEX TEX \label \caption{ } \label{fig:this_pic} \caption{\label{tab:that_tab}} \section{ \label{sec:this}} \subsection{ \label{subsec:that}} \footnote{ \label{fn:some}} fig: tab: sec: subsec: fn: \ref \pageref \ref{sec:this} \pageref{sec:this} \label{subsec:that} \pageref{subsec:that} \ref{fig:this_pic} \pageref{fig:this_pic} \ref{tab:that_tab} \pageref{tab:that_tab} TEX \tableofcontents TEX \section \subsection 8

9 ICT IIA/IIB 9 babel polyglossia Inhaltsverzeichnis Table des matières Contents Tabelle/Table/Table Abbildung/Figure/Figure \section*{} \section*{} \addcontentsline{toc}{section}{} \addcontentsline toc2 subsection subsection section, subsection, subsubsection TEX 50 2 Preamble \usepackage{makeidx} \makeindex \end{document} \addcontentsline{toc}{section}{ } \printindex Snow White\index{Snow White} \index{ } \index{} \index{ } 52 file.tex 1. uplatex file 2. upmendex file 3. uplatex file 4. dvipdfmx file upmendex xindy Ärger\index{Ärger} file.tex 1. pdflatex file 2. texindy -L german-din file.idx 3. pdflatex file xindy -L english french german-din ä ae german-dudenduden ä a xindy texindy file.idx xindy upmendex 9

10 10 ICT IIA/IIB texdoc xindy texdoc texindy texdoc upmendex HTML (Hyper- Text Markup Language) Web hyperref TEX TEX hyperref Preamble \usepackage[dvipdfmx]{hyperref} pdftex xetex LuaTEX pdftex,unicode=true hyperref Preamble hyperref \href \url \href{ } \url{ 2 Apapa TEX \href, \url \hypersetup PDF bookmarks TEX pxjahyper hyperref LuaTEX X TEX pxjahyper E PDF \usepackage[dvipdfmx]{hyperref} \usepackage{pxjahyper}% PDF \hypersetup{% bookmarksnumbered=true, colorlinks=false, setpagesize=false, pdftitle={ }, pdfauthor={ }, pdfsubject={}, pdfkeywords={ }} bookmarksnumbered colorlinks false setpagesize pdftitle pdfauthor pdfsubject pdfkeywords hyperref \printindex \clearpage \phantomsection \clearpage% \phantomsection% hyperref \addcontentsline{toc}{section}{ } \printindex 4 cr_ind.tex, cr_ind_hyp.tex, sneewittchen.jpg 1. cr_ind.tex cr_ind_hyp.tex hyperref 2. cr_ind.tex uplatex, upmendex, uplatex dvipdfmx 3. TEX PDF 4. cr_ind_hyp.tex 10

11 ICT IIA/IIB 11 PDF dvipdfmx PDF dvipdfmx -S -P 0x0804 -K 128 file S P K PDF Owner password User password Re-enter owner password dvipdfmx Encryption Support texdoc dvipdfmx pdflatex PDF pdflatex PDFtk TEX Adobe Acrobat pdftk orig.pdf output new.pdf owner_pw hoge user_pw hage allow Printing orig.pdf dvipdfmx new.pdf cr_ind_hyp.tex 1. cr_ind_hyp.tex uplatex, upmendex, uplatex dvipdfmx 2. dvipdfmx -S -P 0x0804 -K PDF 5 cr_ind[_hyp].tex TEX TEX TEX cr_ind[_hyp].tex \begin{thebibliography}{9} \addcontentsline{toc}{section}{ } \bibitem{ } \bibitem{anykey} Familyname, F.: \textit{booktitle}. Publisher. Address, Year. \end{thebibliography} thebibliography 9 9, 99, 999, TEX 1, 42, 365,... \addcontentsline anykey ~\cite{khm_ja} p die Königin\footnote{Grimm~\cite{khm_de} p.269.}. 11

12 12 ICT IIA/IIB \cite TEX \cite ~\cite \cite ~ ~ TEX upbibtex BIBTEX *.bib EURO ICT Emacs *.bib major mode BibTeX bibtex-mode Emacs C-h f Describe function: bibtex-mode upbibtex Brüder, Frères Br{\"u}der, Fr{\`e}res author = "", title = " ", publisher = "", address = "", year = "", author = "", yomi = "", title = " ", journal = " ", number = " ", year = "", month = "", pages = " ", } Familyname, address yomi, number, month, pages yomi yomi upbibtex TEX \nocite{*} \bibliographystyle{jplain} \phantomsection% hyperref \addcontentsline{toc}{section}{ } \bibliography{} \bibliography khm.bib khm \bibliographystyle jplain plain \phantomsection \addcontentsline \bibliography{khm1,khm2,khm3} \cite{ } 12

13 ICT IIA/IIB 13 \cite \nocite{*} \cite TEX file.tex 1. uplatex file 2. upbibtex file 3. upmendex file 4. uplatex file 5. dvipdfmx file 50 5 cr_ind_hyp_bib.tex, khm.bib 1. cr_ind_hyp_bib.tex khm.bib 2. cr_ind_hyp_bib.tex uplatex, upbibtex, upmendex, uplatexdvipdfmx 3. TEX PDF 4. (iso-iso2tex) upbibtex Br{\"u}der, Fr{\`e}res TEX Emacs (iso-iso2tex) M-x (iso-tex2iso) eu_bib.tex, khm_eu.bib 1. khm_eu.bib TEX khm_eu2.bib 2. eu_bib.tex pdflatex, bibtex, texindy -L germanduden *.idx, pdflatex cr_ind_hyp_bib.tex Brothers Grimm, Brüder Grimm, Frères Grimm \noop{grimm3}grimm, Br{\"u}der \noop{grimm1}grimm, Fr{\`e}res \noop{grimm2}grimm, Brothers grimm1/2/3 cr_ind_hyp_bib_sort.tex, khm2.bib 1. khm2.bib 2. cr_ind_hyp_bib_sort.tex uplatex, upbibtex, upmendex, uplatexdvipdfmx 3. 13

14 14 ICT IIA/IIB 6 EURO ICT Emacs *.tex major mode AUCTEX Aalborg University Center mode line LaTeX/MPS M: Math., P: PDF, S: [Correlate Input/Output] Search AUCTEX TEX Emacs TEX Syntax Highlighting AUCTEX EURO ICT Emacs C-h i m AUCTeX *.tex EURO ICT Emacs mode line LaTeX/MPS Ref EURO ICT Emacs TEX RefTEX RefTEX TEX Emacs minor mode AUCTEX RefTEX C-h i m RefTeX RefTEX TEX ICT IB 6 Org major mode Org TEX AUCTEX RefTEX EURO ICT Emacs TEX TEX C-c = (reftex-toc) frame window TABLE-OF-CONTENTS window buffer buffer n: [n]ext p: [p]revious TAB: TEX RET: buffer SPC: q: buffer [q]uit r: TEX [r]escan f: TEX [f]ollow toggle l: [l]abel toggle i: [i]ndex toggle C-c C-n: section C-c C-p: section <: >:?: buffer buffer region Org RefTEX buffer EURO ICT Emacs TEX buffer Outline minor mode cursor C-^ (outline-move-subtree-up) C-v (outline-move-subtree-down) 14

15 ICT IIA/IIB 15 RefTEX TEX cursor label C-c ( (reftex-label) label C-c ) (reftex-reference) C-c ( section Label: sec: table figure Label: tab: Label: fig: minibuffer : RefTEX C-c ) SELECT A REFERENCE FORMAT Emacs [^M] (\ref) [p] (\pageref) ^M C-m SELECT A LABEL TYPE: [ ] SPC buffer SPC [t]able, [f]igure, [n]footnote, [s]ection buffer n/p/<up>/<down> RET buffer q RefTEX C-c ) ~\ref \ref/\pageref ~ ~ buffer buffer n/p/<up>/<down> q \cite ~\ref ~ ~\cite cursor space region cursor C-c / (reftex-index-selection-or-word) \index \index C-c < (reftex-index) *.rip C-c \ (reftex-index-phrase-selection-or-word) TEX buffer C-c > (reftex-display-index) buffer buffer e [e]dit minibuffer minibuffer RET buffer EDITED [r]escan C-c [ (reftex-citation) C-c [ Regex { && Regex...}: [... ] minibuffer 6 cr_ind_hyp_bib.tex, khm.bib 1. TEX buffer 2. buffer 3. C-c (, C-c ), C-c [, C-c / 15

16 16 ICT IIA/IIB 7 EURO ICT Emacs & TEX TEX TEX twoside_master.tex jsbook_lglf.cls jsbook.cls twoside_master.tex TEX twoside_master.tex \documentclass[...,titlepage]{jsbook_lglf}% % % Preamble \title{...}% \author{...}% \date{\today}% \usepackage{makeidx}% \makeindex% \begin{document} \maketitle% \frontmatter% \tableofcontents% \listoftables% \listoffigures% \chapter{ }% \mainmatter% \chapter{...}% \section{...}% \bibliographystyle{jplain}% \bibliography{...}% \backmatter% \printindex% \end{document} twoside_master.tex \frontmatter chapter \let\clear[double]page\relax \frontmatter \chapter{ } \frontmatter \mainmatter \chapter \section \subsection \mainmatter \chapter*{...} \addcontentsline \mainmatter \footnote{} a pen\footnote{this is a footnote.}. \footnote space 16

17 ICT IIA/IIB 17 quote 1 quotation \small quote/quotation babel \selectlanguage Scope \selectlanguage \enquote{...} Deutsch «Français» English verse \\ TEX itemize enumerate \addcontentsline \backmatter 7 twoside_master.tex, khm.bib, jsbook_lglf.cls, sneewittchen.jpg, sw_leg.jpg 1. TEX uplatex, upbibtex, upmendex, uplatexdvipdfmx 2. PDF Acrobat Reader 3. Acrobat Reader M-v p p twoside_master.tex hyperref twoside_master_hyp.tex Acrobat Reader Ctrl + D Windows Command + D Mac PDF \input \include 1 *.tex Preamble \documentclass[a4paper]{article} % Preamble \begin{document} \input{file1} \input{file2} \input{file3}... \end{document} *.tex \input \section Emacs C-x C-t IA 3 12 input include \include Preamble \includeonly{file1,file3} file1.tex file3.tex snee3_div.tex, sw_en.tex, sw_de.tex, sw_fr.tex 1. snee3_div.tex sw_en/de/fr.tex 2. snee3_div.tex pdflatex 17

18 18 ICT IIA/IIB \input \include 8 Ideographic Variation 3 U+9592 U+845b U+8fbb U+53f1 U+6c38 U A PC B PC U+9dd7U+9d0e... Adobe-Japan Adobe-Japan1-6 Adobe- Japan1-6 Pr6N Pr6N Pr6N Adobe-Japan1-6 23,058 Mac Adobe-Japan1-6 Adobe-Japan1-6 Noto Noto Serif/Sans CJK JP OpenType PostScript Type 1 TrueType TEX Adobe-Japan1-6 otf OpenType Font Preamble \usepackage[...]{otf} expert OpenType deluxe 7 multi jis2004 jis2004 Adobe-Japan1 CID Character IDentifier \CID{13706} The Adobe-Japan1 CID The Adobe- Japan1-6 Character Collection CID PDF otf \CID{...} \UTF{4 16 } f e s Königsstraße vs. Konigsftraße e KŹnigŊĆraȷe K Ź n i g Ŋ Ć r a ȷ e ch ck st tz sz=ß Ě Ę Ć Ń ȷ f 18

19 ICT IIA/IIB 19 s TEX " TEX e Preamble \uml{a} a e A e Ae A e & obsolete e TEX LuaTEX X TEX ICT IIA E \documentclass twocolumn table figure table* figure* * 1 table longtable multicol 2 3 multicol Preamble \usepackage{multicol} 8 iv.tex 1. TEX uplatex, dvipdfmx 2. iv.tex iv.pdf 3. Preamble otf jis2004 iv2.tex 4. iv.pdf iv2.pdf 5. {\usefont{encoding}{family}{series}{shape}...} 9 multicols \begin{multicols}{2} \end{multicols} figure, table, longtable multicols 1 multicols 1 3 TEX Preamble TEX \baselineskip

20 20 ICT IIA/IIB \linespread{} One-and-a-half-spacing 1.67 Double-spacing 3 4 setspace \usepackage{setspace} Preamble Preamble \onehalfspacing \doublespacing \setstretch{3} 3 \baselineskip setspace spacing singlespacing, onehalfspacing, doublespacing \maketitle \tableofcontents singlespacing lineno Preamble \usepackage[ ]{lineno} \begin{linenumbers}... \end{linenumbers} modulo 5 \modulolinenumbers[] pagewise 1 right leftswitch texdoc multicol texdoc lineno 9 cr_ind_hyp_bib_2col.tex, cr_ind_ hyp_bib_multicol.tex, snee3_linespread.tex, snee3_set space.tex, snee3_lineno.tex 1. cr_ind_hyp_bib_2col.tex uplatex, upbibtex, upmendex, uplatexdvipdfmx cr_ind_hyp_bib_multicol.tex uplatex, upbibtex, upmendex, uplatexdvipdfmx snee3_linespread.tex pdflatex \linespread 8. \documentclass twocolumn 9. snee3_setspace.tex pdflatex snee3_lineno.tex pdflatex \modulolinenumbers 15. twocolumn 16. \linespread \columnsep 2 \columnseprule 10 soul Spacing out Underli- 20

21 ICT IIA/IIB 21 ning Overstriking xcolor Highlighting Preamble \usepackage{soulutf8} \usepackage[svgnames]{xcolor} \setulcolor{lime} \setstcolor{orangered} \sethlcolor{lavenderblush} xcolor svgnames SVG: Scalable Vector Graphics dvipsnames x11names blue, green, yellow, red, cyan, magenta \ul{...} \so{...} \st{...} \hl{...} \textcolor{}{...} framed Preamble \usepackage{framed} \colorlet{shadecolor}{} xcolor svgnames LightCyan oframed (open framed), shaded, leftbar Initail, Drop Cap Initiale Lettrine Preamble \usepackage{lettrine} \renewcommand{\lettrinetextfont}{\upshape} 2 Small Caps lettrine lettrine \lettrine[ ]{V}{or} V or lettrine 2 lines loversize slope lhang findent nindent lraise TEX lettrine.tex cmin: Carolingian Minuscule {\usefont{t1}{cmin}{m}{n}...} 21

22 22 ICT IIA/IIB 1 T1 2 cmin 3 m: medium 4 n: normal cmin 12pt 18pt 42 B42 ntgoth Breitkopf Fraktur ntfrakv, ntswabv, yinitas C.P.E. ntfrakv ntswabv s f s s s " e e ntfrakv ntfrak ntswabv ntswab βουστροϕηδόν TEX 19 \usepackage{boustrophedon} Preamble boustrophedon rongorongo boustrophedon boustrophedon_color boustrophedon texdoc soul texdoc soulutf8 texdoc xcolor texdoc framed texdoc lettrine texdoc lettrine-doc 10 snee3_soul.tex, lettrine.tex, bou.tex 1. snee3_soul.tex pdflatex lettrine.tex pdflatex lettrine.tex ntfrakv, ntswabv ntfrak, ntswab 6. bou.tex uplatex, dvipdfmx TEX verse \\ verse verse Preamble \usepackage{verse} \attrib Preamble \newcommand{\attrib}[1]{% \nopagebreak{\raggedleft\footnotesize #1\par}} 22

23 ICT IIA/IIB 23 \poemtitle{der Zauberlehrling} 2 altverse \settowidth{\versewidth}{hat der alte Hexenmeister} \begin{verse}[\versewidth] Nänie \poemlines{5} \flagverse Hat der alte Hexenmeister \\ Sich doch einmal wegbegen! \\... Tu ich Wunder auch. \\! \indentpattern{111111} altverse patverse \begin{patverse} \vin Walle! walle \\ Manche Strecke, \\... Zu dem Bade sich ergieße. \\! \end{patverse}... reledmac reledpar \end{verse} \attrib{johann Wolfgang Goethe, 1797} reledmac \poemtitle \settowidth 2 1 TEX verse patverse 2 1 \indentpattern 2 6 \vin verse indent 1 patverse 1 \vin \poemlines \\ \\! 1... Die Myrte still und hoch der Lorbeer steht, \\ Kennst du es wohl? \\>[6em] Dahin! Dahin \\... \\> [ ] 6em M 6 20mm TEX EDition MACro LATEX Extended Renewed reledpar PARallel typesetting reledmac/reledpar apparatus criticus reledmac/reledpar Preamble \usepackage{reledmac} \usepackage{reledpar} 0.45 Preamble \setlength{\lcolwidth}{0.46\textwidth} \setlength{\rcolwidth}{0.46\textwidth} \begin{pairs} \begin{leftside} \begin{otherlanguage}{french} \beginnumbering \pstart 23

24 24 ICT IIA/IIB... \pend \endnumbering \end{otherlanguage} \end{leftside} \begin{rightside} \begin{otherlanguage}{ngerman} \beginnumbering \pstart... \pend \endnumbering \end{otherlanguage} \end{rightside} \end{pairs} \Columns pairs Leftside Rightside babel otherlanguage \pstart \pend p paragraph \beginnumbering \endnumbering 5 R right \linenumberstyler{roman} \setrlineflag{} \eledsection * pairs \Columns 2 texdoc verse texdoc reledmac texdoc reledpar 11 verse.tex, para.tex 1. verse.tex pdflatex 2. Mignon 3. verse.tex twocolumn para.tex pdflatex PGF/TikZ PGF Portable Graphics Format TikZ TikZ ist kein Zeichenprogramm TEX PGF TikZ PGF Beamer TikZ \usepackage{tikz} \usetikzlibrary{decorations.text} Preamble \usetikzlibrary \begin{tikzpicture} \draw... ; \path... ;... \end{tikzpicture} tikzpicture ; TikZ 1200 TikZ TEX 24

25 ICT IIA/IIB Beamer PDF texdoc tikz texdoc visualtikz sinus1.tex, sinus2.tex, rect_spiral.tex, escher-brick-penrose-triangle.tex, tower-of-hanoi.tex 1. sinus1.tex, sinus2.tex pdflatex 2. rect_spiral.tex lualatex 3. escher-brick-penrose-triangle.tex, tower-ofhanoi.tex pdflatex pdfcrop TikZ TEX file.pdf pdfcrop file.pdf filecrop.pdf sinus1.pdf, sinus2.pdf, rect_ spiral.pdf, cr_ind_hyp_bib_tikz.tex 1. sinus1.pdf, sinus2.pdf, rect_spiral.pdf pdfcrop 2. cr_ind_hyp_bib_tikz.tex uplatex, upbibtex, upmendex, uplatexdvipdfmx 3. $ marvosym ƒ TEX The Comprehensive LATEX Symbol List texdoc comprehensive 12 Beamer Beamer projector TEX PDF Beamer TEX Org beamer0.txt EURO ICT Emacs org major mode Emacs beamer0.txt org PDF ICT IB 6 * 1 ** * 1 ** ICT IB 11 org TEX HTML EURO ICT Emacs beamer 25

26 26 ICT IIA/IIB PDF (org-beamer-mode) C-c C-e l P (org-beamer-export-to-pdf) toggle ( ) Emacs M-x PDF Adobe Acrobat Reader C-l Beamer beamer0.txt PDF PDF TEX PDF TEX 1 frame beamer TEX \section{...} \subsection{...} \begin{frame}\frametitle{...}... \end{frame} frame 1 1 itemize enumerate \begin{itemize} \item<1>... \item<2> \end{itemize} < > <1-> 1 <2,4> 2 4 block/exampleblock \setbeamercovered{transparent} \transdissolve[duration=2] PDF Beamer Bergen, Berlin, Copenhagen, Hannover,... \usetheme{warsaw} PDF pdfpages 1 allslides.tex A \includepdf PDF pages={1-3,4,7,12} 1-3 pages=- texdoc beamer texdoc pdfpages 12 beamer0.txt, beamer1.tex, beamer2.tex, allslides.tex 1. beamer0.txt EURO ICT Emacs M-x org- 26

27 ICT IIA/IIB 27 beamer-mode 2. C-c C-e l O 3. beamer0.txt beamer0.pdf 4. beamer1.tex uplatexdvipdfmx 5. beamer2.tex uplatexdvipdfmx 6. allslides.tex pdflatex 13 LuaTEX X TEX E TEX LuaTEX X TEX TEX TFM: TEX Font Metric Windows Mac, Linux OS OpenType TEX BIBTEX MakeIndex TEX LuaTEX X TEX LuaTEX X TEX E E E 1 TEX 5 13 LuaTEX lua_cr_ind_hyp_bib.tex uptex jsarticle ltjsarticle dvipdfmx fontenc, inputenc fontspec Noto otf luatexja-otf pxbabel babel japanese okumacro bxokumacro plext lltjext \ltjdefcharrange LuaTEX-ja \ltjsetparameter pxjahyper PDF zw Zenkaku Width zh Zenkaku Height \zw \zh \selectlanguage figure table babel uptex pxbabel japanese \selectlanguage pxbabel LuaTEX \selectlanguage Table, Abblidung \selectlanguage \selectlanguage japanese LuaTEX X TEX babel \begin{otherlanguage}{ngerman}% french... E 27

28 28 ICT IIA/IIB \end{otherlanguage} otherlanguage \foreignlanguage{french}{} X TEX 1 E xet_iv_uml.tex Preamble \documentclass[xelatex]{bxjsarticle} \usepackage{zxjatype} \setcjkmainfont{noto Serif CJK JP} \setcjksansfont{noto Sans CJK JP} \usepackage[ngerman]{babel} \usepackage{fontspec,xspace} \usepackage{noto}... xelatex bxjsarticle zxjatype Noto Serif CJK JP Noto Sans CJK JP OS noto Noto fontspec babel uptex xet_iv_uml.tex otf Emacs IVS Ideographic Variation Sequence: LuaTEX X TEX E Emacs C-x 8 RET 845b C-x 8 RET e b e0100 e0101 IVS Noto CJK JP Adobe-Japan1-6 23,058 Adobe-Japan1-6 Moji_Joho IPAmj 58,862 IVD_Charts_Adobe-Japan1.pdf IVD_Charts_Moji_Joho.pdf LuaTEX X TEX OpenType TEX TFM xet_iv_uml.tex fontspec \newfontfamily X TEX \frakturls E E LetterSpace=20 ch, ck, tz, st f C-x 8 RET 017f e C-x 8 RET 364 Emacs texdoc luatexja-ja texdoc xetex texdoc bxjscls-manual texdoc zxjatype texdoc fontspec TEX EURO ICT TEX TeX Live TEX LG/LF TeX Live 28

29 ICT IIA/IIB 29 tlmgr update --self --all 3 6 TeX Live TeX Live 2017 is frozen forever and will no longer be updated. This happens in preparation for a new release. skipping forcibly removed package package-name tlmgr install --reinstall package-name tlmgr tlmgr --help 13 lua_cr_ind_hyp_bib.tex, xet_iv_uml.tex 1. lua_cr_ind_hyp_bib.tex lualatex, upbibtex, upmendex, lualatex 2. xet_iv_uml.tex xelatex 3. Ligature TEX IPAmj ipamjm IPAmj ipamjm TEX Live TEX IPAmj IPAmj ipamjm TEX ipamjm IVD_Charts_Moji_Joho.pdf \MJMZM{MJ } Preamble ipamjm.tex PDF IVD_Charts_Adobe-Japan1.pdf IVD_Charts_ Moji_Joho.pdf 1 2 IPAmj Emacs C-x 8 RET IVS LuaTEX X TEX E Preamble lua_ipamjm.tex lua_ipamjm.tex luatexjafontspec fontspec \setmainfont IPAmj IPAmj Adobe-Japan Adobe-Japan1-6 Moji_Joho IPAmj IPA: Informationtechnology Promotion Agency ipamjm.tex, ipamjm.pdf, lua_ipamjm.tex, lua_ipamjm.pdf 1. ipamjm.tex uplatex, dvipdfmx 2. lua_ipamjm.tex lualatex 29

30 30 ICT IIA/IIB 14 HTML CSS HTML HyperText Markup Language 1 TEX tag *.html HTML Google Chrome, Mozilla Firefox, Internet Explorer, Microsoft Edge, Safari Web Web Web HTML <p> </p> p: paragraph / <br /> br: break element CSS Cascading Style Sheets Web HTML CSS HTML Web HTML Web HTML CSS CSS Web CSS cascade HTML/CSS HTML CSS HTML/CSS HTML/CSS HTML/CSS HTML5 CSS3 HTML HTML *.html <!DOCTYPE html> <html lang="ja"> <head> <title>...</title> <meta charset="utf-8">... </head> <body> <h1>...</h1> <p>...</p>... </body> </html> HTML5 DOCTYPE html html lang attribute ja value Web title meta head Web meta Web UTF-8 body Web h1 heading h2 h6 p paragraph first.html dl definition list dt definition term b boldface a anchor dd definition description ul unorderd list li list hr horizontal rule q quotation img image span, i italic div division address, br break 30

31 ICT IIA/IIB 31 HTML Web a name TEX \label href hyper reference # img src source./jpg/sw_leg.jpg. dot/ sw_leg.jpg HTML jpg.. 1../../abc.png 2 abc.png alt alternate img align right left width width height style html CSS ; margin: 0px 0px 0px 10px; q blockquote q span lang span Microsoft Edge Internet Explorer fr «Français» Emacs *.html major mode HTML HTML CSS first.html 6 link HTML <! > Emacs C-x C-; first.html HTML CSS link href lglf_base.css lglf_base.css Emacs *.css mode line CSS major mode CSS body { background-color: whitesmoke; margin-left: 3%; margin-right: 3%; font-family: "DejaVu Sans",..., ; } body selecorelement selector class selector, id selector, descendant selector background-color property : value ; property: value; 1 declaration{ } declaration block rule-set body Web whitesmoke Web 3% DejaVu Sans 31

32 32 ICT IIA/IIB Arial, Consolas, sans-serif lglf_base.css class selector pseudo-class selector HTML class.red-emph { color: red; } p:lang(ja) { text-indent: 1em; }. red-emph color red CSS HTML <q class="redemph">...</q> red-emph q.red-emph p.red-emph p class : link, visited, hover, focus, lang, first-child p:lang(ja) 1 1em h1, h2, h3, h4 font-size xx-large 2 medium=1 x-large 3/2 large 6/5 medium xx-large text-align center left, right, justify justify text-justify: distribute-all-lines; line-height complementary color midnightblue CSS 16 #e6e68f; CSS /* */ Emacs C-x C-; 1 // 14 first.html, css.zip, jpg.zip, png.zip 1. first.html css.zip, jpg.zip, png.zip 2. first.html 3. first.html first.html EURO ICT Emacs 4. first.html 6 C-x C-; C-x C-s 5. first.html lglf_base.css p lang #ffcc00; 8. #0050a4; 9. first.html Sneewittchen (Schneeweißchen) Blancheneige red red-emph 32

33 ICT IIA/IIB Emacs HTML EURO ICT Emacs HTML Key Bindings HTML C-c <right> (sgml-skip-tagforward) C-c <left> (sgml-skip-tagbackward) C-c C-d (sgml-delete-tag) h1 C-c 1 (html-heading-1) p C-c RET (html-paragraph) C-c / (sgml-close-tag) C-c C-c h (html-hrefanchor) C-c C-c n (html-name-anchor) C-c C-a (sgml-attribute) C-c C-c u (htmlunordered-list) C-c C-c o (html-orderedlist) C-c C-c i (html-image) C-c C-t (sgml-tag) C-c C-s (html-autoview-mode) ä C-x 8 " a à C-x 8 ` a C-x 8 C-x 8 C-h HTML/CSS C-h m (describe-mode) Cursor h1 1 2, 3, 4, 5, 6 p URL Cursor > C-c C-s toggle *.html C-x C-s OS Web C-x 8 C-x 8 C-h buffer buffer active q *.html *.css C-h m HTML CSS CSS Key Bindings EURO ICT Emacs HTML/CSS minor mode rainbow 16 address Web Web Character Entity Reference 16 Numeric Character Reference HTML utf-8 Web Web 1. PC PC HTML/CSS Web PC H:\public_html Win- 33

34 34 ICT IIA/IIB dows ~/public_html Mac Web Web USER S GUIDE: FUTURE URL Uniform Resource Locator 24 ~ ~ UNIX OS first.html /first.html URL index.html ~index.html EURO ICT Emacs *.html 400 Last modified:, Updated:, Aktualisiert:, : case sensitive C-x C-s :30:25 [JST: UTC+9] init.el,.emacs.el 15 first.html, css.zip, jpg.zip, png.zip 1. Web 2. first.html Web 3. first.html Web ICT IIB 1 ICT euro_ict2b.zip PC PC index.html Web ICT IIB Web Web ICT IIB Web Web ICT IIA Web HTML/CSS ICT IIB HTML/CSS JavaScript HTML5 ICT IIB HTML *.html html lang <html lang="ja"> ja HTML de, fr, en ISO (International Organization for Standardization) ISO639 lang lang lang html Root Element lang ja 34

35 ICT IIA/IIB 35 1 HTML lang body 1 h[1 6], p, pre, blockquote, ul, ol, dl, table, form, hr, address, div Web a, b, br, em i, img, q, sub, sup, tr, span ICT IIB HTML p, table, caption tr, span lang HTML Web <meta charset="utf-8"> HTML head meta charset HTML utf-8 utf-8 shift_jis, euc-jp, iso-2022-jp meta charset shift_jis Character Entity Reference Numeric Character Reference tables.html HTML < > & ä á â ç ß ASCII (American Standard Code for Information Interchange) shift_jis, euc-jp, iso-2022-jp Ä Ä Ä Ä c4 16 Ä Unicode Code Point Ä Emacs Cursor C-u C-x = SEO meta name content HTML index.html name="keywords" HTML content, name="description" HTML content name="author" HTML meta Web Web SEO: Search Engine Optimization Web SEO Web SEO 1 euro_ict2b.zip 1. 35

36 36 ICT IIA/IIB index.html Web 2. *.html Emacs lang C-s lang= 3. tables.html 4. test.html Emacs head meta charset shift_jis test.html Shift_Jis C-x RET f sjis RET 5. *.html meta author content Emacs grep find-name-dired Web 2../../ b, i, em, strong, small, hr <b>k</b>äfer, K<i>ä</i>fer Käfer, Käfer b Bold i Italic em Emphasis strong em strong small hr Horizontal Rule <hr /> *html small 2 2 Absolute Path Relative Path HTML HTML Web http[s]:// URL... 1 ICT IIA index.html href./multilang.html./css/all.css multilang.html index.html all.css index.html css css 2 euro_ict2b.zip 1. *.html href Emacs occur multi-occur 2. index.html b, i strong, em index2.html 3. index.html index2.html 3 div span CSS HTML div document Division; span Span of content; index.html Emacs C-s div I-search <div style="overflow: auto;"> style CSS property: value; HTML CSS div C-c <right> div 36

37 ICT IIA/IIB 37 C-c <left> div div index.html div Nesting div class left, main, right div, main, aside Responsive Web Design span class tex fine, copyleft 3 Responsive Web Design Responsive Web Design RWD PC Web Web Web Content is like water Web RWD Web Google RWD Web 2015 Armageddon Mobilegeddon index.html RWD style div class left, main, right 3 overflow auto padding, border, margin Web visible scroll RWD head meta name viewport CSS viewport content width=device-width, initial-scale=1.0 class left, main, right head link href responsive.css responsive.css.left background-color, float, width, text-align, padding left class 20% 10.left a Descendant Selector left a 8 5 left 100% :hover main right float left float left float left, main, right index.html left, Media Query screen 37

38 38 ICT IIA/IIB 620 max-width: 620pxand only 620 left, main, right width 100% left, main, right Break Point TEX Copyleft Emacs responsive.css I-search.tex TEX frame C-x 2 2 window index.html TEX E TeX resonsive.css.tex sub HTML tex sub uppercase sub 5ex em 0.125em CSS HTML index.html <sub>e</sub> e E Kerning sub/sup SubscriptSuperscript responsive.css HTML head link rel stylesheet CSS CSS ex, em x 1 Copyleft*1 transform scalex() X 1 Y Z 1 copyleft Vendor Prefix -moz: Mozilla Firefox; -o: Opera; -webkit: Google Chrome, Safari, -ms: Microsoft Internet Explorer Vendor Prefix Vendor Prefix Double Punctuation!? : ; Space HTML Non-Breaking SPace responsive.css fine 0.125em span class fine 3 euro_ict2b.zip 1. fine 2. HTML 3. responsive.css HTML LATEX X TEX LATIN CAPITAL LETTER REVERSED E: Ǝ 4 tables.html HTML E E *1 Copyright 38

39 ICT IIA/IIB 39 ol Ordered List ul Unorderd List dl Definition List 3 ol <ol> <li>...</li> <li>...</li> <li>...</li> </ol> li List Item 1 style CSS liststyle-type decimal-leading-zero 01, 02, 03,... upper-roman I, II, III,... lowerlatin a, b, c,... lower-greek α, β, ς,... hiragana... hiraganairoha... katakana... cjk-ideographic... 1 start CSS responsive.css.ol_var.ol_var li ol_var em 0CSS HTML ul ol ol ul Discstyle CSS list-styletype circle, square, none responsive.css.ul_var.ul_var li ul_var 3px #fffaf1; em ::before Emoji ::before ::after 5em CSS ::before content & HTML CSS \a0 HTML 16 & \ # x ; Emacs CSS tables.html h2, h HTML num h[1 4] CSS responsive.css header.num, h2.num, h3.hum Chapter Section Subsection couterreset chapter, section, subsection h ::before counterincrement chapter, section, subsection h2, h3, h4 chapter, section, subsection 1 39

40 40 ICT IIA/IIB content counter(chapter) content CSS ".\a0" " content \a0 4 euro_ict2b.zip 1. ol style list-style-type decimal-leading-zero, upper-roman, lowerlatin, lower-greek, hiragana, hiragana-iroha, katakana, cjk-ideographic ul style list-style-type circle, square, none CSS HTML <table> <caption>...</caption> <tr><th>...</th><th>...</th></tr> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> </table> table tr: Table Row th: Table Header td: Table Data thead, tbody, tfoot CSS tables.html Emacs HTML <table> CSS responsive.css responsive.css Emacs Isearch table border-collapse: collapse; border-spacing: 0; separate responsive.css 2 1 table caption font-size: large; padding: 10px 0; 10 Forestgreen HTML CSS th 8px 15px 1px Midnightblue td th td number text-align: right; HTML pre PREformatted Text HTML & & 2 40

41 ICT IIA/IIB 41 CSS HTML table syle margin-left: auto; margin-right: auto; caption CSS 2 td rowspan 7 7 CSS width: 1em; word-break: break-all; 1 5 euro_ict2b.zip 1. Œ ñ 2. HTML width: 1em; word-break: break-all; 6 lang tables.html :lang() :nth-child() KHM ICT IIB HTML *.html html lang <html lang="ja"> ja lang HTML Global Attribute html HTML html lang HTML 3 Kinder- und Hausmärchen 10 KHM <table lang="de"> HTML table :lang() responsive.css table:lang(de) table td table td 1px forestgreen, 37 th lang td seagreen 8px 15px 1px darkseagreen td th td lang table number table caption :lang green CSS ::before 2 ISO-3166 REGIONAL INDICATOR SYMBOL LETTER A U+1f1e6 Z U+1f1ff 41

42 42 ICT IIA/IIB 2 1f1ff 16 CSS content \1f1e6\1f1f9\a0 39 nth-child 3 1 :nthchild() HTML tr style background-color 1 1 CSS table tr:lang(de)+tr:nth-child(2n+1) + table tr de tr lightgreen nth-child 2n odd, even 4, 5, 6 3 CSS responsive.css th, td th, td td table noborder td border none responsive.css Web ivs.html noborder tables.html responsive.css html lang ja table :lang(ja) :lang(ja) tables.html 1, 2 responsive.css lang ja2 html ja HTML tables.html 6 euro_ict2b.zip 1. responsive.css ja2, fr, en lang 2. responsive.css 1, 4, 7, tables.html responsive.css ja2 ja tables.html 1, 2 4. tables.html 7 ICT IIA 14, 15 lglf_base.css 32 responsive.css lang ja 1 1em p:lang(ja) em n M en-dash, emdash :lang(ja) 42

43 ICT IIA/IIB 43 1 p 1 style CSS HTML 1 p p 1 div span style CSS em strong div span em strong em, strong i b i, b em, strong em, strong CSS color color HTML em, strong color CSS color bigger font-size large em, strong bigger CSS HTML <strong class="color bigger"> h1, h2,... h3 { color: #ffff74; background-color: darkblue; font-size: large; padding-left: 0.5em; padding-right: 0.5em; } responsive.css h1, h2, h3 font-size xxlarge, x-large, large text-align padding padding-left line-height responsive.css Web Web ivs.htmlweb Web Rendering Web Web Typography Web eot, ttf, woff, woff2 4 4 woff ivs.html Google Noto IPAmj 2 Web Glyph 2 No more Tofu! no_more_tofu.html ivs.html Noto Google Fonts Google CSS 43

44 44 ICT IIA/IIB notosansjp.css Noto notosanslinearb.css Noto B; ivs.html no_more_tofu.html notosanstc.css Noto notosanssc.css Noto notosanskr.css Noto 5 CJK Google Google CSS.noto { font-family: "Noto Sans", "Noto Sans CJK JP"; } noto noto.css HTML noto Noto IPAmj Google ipamjm.ttf 44.3MB ipamjm.woff/woff2 29.6MB/21.9MB; woff: Web Open Font Format { font-family: "ipamjm"; src: url("ipamjm.woff2") format('woff2'), url("ipamjm.woff") format('woff'), url("ipamjm.ttf") format('truetype'); font-display: swap; } IPAmj Web url *.woff[2], *.ttf noto.css css ipamjm CSS HTML Noto Noto IPAmj Web IPAmj Web Google Chrome Web IPAmj TEX ICT IIA 8 Adobe-Japan1-6 23, Adobe-Japan1-6 58,862 Moji_Joho 28, 28 HTML Web HTML VS: Variation Selector 葛16 16 IVD_Charts_Adobe-Japan1.pdf IVD_Charts_Moji_Joho.pdf responsive.css.tategaki { -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; height: 15em; text-align: left; } 44

45 ICT IIA/IIB 45 writing-mode vertical-rl Vendor Prefix HTML ivs.html HTML OpenType font-feature-settings CSS3 palt; pkna; responsive.css palt, pkna HTML tbox div responsive.css tbox text-align right, left, center right right to left div dir Direction rtl ivs.html 7 euro_ict2b.zip 1. multilang.html 1 crimson font-size large 2. em, strong purple HTML 3. responsive.css h1, h2, h3, h4 4. Noto IPAmj Web HTML Noto 2 IPAmj 5 5. ivs_palt.html palt pkna 6. ivs.html RTL 8 Web Web Web Navigation Web HTML nav ul ol *.html CSS a RWD index.html HTML Web responsive.css topnav HTML Font Awesome HTML Font Awesome all.css font-awesome-animation.css multilang.html <nav> <div class="topnav" id="mytopnav"> <a href=...><i class=...></i>...</a> <a href=...>...</a>... <a href="javascript:void(0)"... onclick="myfunction()"><i class=...></i></a> </div> </nav> <script> function myfunction() {... } </script> 45

46 46 ICT IIA/IIB nav RWD HTML script JavaScript JavaScript Web HTML topnav CSS topnav # a #f2f2f2 17px 14px 16px active darkblue white a a:hover #dddddd black icon a HTML href javascript:void(0) a onclick myfunction() JavaScript i 620px Font Awesome 3 Font Awesome all.css font-awesome-animation.css CSS 620px a 3 myfunction() HTML id mytopnav DOM Document Object Model; x topnav responsive True 3 a responsive topnav topnav responsive a 3 a * box-sizing borderbox width responsive.css *.html HTML, CSS, JavaScript 3 External Resources Web multilang.html w3.css*2 HTML head link w3.css <div class="w3-row"> <span lang="ja"> <div class="w3-quarter w3-container"> <p>......</p> </div> </span> <span lang="de"> <div class="w3-quarter w3-container"> <p>... Text auf Deutsch...</p> </div> </span> <span lang="fr"> <div class="w3-quarter w3-container"> <p>... Texte en Français...</p> </div> </span> <span lang="en"> *2 Web W3Schools CSS Web 46

47 ICT IIA/IIB 47 <div class="w3-quarter w3-container"> <p>... Text in English...</p> </div> </span> </div> HTML px w3-quarter w3-half 2 w3-third 3 index.html Google Maps API Application Programming Interface Google Map Web Dark Sky API Web Widget Web API API HTML iframe Inline Frame Web Web 8 euro_ict2b.zip 1. multilang.html w3.css 3 HTML 2. #ffff fa-bars fa-angle-double-down 9 HTML <a href=" Sky API</a> a href HTML PDF Web MS-Word Excel href Web Web Web index.html Google Maps APIDark Sky API a href CSS a HTML a href index.html Emacs a responsive.css ICT IIB 3 37 HTML JPEG Joint Photograph Experts Group PNG Portable Network Graphics GIF Graphics Interchange Format jpg, png, gif HTML img <img src="./jpg/sw_leg.jpg" style="max-width: 100%; height: auto;" alt=" " /> src 47

48 48 ICT IIA/IIB style CSS max-width 100% height auto alt Alternate text img style width float left, right margin-left/top/right/bottom border-radius opacity div style text-align center multilang.html img style index.html EURO ICT Emacs, HTML5, EURO ICT TEX, CSS3 responsive.css body.bgimg { background-image: url("../jpg/bgimg_pale.jpg"); background-position: center top; // background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; } background-image background-position left, center, right 3 center top, center, bottom 3 top background-size contain cover, auto, Vendor Prefix contain // responsive.css h1 h1 backgroundsize cover Web h1 9 euro_ict2b.zip 1. responsive.css a teal red 2. multilang.html img style 3. responsive.css h1 background 10 Web Form HTML CGI Common Gateway Interface PHP PHP: Hypertext Preprocessor Java- Script form action mailto method post 48

49 ICT IIA/IIB 49 HTM JavaScript form javascript.html javascript.html <form name="tlform"> <input type="radio" name="tlradio" id="de"... <input type="radio" name="tlradio" id="fr"... <input type="radio" name="tlradio" id="en"... <input type="radio" name="tlradio" id="ja"... </form> input type checkbox, text, textarea input name tlradio tl translate Object-Oriented Programming JavaScript Object-Oriented Programming Language Object-Based Programming Language HTML Web JavaScript window HTML document JavaScript window. window window, document, form, radio document.tlform.tlradio tl.form, tlradio HTML form form input name document 1 HTML name javascript.html form Deutsch, Français, English, 4 DOM Document Object Model Web HTML Web HTML form input type radio onclick tltextto(value) value tltextto onclick JavaScript Event Handler click tltextto(value) JavaScript script HTML JavaScript script javascript.html window.onload = init; function init() { document.tlform.tlradio[3].checked = true; } function tltextto(value) { var iddiv = document.getelementbyid('khm53ja'); 49

50 50 ICT IIA/IIB } switch(value) { case "de": iddiv.innerhtml = "..."; break; case "fr":... } window onload Web HTML init init function document HTML tlfrom form tlradio 3+1 init Parenthesis 1 Statement, JavaScript ; function value tltextto iddiv HTML khm53ja id div 1 switch de, fr, en, default ja iddiv iddiv.innerhtml case break break case default Usability label for id 10 euro_ict2b.zip 1. javascript.html break; 3 2. Français HTML 3. label 11 HTML C-c C-d CSS Web position float 2 position relative, absolute, fixed absolute, static 4 relative absolute ICT IIB HTML/CSS *.html, *.css fixed, static all.css w3.css static static fixed position relative absolute noto.css \noindent.text_sample note { position: relative; margin-top: 1em; display: block; text-align: right; 50

51 ICT IIA/IIB 51 } color: #888888; font-size: 70%; }... CSS no_more_tofu.html 3 Noto Noto Noto text_sample note 3 note noto.css relative absolute no_more_tofu.html position top, bottom, left, right 4 margin-top top relative note margin-top text-align absolute note margin-top text-align absolute text-align right display block position absolute responsive.css 620px a ICT IIB px a screen and (max-width: 620px) {.topnav.responsive {position: relative;}.topnav.responsive.icon { position: absolute; right: 0; top: 0; } position relative a 3 a 3 3 position absolute right, top 0 relative 3 a float ICT IIB 3 37 float responsive.css.left { background-color: #e5e5e5; float: left; width: 20%; text-align: center; padding: 10px; } float Width 100% width float float width a display block width a float left, right none index.html float RWD Web ICT IIB 3 51

52 52 ICT IIA/IIB 37 responsive.css multilang.html img float index.html, responsive.css, multilang.html Web FrakturMaguntia Web junicode.html 2 1 Fraktur UnifrakturMaguntia OpenType *3 Maguntia *4 UnifrakturMaguntia Web unifrak.css eot, woff2, woff, ttf, svg Web Web Web Font Squirrel UnifrakturMaguntia Fraktur 16 UnifrakturMaguntia16*5 Web UnifrakturMaguntia16 cv11 s f cv12 r cv13 I J cv14 Ä Ae cv15 ä e a e cv19 Gedankenstrich en-dash em-dash hlig etc. lnum ss02 Und bevor Vnd beuor cv Character Variants Stylistic Sets Hirtoric Ligatures UnifrakturMaguntia16 Web unifrak16.css FrakturMaguntia ch, ck, st, tz (Ě Ę Ć Ń) 4 sz ȷ 5 UnifrakturMaguntia OpenType HTML Zero Width Non-Joiner HTML letter-spacing CSS 0.3em junicode.html UnifrakturMaguntia OpenType Der Ärger des Igels liegt auf der schönen Königsstraße. HTML Der Arger } deŋ IgelŊ liegt auf der ŊĚŽnen KŽnigŊŊtraȷe. UnifrakturMaguntia Der Aerger deŋ IgelŊ liegt auf der sěźnen KŹnigŊĆraȷe. UnifrakturMaguntia16 Mozilla Firefox, Google Chrome, Safari Web Junicode Web Junicode Peter S. Baker Unicode 17 Junicode Franciscus *3 * Carl Albert Fahrenwaldt Mainzer Fraktur Peter Wiegel Berthold Mainzer Fraktur Gerrit Ansmann OpenType FrakturMaguntia *5 17, 18, 19, 20, Fraktur 52

53 ICT IIA/IIB 53 Junius Junicode Junicode Web junicode.css junicode.html *6 *7 4 *8 Transliteration ss02 ss19 junicode.html Web Emacs 16 junicode.html PC, 2 1 w3.css HTML 11 euro_ict2b.zip 1. responsive.css noto.css position relative absolute 2. Web UnifrakturMaguntia Junicode 3. junicode.html 12 Web Web HTML junicode.html access_fn.css HTML a id href id # a href id ol, li aria-describedby footnote-label aria-label Back to content WAI-ARIA Web Accessibility Initiative Accessible Rich Internet Applications Web Web Web Web Web Header Nav Main AsideFooter HTML header, nav, main, aside, footer ICT IIB Web index.html index.html h1 h3 a h2 *6 7 9 *7 *8 53

54 54 ICT IIA/IIB h3 index.html Web 3 PaneRWD 620px 1 index.html h1 a h2 Web RWD Web Web css jpg js JavaScript png Web fonts, webfonts HTML Web Web Web HTML Internet Bot, Web Robot, Bot Web Web Web index.html footer Comment to: -->ynaga<!-- HTML HTML HTML <! > CSS /*... */ CSS 1 // JavaScript CSS Web JavaScript Web & Emacs C-x C-; toggle major mode Emacs 26 HTML CSS JavaScript C-x C-; 12 euro_ict2b.zip 1. index.html index.html *.html header, nav, main, aside, footer Web 2. 54

55 ICT IIA/IIB 55 JavaScript 13 3 JavaScript Web JavaScript Web Web JavaScript Web Web JavaScript Programming Language Machine Code High-Level Programming Language Source Code CPU Central Processing Unit; Compiler System Interpreter System 2 Object Code; TEX *9 1 JavaScript HTML Web HTML JavaScript HTML script *.js HTML JavaScript Web JavaScript Ecma International (Ecma: European Computer Manufacturers Association) ECMAScript ICT IIB JavaScript Object Property Method JavaScript JavaScript Emacs Emacs Syntax Highlight JavaScript OS Web Microsoft Edge, IE, Mozilla Firefox, Google Chrome, Safari TEX, HTML, CSS JavaScript UTF-8 LF JavaScript JavaScript HTML Web HD Hard Disc *9 *.tex uplatex, dvipdfmx, pdflatex *.pdf TEX 55

56 56 ICT IIA/IIB Microsoft Internet Explorer JavaScript JavaScript *10 Emacs Web javascript.html Emacs, HTML head script *.js js HTML JavaScript HTML script HTML JavaScript JavaScript myfunction() ICT IIB 8 46 script document.write("<p> </p>");... document Web 1 HTML JavaScript. write HTML write Parenthesis "..." '...' 2 1 " ' \ write,, Operator Statement ; platform.description platform description JavaScript. platform description External Libraries platform.js javascript.html OS Web Return Value document.write OS Web HTML noscript JavaScript JavaScript Web JavaScript Web JavaScript 13 euro_ict2b.zip 1. Microsoft Edge, Internet Explorer, Mozilla Firefox, Google Chrome, Safari Web javascript.html 2. javascript.html script document.write " ' 3. +, 4. Web javascript.html platform.description Web *10 IE 56

57 ICT IIA/IIB JavaScript 4 1. JavaScript javascript.html script var now = new Date(); var year = now.getfullyear(); var date = now.getdate(); var dmonth = new Array("Januar",...); var fmonth = new Array("janvier",...); var emonth = new Array("January","...); var dday = new Array("Sonntag",...); var fday = new Array("dimanche",...); var eday = new Array("Sunday",...); var jday = new Array(" ",...);... Web document Date JavaScript Build-In Object JavaScript var Variable now new Date() Instance new new Constructor Date Date Date var datum = new Date(2018,8,6,18,40,36); Date new Date() now getfullyear(), getdate() year, date Array dmonth fmonth emonth Array dday, fday, eday, jday var dmonth = dmonth[now.getmonth()]; var fmonth = fmonth[now.getmonth()]; var emonth = emonth[now.getmonth()]; var dday = dday[now.getday()]; var fday = fday[now.getday()]; var eday = eday[now.getday()]; var jday = jday[now.getday()]; document.write("<p style=... </p>"); document.write("<p style=... </p>"); document.write("<p style=... </p>"); document.write("<p style=... </p>"); dmonth now.getmonth() 0, 1, 2, 57

58 58 ICT IIA/IIB dmonth dday now.getday() dday fmonth/fday, emonth/eday, jday year 4 dmonth/fmonth/emonth dday/fday/eday/jday String Literal + document.write CSS background-color color now.getmonth() + 1 get- Month getday Berlin, Paris, London Berlin, Paris, London javascript.html Web UTC: Universal Time Coordinated 8. JST: Japanese Standard Time CET: Central European Time CEST: Central European Summer Time GMT: Greenwich Mean Time BST: British Summer Time JavaScript Berlin, Paris, London moment-with-locales.js, moment-timezonewith-data.js 2 12 platform.js 8 w3.css, 11 access_fn.css Web JavaScript Paris, London, script JavaScript div <div id="cetd"></div>... var updatecetd; (updatecetd = function() { moment.locale('de'); document.getelementbyid("cetd").innerhtml = "<p style..."</p>"; })(); setinterval(updatecetd, 1000); updatecetd 1 updatecetd Camel Case; UpdateCetd 58

59 ICT IIA/IIB 59 Pascal JavaScript camelcase snake_case, kebab-case *11 updatecetd moment-with-locales.js moment.locale Locale document getelementbyid id cetd HTML div id 1 HTML Unique HTML DOM Document Object Model DOM HTML Node DOM innerhtml HTML HTML updatecetd id cetd div innerhtml div innerhtml moment().tz("europe/berlin"). format("dddd, Do MMMM YYYY HH:mm:ss (Z z)") moment-with-locales.js momenttimezone-with-data.js moment tz Time Zone format dddd Freitag Do 1, 2, 3 1st, 2nd, 1., 2. MMMM YYYY 4 HH:mm:ss 24 2 Z z dddd Token; Google Moment.js Documentation/Docs/Display/Format setinterval updatecetd euro_ict2b.zip 1. javascript.html JavaScript Web 2. Paris, London format 15 DOM Web Web Event JavaScript ICT IIB DOM 2 *11 59

5-1 nav css 5-2

5-1 nav css 5-2 5 HTML CSS HTML CSS Ê Ê Ê Ê 5-1 nav css 5-2 5-1 5 5-1-1 5-01 css images 01 index.html 02 5-3 style.css css 03 CH5/5-01/images 04 images index.html style.css 05

More information

關於本書 Part 3 CSS XHTML Ajax Part 4 HTML 5 API JavaScript HTML 5 API Canvas API ( ) Video/Audio API ( ) Drag and Drop API ( ) Geolocation API ( ) Part 5

關於本書 Part 3 CSS XHTML Ajax Part 4 HTML 5 API JavaScript HTML 5 API Canvas API ( ) Video/Audio API ( ) Drag and Drop API ( ) Geolocation API ( ) Part 5 網頁程式設計 HTML JavaScript CSS HTML JavaScript CSS HTML 5 JavaScript JavaScript HTML 5 API CSS CSS Part 1 HTML HTML 5 API HTML 5 Apple QuickTime Adobe Flash RealPlayer Ajax XMLHttpRequest HTML 4.01 HTML 5

More information

互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt]

互動網頁技術系列課程 HTML與CSS網站基礎設計 [12pt] HTML CSS / 2011 HTML CSS 1/ 47 1 2 HTML 3 4 HTML 5 5 : CSS 6 CSS 7 HTML CSS 2/ 47 HTML CSS 3/ 47 ( BOM) UTF-8 Notepad++ (Winodws), Fraise/Smultron (Mac), VIM ( ) HTML CSS 4/ 47 UTF-8? UTF-8 (unicode),

More information

05 01 accordion UI containers 03 Accordion accordion UI accordion 54

05 01 accordion UI containers 03 Accordion accordion UI accordion 54 jquery UI plugin Accordion 05 01 accordion UI containers 03 Accordion accordion UI accordion 54 05 jquery UI plugin 3-1

More information

XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vsp

XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vsp XHTML CSS CSS CSS DOCTYPE Switch XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vspace big tabindex accesskey

More information

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2.

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2. 2005-06 p.1 HTML HyperText Mark-up Language 1. HTML Logo, Pascal, C++, Java HTML 2. HTML (tag) 3. HTML 4. HTML 1. HTML 2. 3. FTP HTML HTML html 1. html html html cutehtmleasyhtml 2. wyswyg (What you see

More information

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2 HTML A-1 HTML A-2 A-2 HTML A-8 A-3 A-14 A-4 A-26 A-5 A-30 A-6 A-42 A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ /

More information

final

final 行 政 院 研 究 發 展 考 核 委 員 會 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 中 華 民 國 99 年 2 月 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 目 次 前 言 與 導 讀... 1 一. 緣 由... 1 二. 現 行 規 範 應 用 的 運 作 與 問 題... 1 三. 政 府 網 站 建 置 與 營 運 作 業 參 考 指 引 之 規

More information

Microsoft Word - 最新正文.doc

Microsoft Word - 最新正文.doc 2 2 Web 2.0 Ajax StarTrackr! GPS RFID jquery JavaScript StarTrackr! JavaScript jquery 1 jquery jquery jquery JavaScript HTML jquery JavaScript jquery jquery jquery $(document).ready()! jquery jquery (document)

More information

關於本書 l 3 PhoneGap Appcelerator Titanium Sencha Touch (wrapper framework) Native App PhoneGap Build Native App Hybrid App Java Objective-C Android SDK

關於本書 l 3 PhoneGap Appcelerator Titanium Sencha Touch (wrapper framework) Native App PhoneGap Build Native App Hybrid App Java Objective-C Android SDK 2 l 跨裝置網頁設計 Android ios Windows 8 BlackBerry OS Android HTML 5 HTML 5 HTML 4.01 HTML 5 CSS 3 CSS 3 CSS 2.01 CSS 3 2D/3D PC JavaScript

More information

bootstrap - 2

bootstrap - 2 RITA TEACHING Bootstra p ENTER bootstrap - 2 bootstrap - 3 bootstrap 101 Template

More information

2 SGML, XML Document Traditional WYSIWYG Document Content Presentation Content Presentation Structure Structure? XML/SGML 3 2 SGML SGML Standard Gener

2 SGML, XML Document Traditional WYSIWYG Document Content Presentation Content Presentation Structure Structure? XML/SGML 3 2 SGML SGML Standard Gener SGML HTML XML 1 SGML XML Extensible Markup Language XML SGML Standard Generalized Markup Language, ISO 8879, SGML HTML ( Hypertext Markup Language HTML) (Markup Language) (Tag) < > Markup (ISO) 1986 SGML

More information

How to use CSS CSS3 CSS3 CSS3 P.012 -webkit- -webkit- -moz- -webkit- -webkit- -o- -ms- HTML XHTML TIPS 010

How to use CSS CSS3 CSS3 CSS3 P.012 -webkit- -webkit- -moz- -webkit- -webkit- -o- -ms- HTML XHTML TIPS 010 How to use CSS3 2011 4 CSS3 CSS3 CSS3 P.012 -webkit- -webkit- -moz- -webkit- -webkit- -o- -ms- HTML XHTML TIPS 010 W3C CSS3 TIPS CSS3 CSS2.1 CSS3 CSS current work http://www.w3.org/stle/css/current-work.en.html

More information

ptex-ng ptex-ng ptex OpenType UTF-8 ptex-ng JIS X 4051 ptex ASCII ptex TEX Users Group ptex-ng 2012 LuaTEX Common TEX Y&Y TEX ptex

ptex-ng ptex-ng ptex OpenType UTF-8 ptex-ng JIS X 4051 ptex ASCII ptex TEX Users Group ptex-ng 2012 LuaTEX Common TEX Y&Y TEX ptex TEX 2015 5 TEX 2015 5 1 / 18 ptex-ng ptex-ng ptex OpenType UTF-8 ptex-ng JIS X 4051 ptex ASCII 2008 2010 ptex TEX Users Group ptex-ng 2012 LuaTEX 2013 2014 Common TEX Y&Y TEX ptex-ng 2014 10 GPL TEX 2015

More information

XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004/7/ All Rights Reserved 2

XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004/7/ All Rights Reserved 2 XML/DTD (1) XML (Markup) SGML HTML XML XML XML 2004 All Rights Reserved 2 SGML Standard Generalized Markup Language ( ) XML Extensible Markup Language HTML HyperText Markup Language 2004 All Rights Reserved

More information

Microsoft Word - 01.DOC

Microsoft Word - 01.DOC 第 1 章 JavaScript 简 介 JavaScript 是 NetScape 公 司 为 Navigator 浏 览 器 开 发 的, 是 写 在 HTML 文 件 中 的 一 种 脚 本 语 言, 能 实 现 网 页 内 容 的 交 互 显 示 当 用 户 在 客 户 端 显 示 该 网 页 时, 浏 览 器 就 会 执 行 JavaScript 程 序, 用 户 通 过 交 互 式 的

More information

1 2

1 2 LATEX : : : 1006 1 2 2013 L A TEX : I Abstract In this short article we will discuss about L A TEX for your dissertation Key Words: Dynamic Positioning, Ship Manoeuvrability,Control Algorithm, State Estimate

More information

Microsoft Word - PHP7Ch01.docx

Microsoft Word - PHP7Ch01.docx PHP 01 1-6 PHP PHP HTML HTML PHP CSSJavaScript PHP PHP 1-6-1 PHP HTML PHP HTML 1. Notepad++ \ch01\hello.php 01: 02: 03: 04: 05: PHP 06:

More information

06 01 action JavaScript action jquery jquery AJAX CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS b

06 01 action JavaScript action jquery jquery AJAX CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS b 06 01 action JavaScript action jquery jquery AJAX 04 4-1 CSS jquery CSS jquery HTML CSS jquery.css() getter setter.css('backgroundcolor') jquery CSS background-color camel-cased DOM backgroundcolor.css()

More information

HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS

HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS 12 Chapter 12-1 12-2 12-3 HTML5 & CSS3 色彩 背景與漸層屬性 12-1 (color property) CSS 3 color HTML opacity HTML CSS Color Module Level 3 W3C CSS 3 http://www.w3.org/tr/css3-color/ 12-1-1 color ( ) (foreground color)

More information

WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic pe

WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic pe WordPress OSSF OSSF is Seeking Software Freedom 1 blog WordPress WordPress WordPress WordPress 2 WordPress WordPress is a state-of-the-art semantic personal publishing platform aesthetics web standards

More information

ASP 電子商務網頁設計

ASP 電子商務網頁設計 Flash Flash CSIE, NTU December 22, 2007 Outline & Flash National Taiwan University December 22, 2007 Page 2 Outline & Flash National Taiwan University December 22, 2007 Page 3 Course Introduction (1/3)

More information

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 Web (CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 1092 1/ 16 30.75 748 2005 1 1 2005 1 1 : 1 3 100

More information

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas Contents 目錄 chapter 1 1-1... 1-2 1-2... 1-3 HTML5... 1-3... 1-5 1-3... 1-9 Web Storage... 1-9... 1-10 1-4 HTML5... 1-14... 1-14... 1-15 HTML5... 1-15... 1-15... 1-16 1-5... 1-18 Apps... 1-18 HTML5 Cache

More information

ii Vue Bootstrap 4 ES 6 Vue Vue Bootstrap 4 ES 6 Vue 2 vue html vue html vue Vue HTML 5 CSS ES 6 HTML 5 CSS Visual Studio Code h

ii Vue Bootstrap 4 ES 6 Vue Vue Bootstrap 4 ES 6 Vue 2 vue html vue html vue Vue HTML 5 CSS ES 6 HTML 5 CSS Visual Studio Code h ii Vue Bootstrap 4 ES 6 Vue Vue Bootstrap 4 ES 6 Vue 2 vue010101.html vue010104.html vue0101 01 04 Vue HTML 5 CSS ES 6 HTML 5 CSS Visual Studio Code https://code.visualstudio.com/ Chrome XAMP Visual Studio

More information

F477

F477 FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 連 FrontPage September 15, 2007 Page 3 連 FTP Email FrontPage HTML tag September 15, 2007 Page 4 連 September

More information

epub83-1

epub83-1 C++Builder 1 C + + B u i l d e r C + + B u i l d e r C + + B u i l d e r C + + B u i l d e r 1.1 1.1.1 1-1 1. 1-1 1 2. 1-1 2 A c c e s s P a r a d o x Visual FoxPro 3. / C / S 2 C + + B u i l d e r / C

More information

epub 79-1

epub 79-1 1 XML X M L X M L X M L We b 1.1 markup language M L M L A S C I I A S C I I C 0 0 0 1 F C R - L F M S - D O S M S - Wi n d o w s U n i x L F M a c O S C R A S C I I A S C I I -. - -. C C + + { }. b e

More information

TX-NR3030_BAS_Cs_ indd

TX-NR3030_BAS_Cs_ indd TX-NR3030 http://www.onkyo.com/manual/txnr3030/adv/cs.html Cs 1 2 3 Speaker Cable 2 HDMI OUT HDMI IN HDMI OUT HDMI OUT HDMI OUT HDMI OUT 1 DIGITAL OPTICAL OUT AUDIO OUT TV 3 1 5 4 6 1 2 3 3 2 2 4 3 2 5

More information

Microsoft Word - 改版式网页全文.doc

Microsoft Word - 改版式网页全文.doc 第 4 章 Dreamweaver CS3 高 级 篇 4.1 表 单 概 述 表 单 是 用 来 收 集 浏 览 者 的 用 户 名 密 码 E-mail 地 址 个 人 爱 好 和 联 系 地 址 等 用 户 信 息 的 输 入 区 域 集 合 浏 览 者 填 写 表 单 的 方 式 一 般 是 输 入 文 本 选 择 单 选 按 钮 或 复 选 框 以 及 从 下 拉 列 表 框 中 选 择

More information

lnag_ch_v2.01.doc

lnag_ch_v2.01.doc 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. % Any line starting with "%" is a comment. % "\" (backslash) is a special Latex character which introduces a Latex %

More information

ebook37-4

ebook37-4 4 4.1 H T M L F r o n t P a g e i m a g e m a p H T M L We b We b 4.1.1 We b We b We b We b 4.1.2 We b 4 35 4.1.3 4-1 G I F 4-2 36 4-1 ( 4-2 ) 4.1.4 We b We b 4-3 4-3 4 37 Ly n x 4-4 4-4 4.1.5 We b We

More information

Chapter V.S. PC

Chapter V.S. PC Chapter 14 14-1 V.S. PC 14-2 14-3 14-4 14-1 V.S. PC PC PC Yahoo! PC (https://tw.yahoo.com/) Yahoo! (https:// tw.mobi.yahoo.com/) Yahoo! a b a PC b PC PC Flash HTML5 CSS3 PC 14-2 14-3 PC PC Yahoo! PC https://tw.yahoo.com/

More information

無障礙網頁開發規範二版(草案)

無障礙網頁開發規範二版(草案) 國 家 通 訊 傳 播 委 員 會 無 障 礙 網 頁 開 發 規 範 2.0 版 ( 草 案 ) 委 辦 單 位 : 國 家 通 訊 傳 播 委 員 會 執 行 單 位 : 中 華 民 國 資 訊 軟 體 協 會 中 華 民 國 1 0 3 年 0 5 月 I II 目 錄 壹 前 言... 1 貳 適 用 範 圍... 2 參 用 語 釋 義... 3 肆 規 範 內 文... 14 一 規 範

More information

untitled

untitled 01 1-1 PHP 1-2 PHP 1-3 MySQL 1-4 1-5 http://w3techs.com/technologies/history_overview/programming_language w3techs.com (Server-side) 2012 7 77.8% PHP PHP PHP PHP 1-1 PHP PHP HTML Script Windows ASP(Active

More information

User ID 150 Password - User ID 150 Password Mon- Cam-- Invalid Terminal Mode No User Terminal Mode No User Mon- Cam-- 2

User ID 150 Password - User ID 150 Password Mon- Cam-- Invalid Terminal Mode No User Terminal Mode No User Mon- Cam-- 2 Terminal Mode No User User ID 150 Password - User ID 150 Password Mon- Cam-- Invalid Terminal Mode No User Terminal Mode No User Mon- Cam-- 2 Mon1 Cam-- Mon- Cam-- Prohibited M04 Mon1 Cam03 Mon1 Cam03

More information

VB程序设计教程

VB程序设计教程 高 等 学 校 教 材 Visual Basic 程 序 设 计 教 程 魏 东 平 郑 立 垠 梁 玉 环 石 油 大 学 出 版 社 内 容 提 要 本 书 是 按 高 等 学 校 计 算 机 程 序 设 计 课 程 教 学 大 纲 编 写 的 大 学 教 材, 主 要 包 括 VB 基 础 知 识 常 用 程 序 结 构 和 算 法 Windows 用 户 界 面 设 计 基 础 文 件 处

More information

Microsoft Word - 100118002.htm

Microsoft Word - 100118002.htm 100 年 度 11800 電 腦 軟 體 應 用 乙 級 技 術 士 技 能 檢 定 學 科 測 試 試 題 本 試 卷 有 選 擇 題 80 題, 每 題 1.25 分, 皆 為 單 選 選 擇 題, 測 試 時 間 為 100 分 鐘, 請 在 答 案 卡 上 作 答, 答 錯 不 倒 扣 ; 未 作 答 者, 不 予 計 分 准 考 證 號 碼 : 姓 名 : 選 擇 題 : 1. (3)

More information

國立暨南國際大學圖書館

國立暨南國際大學圖書館 國 立 暨 南 國 際 大 學 圖 書 館 學 位 論 文 繳 交 注 意 事 項 本 校 畢 業 生 辦 理 畢 業 離 校 手 續 須 完 成 圖 書 館 相 關 作 業 程 序, 請 參 見 以 下 說 明 壹 離 校 程 序 說 明 01 貳 繳 交 論 文 說 明 03 參 轉 檔 注 意 事 項 及 操 作 09 肆 上 傳 檔 案 注 意 事 項 及 操 作 16 伍 紙 本 論 文

More information

(Guangzhou) AIT Co, Ltd V 110V [ ]! 2

(Guangzhou) AIT Co, Ltd V 110V [ ]! 2 (Guangzhou) AIT Co, Ltd 020-84106666 020-84106688 http://wwwlenxcn Xi III Zebra XI III 1 (Guangzhou) AIT Co, Ltd 020-84106666 020-84106688 http://wwwlenxcn 230V 110V [ ]! 2 (Guangzhou) AIT Co, Ltd 020-84106666

More information

國家圖書館典藏電子全文

國家圖書館典藏電子全文 EAI EAI Middleware EAI 3.1 EAI EAI Client/Server Internet,www,Jav a 3.1 EAI Message Brokers -Data Transformation Business Rule XML XML 37 3.1 XML XML XML EAI XML 1. XML XML Java Script VB Script Active

More information

基于UML建模的管理管理信息系统项目案例导航——VB篇

基于UML建模的管理管理信息系统项目案例导航——VB篇 PowerBuilder 8.0 PowerBuilder 8.0 12 PowerBuilder 8.0 PowerScript PowerBuilder CIP PowerBuilder 8.0 /. 2004 21 ISBN 7-03-014600-X.P.. -,PowerBuilder 8.0 - -.TP311.56 CIP 2004 117494 / / 16 100717 http://www.sciencep.com

More information

大漠 伪前端, 就职于淘宝

大漠 伪前端, 就职于淘宝 CSS Grid Layout 2016-12-17 @ 大漠. #CSSConf https://www.flickr.com/photos/19139526@n00/8331063530/ 大漠 伪前端, 就职于淘宝 古老的 table 布局 现代 Web 布局 Float inline-block display: table position (absolute 或 relative)

More information

1. 2. Flex Adobe 3.

1. 2. Flex Adobe 3. 1. 2. Flex Adobe 3. Flex Adobe Flex Flex Web Flex Flex Flex Adobe Flash Player 9 /rich Internet applications/ria Flex 1. 2. 3. 4. 5. 6. SWF Flash Player Flex 1. Flex framework Adobe Flex 2 framework RIA

More information

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费 助 理 电 子 商 务 考 试 真 题 试 题 第 一 部 分 : 理 论 部 分 一 单 项 选 择 题 1 ( B ) 是 信 息 系 统 的 核 心 组 成 部 分 A 逻 辑 模 型 B 数 据 库 C 概 念 模 型 D 以 上 全 部 2 ping www.163.com -t 中 参 数 t 的 作 用 是 :( A ) A 进 行 连 续 测 试 B 在 新 窗 口 中 显 示 C

More information

2/80 2

2/80 2 2/80 2 3/80 3 DSP2400 is a high performance Digital Signal Processor (DSP) designed and developed by author s laboratory. It is designed for multimedia and wireless application. To develop application

More information

Windows XP

Windows XP Windows XP What is Windows XP Windows is an Operating System An Operating System is the program that controls the hardware of your computer, and gives you an interface that allows you and other programs

More information

第 3 章 数 据 在 计 算 机 中 的 表 示 43 在 进 位 计 数 制 中 有 数 码 数 位 ( 位 置 ) 基 数 和 位 权 等 用 语 数 码 是 在 一 个 计 数 制 中 用 来 表 示 数 值 的 符 号 ; 数 位 是 指 数 码 在 一 个 数 中 所 处 的 位 置 ;

第 3 章 数 据 在 计 算 机 中 的 表 示 43 在 进 位 计 数 制 中 有 数 码 数 位 ( 位 置 ) 基 数 和 位 权 等 用 语 数 码 是 在 一 个 计 数 制 中 用 来 表 示 数 值 的 符 号 ; 数 位 是 指 数 码 在 一 个 数 中 所 处 的 位 置 ; 第 3 章 数 据 在 计 算 机 中 的 表 示 3.1 数 据 与 数 制 计 算 机 中 使 用 的 数 据 一 般 可 以 分 为 两 大 类 : 数 值 数 据 和 字 符 数 据 数 值 数 据 常 用 于 表 示 数 的 大 小 与 正 负 ; 字 符 数 据 则 用 于 表 示 非 数 值 的 信 息, 例 如 : 英 文 汉 字 图 形 和 语 音 等 数 据 数 据 在 计 算

More information

Epson

Epson WH / MS CMP0087-00 TC WH/MS EPSON EPSON EXCEED YOUR VISION EXCEED YOUR VISION Seiko Corporation Microsoft and Windows are registered trademarks of Microsoft Corporation. Mac and Mac OS are registered trademarks

More information

Business Objects 5.1 Windows BusinessObjects 1

Business Objects 5.1 Windows BusinessObjects 1 Business Objects 5.1 Windows BusinessObjects 1 BusinessObjects 2 BusinessObjects BusinessObjects BusinessObjects Windows95/98/NT BusinessObjects Windows BusinessObjects BusinessObjects BusinessObjects

More information

jsj0.nps

jsj0.nps 第 3 章 Word 基 础 应 用 制 作 求 职 简 历 3 畅 1 求 职 简 历 案 例 分 析 本 章 以 制 作 求 职 简 历 为 例, 介 绍 Word 强 有 力 的 文 字 处 理 功 能, 包 括 Word 的 字 符 格 式 的 设 置 段 落 格 式 的 设 置 表 格 的 制 作 图 片 的 插 入 制 表 位 的 使 用 页 面 边 框 的 设 置 打 印 输 出 等

More information

2_dvdr3380_97_CT_21221b.indd

2_dvdr3380_97_CT_21221b.indd 64 65 66 ALL 3 67 a STANDBY-ON 2 a b c d e f g h i j k l b TIMER c SYSTEM-MENU d e SELECT f REC g. > h TOP MENU i ANGLE j RETURN k SUBTITLE l REC MODE 68 m n REC SOURCE o DISC-MENU p OK q EDIT r PLAYÉ

More information

影視後製全攻略 Premiere Pro After Effects Encore 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS Adobe CS5 Adobe CS4 Premiere Pro After Effect

影視後製全攻略 Premiere Pro After Effects Encore 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS Adobe CS5 Adobe CS4 Premiere Pro After Effect 自序 Adobe Premiere Pro After Effects Encore 2008 Adobe CS3 2010 Adobe CS5 Adobe CS4 Premiere Pro After Effects Encore 18 ii Tony Cathy 2010/8 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 iii Premiere

More information

使用 Scene7 Media Portal

使用 Scene7 Media Portal ADOBE SCENE7 MEDIA PORTAL 2012/10/25 http://help.adobe.com/zh_tw/legalnotices/index.html 2012/10/25 iii 1 Media Portal.........................................................................................................

More information

穨怎樣用電腦打出一分物理試題.PDF

穨怎樣用電腦打出一分物理試題.PDF 1 Microsoft Word 1. 2. 3. 88 g = 9.8 / 2 ( ) 1 5 4 20 4 1 ( ) 2 1. ( ) A B C D E (A) A (B) B (C) C (D) D (E) E 2. W N F N N F W (A) W (D) F N N F W (B) F W (E) N W (C) F 3. (1) ( ) (A) (B) (C) (D) (E)

More information

使用 Scene7 Media Portal

使用 Scene7 Media Portal ADOBE SCENE7 MEDIA PORTAL http://help.adobe.com/zh_cn/legalnotices/index.html 2012/10/26 iii 1 : Media Portal.........................................................................................................

More information

6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM

6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM CHAPTER 6 SQL SQL SQL 6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM 3. 1986 10 ANSI SQL ANSI X3. 135-1986

More information

Windows Acrobat 4.0 Acrobat Acrobat 3.x Acrobat Reader 3.x - 75 MB Acrobat Acrobat 4.0 Acrobat Reader 4.0 Acrobat 4.0 Acrobat 3.x Acrobat

Windows Acrobat 4.0 Acrobat Acrobat 3.x Acrobat Reader 3.x - 75 MB Acrobat Acrobat 4.0 Acrobat Reader 4.0 Acrobat 4.0 Acrobat 3.x Acrobat Windows Adobe Acrobat 4.0 1999 3 17 Adobe Acrobat Adobe R Acrobat R 4.0 Adobe Acrobat http://www.chinese-s.adobe.com/supportservice/main.html. Adobe Acrobat Acrobat Acrobat Acrobat Adobe Acrobat checksum

More information

引 例 3 现 实 生 活 中 的 电 子 商 务 案 例 1 王 小 姐 是 一 家 网 络 公 司 职 员, 现 在 已 经 是 有 八 个 月 身 孕 的 准 妈 妈 由 于 出 行 不 是 很 方 便, 但 是 又 要 购 置 一 些 孕 妇 与 婴 儿 出 生 后 的 物 品 于 是 来

引 例 3 现 实 生 活 中 的 电 子 商 务 案 例 1 王 小 姐 是 一 家 网 络 公 司 职 员, 现 在 已 经 是 有 八 个 月 身 孕 的 准 妈 妈 由 于 出 行 不 是 很 方 便, 但 是 又 要 购 置 一 些 孕 妇 与 婴 儿 出 生 后 的 物 品 于 是 来 第 3 章 WWW 浏 览 器 与 信 息 搜 索 知 识 要 点 WWW 的 相 关 概 念 Web 技 术 结 构 全 球 资 源 定 位 器 的 概 念 主 页 基 本 概 念 能 力 要 点 掌 握 WWW 浏 览 器 的 操 作 学 会 在 网 上 搜 索 信 息 引 例 3 现 实 生 活 中 的 电 子 商 务 案 例 1 王 小 姐 是 一 家 网 络 公 司 职 员, 现 在 已

More information

Serial ATA ( Silicon Image SiI3114)...2 (1) SATA... 2 (2) B I O S S A T A... 3 (3) RAID BIOS RAID... 5 (4) S A T A... 8 (5) S A T A... 10

Serial ATA ( Silicon Image SiI3114)...2 (1) SATA... 2 (2) B I O S S A T A... 3 (3) RAID BIOS RAID... 5 (4) S A T A... 8 (5) S A T A... 10 Serial ATA ( Silicon Image SiI3114)...2 (1) SATA... 2 (2) B I O S S A T A... 3 (3) RAID BIOS RAID... 5 (4) S A T A... 8 (5) S A T A... 10 Ác Åé å Serial ATA ( Silicon Image SiI3114) S A T A (1) SATA (2)

More information

ebook111-4

ebook111-4 Flash 4 Flash 4 F l a s h 5 Flash 4 Flash Flash 4 Flash 4 Flash 4 4.1 Flash 4 Flash 4 Flash 4 Flash Flash 4 Flash 4 4.2 Flash 4 Flash 4 A Flash 4 S h i f t F i l e P r e f e r e n c e s > > Flash 4 Flash

More information

厦门大学硕博学位论文模板

厦门大学硕博学位论文模板 10384 T192 31520101153180 UDC 168 Template for Master Thesis and Doctoral Dissertation of Xiamen University : : : : : 2009 9 2009 9 2009 9 : : 2009 9 1. 2. 1 2 3 I Abstract Here is your English Abstract.

More information

Internet Explorer 10

Internet Explorer 10 Internet Explorer 10 Windows Internet Explorer 10 Internet Explorer 10 Internet Explorer 10 Windows Windows 8 Internet Explorer 10 Windows Internet Explorer 10 Modern Desktop Windows 8 Internet Explorer

More information

WinMDI 28

WinMDI 28 WinMDI WinMDI 2 Region Gate Marker Quadrant Excel FACScan IBM-PC MO WinMDI WinMDI IBM-PC Dr. Joseph Trotter the Scripps Research Institute WinMDI HP PC WinMDI WinMDI PC MS WORD, PowerPoint, Excel, LOTUS

More information

untitled

untitled 2006 6 Geoframe Geoframe 4.0.3 Geoframe 1.2 1 Project Manager Project Management Create a new project Create a new project ( ) OK storage setting OK (Create charisma project extension) NO OK 2 Edit project

More information

coverage2.ppt

coverage2.ppt Satellite Tool Kit STK/Coverage STK 82 0715 010-68745117 1 Coverage Definition Figure of Merit 2 STK Basic Grid Assets Interval Description 3 Grid Global Latitude Bounds Longitude Lines Custom Regions

More information

02

02 Thinking in C++: Volume One: Introduction to Standard C++, Second Edition & Volume Two: Practical Programming C++ C C++ C++ 3 3 C C class C++ C++ C++ C++ string vector 2.1 interpreter compiler 2.1.1 BASIC

More information

CA-C750К

CA-C750К 1 3 3 4 PC 4 USB 5 5 6 8 9 11 mediasync Manager?...13 mediasync Manager 15 25 38 39 41 41 DRM...44 Image Manager...44 47 49 49 50 50 51 51 51 52 / 52 A-B 53 MP3 53 /FM 54 FM 55 FM 55 BMP56 56 57 57 58

More information

ctex ctex.org v0.95 2009/10/20 ctex L A TEX CCT CJK xecjk L A TEX ctex L A TEX ctex CCT CJK xecjk ctexart.cls ctexrep.cls ctexbook.cls ctex.sty ctexcap.sty ctex ctex.org 1 2 2 3 2.1 CJK xecjk................................

More information

( Version 0.4 ) 1

( Version 0.4 ) 1 ( Version 0.4 ) 1 3 3.... 3 3 5.... 9 10 12 Entities-Relationship Model. 13 14 15.. 17 2 ( ) version 0.3 Int TextVarchar byte byte byte 3 Id Int 20 Name Surname Varchar 20 Forename Varchar 20 Alternate

More information

F477

F477 FrontPage & Flash 連 CSIE, NTU September 15, 2007 Outline September 15, 2007 Page 2 F477 September 15, 2007 Page 3 September 15, 2007 Page 4 September 15, 2007 Page 5 連 September 15, 2007 Page 6 連 September

More information

「人名權威檔」資料庫欄位建置表

「人名權威檔」資料庫欄位建置表 ( version 0.2) 1 3 3 3 3 5 6 9.... 11 Entities - Relationship Model..... 12 13 14 16 2 ( ) Int Varchar Text byte byte byte Id Int 20 Name Surname Varchar 20 Forename Varchar 20 Alternate Type Varchar 10

More information

Microsoft Word - PS2_linux_guide_cn.doc

Microsoft Word - PS2_linux_guide_cn.doc Linux For $ONY PlayStatioin2 Unofficall General Guide Language: Simplified Chinese First Write By Beter Hans v0.1 Mail: hansb@citiz.net Version: 0.1 本 人 是 菜 鸟 + 小 白 欢 迎 指 正 错 误 之 处, 如 果 您 有 其 他 使 用 心 得

More information

faq.PDF

faq.PDF Adobe Acrobat 4.0 Adobe Acrobat Adobe Acrobat Adobe (Portable Document Format PDF ) PDF PDF Web Acrobat Reader PDF PDF Adobe Acrobat PDF Acrobat PDF Acrobat Acrobat Reader Acrobat Reader PDF Adobe Acrobat

More information

論故宮書畫的典藏、維護與數位化

論故宮書畫的典藏、維護與數位化 13,552-1 - Metadata - 2 - 1736-1795 1949 1 2 960-1279 321-379 1 8 10 933-993 岀 - 3 - 3 2 4-4 - Digital Archives 5 Metadata 2000 Digital Museum 2001 2002 6-5 - Metadata 2001 MAAT 7 Metadata 8 3 Metadata

More information

Microsoft Word - 04.doc

Microsoft Word - 04.doc 第 4 章 Dreamweaver 基 础 应 用 在 Dreamweaver 中, 创 建 网 页 非 常 简 单 用 户 只 要 熟 悉 Word 文 档 的 编 写, 就 可 以 以 所 见 即 所 得 的 方 式, 在 网 页 中 插 入 文 本 图 像 Flash 及 超 链 接 等 内 容, 从 而 制 作 出 各 式 各 样 的 网 页 本 章 将 详 细 讲 解 如 何 在 网 页

More information

Microsoft Word - template.doc

Microsoft Word - template.doc HGC efax Service User Guide I. Getting Started Page 1 II. Fax Forward Page 2 4 III. Web Viewing Page 5 7 IV. General Management Page 8 12 V. Help Desk Page 13 VI. Logout Page 13 Page 0 I. Getting Started

More information

Text 文字输入功能 , 使用者可自行定义文字 高度, 旋转角度 , 行距 , 字间距离 和 倾斜角度。

Text 文字输入功能 , 使用者可自行定义文字  高度, 旋转角度 , 行距 , 字间距离 和 倾斜角度。 GerbTool Wise Software Solution, Inc. File New OPEN CLOSE Merge SAVE SAVE AS Page Setup Print Print PreView Print setup (,, IMPORT Gerber Wizard Gerber,Aperture Gerber Gerber, RS-274-D, RS-274-X, Fire9000

More information

AL-M200 Series

AL-M200 Series NPD4754-00 TC ( ) Windows 7 1. [Start ( )] [Control Panel ()] [Network and Internet ( )] 2. [Network and Sharing Center ( )] 3. [Change adapter settings ( )] 4. 3 Windows XP 1. [Start ( )] [Control Panel

More information

untitled

untitled MeetingPlaza Version7.0 License Package NTT IT 2013 7 10 I _Toc360091693 1... 4 1-1 Web...4 1-2 MeetingPlaza...4 1-3...4 1-4...5 2... 7 2-1...7 2-2...9 3... 11 3-1...12 3-1-1... 13 3-1-2... 15 3-1-3...

More information

JAIST Reposi Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date Type Thesis or Dissertation Text version author U

JAIST Reposi   Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date Type Thesis or Dissertation Text version author U JAIST Reposi https://dspace.j Title WWW における関連リンク集の自動生成 Author(s) 田村, 雅樹 Citation Issue Date 2006-03 Type Thesis or Dissertation Text version author URL http://hdl.handle.net/10119/1979 Rights Description

More information

epub 61-2

epub 61-2 2 Web Dreamweaver UltraDev Dreamweaver 3 We b We b We Dreamweaver UltraDev We b Dreamweaver UltraDev We b We b 2.1 Web We b We b D r e a m w e a v e r J a v a S c r i p t We b We b 2.1.1 Web We b C C +

More information

一 页 眉 页 脚 的 制 作 首 先 介 绍 一 个 概 念 : 节 这 里 的 节 不 同 于 论 文 里 的 章 节, 但 概 念 上 是 相 似 的 节 是 一 段 连 续 的 文 档 块, 同 节 的 页 面 拥 有 同 样 的 边 距 纸 型 或 方 向 打 印 机 纸 张 来 源 页

一 页 眉 页 脚 的 制 作 首 先 介 绍 一 个 概 念 : 节 这 里 的 节 不 同 于 论 文 里 的 章 节, 但 概 念 上 是 相 似 的 节 是 一 段 连 续 的 文 档 块, 同 节 的 页 面 拥 有 同 样 的 边 距 纸 型 或 方 向 打 印 机 纸 张 来 源 页 一 页 眉 页 脚 的 制 作 二 图 表 自 动 编 号 三 公 式 自 动 编 号 四 目 录 的 制 作 五 参 考 文 献 的 编 号 和 引 用 六 其 他 技 巧 七 基 本 软 件 WORD 各 种 编 辑 排 版 的 高 级 技 巧 一 页 眉 页 脚 的 制 作 首 先 介 绍 一 个 概 念 : 节 这 里 的 节 不 同 于 论 文 里 的 章 节, 但 概 念 上 是 相 似

More information

RUN_PC連載_10_.doc

RUN_PC連載_10_.doc PowerBuilder 8 (10) Jaguar CTS ASP Jaguar CTS PowerDynamo Jaguar CTS Microsoft ASP (Active Server Pages) ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar CTS ASP Jaguar Server ASP

More information

數位圖書館/博物館相關標準 2

數位圖書館/博物館相關標準 2 數 2 立 XML (Extensibility) XML 行 (Self-description) (Structure) XML (Validation) XML DTD 行 XML 列 XML-Language SGML without tears Self-describing Documents Well-formed and Valid Documents XML-Link Power

More information

C/C++ - 字符输入输出和字符确认

C/C++ - 字符输入输出和字符确认 C/C++ Table of contents 1. 2. getchar() putchar() 3. (Buffer) 4. 5. 6. 7. 8. 1 2 3 1 // pseudo code 2 read a character 3 while there is more input 4 increment character count 5 if a line has been read,

More information

Learning Java

Learning Java Java Introduction to Java Programming (Third Edition) Prentice-Hall,Inc. Y.Daniel Liang 2001 Java 2002.2 Java2 2001.10 Java2 Philip Heller & Simon Roberts 1999.4 Java2 2001.3 Java2 21 2002.4 Java UML 2002.10

More information

RUN_PC連載_8_.doc

RUN_PC連載_8_.doc PowerBuilder 8 (8) Web DataWindow ( ) DataWindow Web DataWindow Web DataWindow Web DataWindow PowerDynamo Web DataWindow / Web DataWindow Web DataWindow Wizard Web DataWindow Web DataWindow DataWindow

More information

<55342D323637CBB5C3F7CAE92E786C73>

<55342D323637CBB5C3F7CAE92E786C73> U4-267 / 1 U4-267 / : CF PowerPoint, TCP/IP Internet Explorer 2 ..2..3..4..5..5..5..9 PC...10 11 12 14 14....15....15....16....16....17....17....18....18....20 23....27 27 PC...27....28 3 CF SanDisk CompactFlash)

More information

User’s Manual

User’s Manual V7 用 户 手 册 亿 图 为 您 专 业 图 表 设 计 提 供 最 佳 解 决 方 案 2004-2014 EdrawSoft. All right reserved. Edraw and Edraw logo are registered trademarks of EdrawSoft. 目 录 亿 图 怎 样 优 越 于 其 他 软 件... 5 亿 图 7 个 新 功 能... 6 为

More information

UDC The Design and Implementation of a Specialized Search Engine Based on Robot Technology 厦门大学博硕士论文摘要库

UDC The Design and Implementation of a Specialized Search Engine Based on Robot Technology 厦门大学博硕士论文摘要库 10384 200128011 UDC The Design and Implementation of a Specialized Search Engine Based on Robot Technology 2004 5 2004 2004 2004 5 World Wide Web Robot Web / (Focused Crawling) Web Meta data Web Web I

More information

ebook14-4

ebook14-4 4 TINY LL(1) First F o l l o w t o p - d o w n 3 3. 3 backtracking parser predictive parser recursive-descent parsing L L ( 1 ) LL(1) parsing L L ( 1 ) L L ( 1 ) 1 L 2 L 1 L L ( k ) k L L ( 1 ) F i r s

More information

Microsoft Word - 第3章.doc

Microsoft Word - 第3章.doc Java C++ Pascal C# C# if if if for while do while foreach while do while C# 3.1.1 ; 3-1 ischeck Test() While ischeck while static bool ischeck = true; public static void Test() while (ischeck) ; ischeck

More information

CDWA Mapping. 22 Dublin Core Mapping

CDWA Mapping. 22 Dublin Core Mapping (version 0.23) 1 3... 3 3 3 5 7 10 22 CDWA Mapping. 22 Dublin Core Mapping. 24 26 28 30 33 2 3 X version 0.2 ( ) 4 Int VarcharText byte byte byte Id Int 10 Management Main Code Varchar 30 Code Original

More information

JCR... 3 JCR... 3 ISI Web of Knowledge... 4 Cross Search... 5 Cross Search... 5 Cross Search ISI Web of Knowledge WOS... 8 Externa

JCR... 3 JCR... 3 ISI Web of Knowledge... 4 Cross Search... 5 Cross Search... 5 Cross Search ISI Web of Knowledge WOS... 8 Externa Journal Citation Reports On the Web JCR... 3 JCR... 3 ISI Web of Knowledge... 4 Cross Search... 5 Cross Search... 5 Cross Search... 5... 7 ISI Web of Knowledge... 7... 8 WOS... 8 External Collections...

More information

<4D6963726F736F667420576F7264202D20D6D0CEC4B7A88C57B454CABF8C57CEBBD593CEC4D28EB9A0>

<4D6963726F736F667420576F7264202D20D6D0CEC4B7A88C57B454CABF8C57CEBBD593CEC4D28EB9A0> 澳 門 大 學 法 學 院 中 文 法 學 碩 士 學 位 論 文 規 範 一 適 用 範 圍 ( 一 ) 中 文 法 學 碩 士 學 位 論 文 是 中 文 法 學 碩 士 學 位 研 究 生 在 指 導 教 師 的 指 導 下 獨 立 完 成 的, 合 乎 嚴 格 的 寫 作 規 範 並 標 誌 著 獲 得 法 學 碩 士 學 位 的 一 篇 書 面 作 品 中 文 法 學 碩 士 研 究 生

More information

Fun Time (1) What happens in memory? 1 i n t i ; 2 s h o r t j ; 3 double k ; 4 char c = a ; 5 i = 3; j = 2; 6 k = i j ; H.-T. Lin (NTU CSIE) Referenc

Fun Time (1) What happens in memory? 1 i n t i ; 2 s h o r t j ; 3 double k ; 4 char c = a ; 5 i = 3; j = 2; 6 k = i j ; H.-T. Lin (NTU CSIE) Referenc References (Section 5.2) Hsuan-Tien Lin Deptartment of CSIE, NTU OOP Class, March 15-16, 2010 H.-T. Lin (NTU CSIE) References OOP 03/15-16/2010 0 / 22 Fun Time (1) What happens in memory? 1 i n t i ; 2

More information

CH01.indd

CH01.indd 3D ios Android Windows 10 App Apple icloud Google Wi-Fi 4G 1 ( 3D ) 2 3 4 5 CPU / / 2 6 App UNIX OS X Windows Linux (ios Android Windows 8/8.1/10 BlackBerry OS) 7 ( ZigBee UWB) (IEEE 802.11/a/b/g/n/ad/ac

More information

week06.key

week06.key 基礎網 頁設計 第六週 老師 : 蔡孟珂 大綱 HTML 標籤屬性 DOM(Document Object Model) 文件物件模型 樹的概念 CSS 撰寫與常 用語法 HTML 標籤屬性 id 唯 一值 同 一份 html 中, 標籤裡不能有重複的 id 名稱 頁底資訊 1 連結

More information

Microsoft Word - 3D手册2.doc

Microsoft Word - 3D手册2.doc 第 一 章 BLOCK 前 处 理 本 章 纲 要 : 1. BLOCK 前 处 理 1.1. 创 建 新 作 业 1.2. 设 定 模 拟 控 制 参 数 1.3. 输 入 对 象 数 据 1.4. 视 图 操 作 1.5. 选 择 点 1.6. 其 他 显 示 窗 口 图 标 钮 1.7. 保 存 作 业 1.8. 退 出 DEFORMTM3D 1 1. BLOCK 前 处 理 1.1. 创 建

More information