untitled
|
|
|
- しげのぶ がうん
- 9 years ago
- Views:
Transcription
1 MoogaOne
2 <1. > 1. MoogaOne MoogaOne <2. > Template.htm index.htm... 4 [ ] [Template.htm Template-e.htm ]... 7 <3. > Template.htm... 7 [2 ] [ ] [ ] <4. > [ ] [ ] <5. css > 1. Template.css css css HTML css [css ] MoogaOne <6. > change_text MoogaOne ID CLASS MoogaOne... 23
![.. 9 4.... 9 [ ]... 10 <4. > 1.... 10 [ ]... 10 [ ]... 11 <5. css > 1. Template.css css... 11 2. css... 12 3. HTML css... 12 [css ].](/docs-images/43/23108328/images/page_2.jpg ".. 12 4. MoogaOne... 13 <6. > 1.... 15 2. change_text... 16 3. MoogaOne... 16 4. ID CLASS... 17 5.... 17 6.... 18 7.... 20 MoogaOne.")
3 <1. > MoogaOne MoogaOne MoogaOne URL MoogaOne 1. MoogaOne MoogaOne css HTML css MoogaOne MoogaOne HTML css HTML css MoogaOne css MoogaOne MoogaOne MoogaOne 2. MoogaOne MoogaOne ReadMeFirst.txt MoogaOneManual.doc HTMLAndCSS.doc HTML css index.htm index-e.htm index.css css Template.htm Template-e.htm Template.css css TwoColumns.htm 2 TwoColumns-e.htm 2 TwoColumns.css 2 css MoogaOneLibrary.png png MoogaOneLibrary.gif gif Triangle.png png Triangle.gif gif spacer.gif 3. MoogaOne 4. MoogaOne UNICODE (UTF-8) UNICODE PC 1
4 MoogaOne HTML html htm HTML htm UTF-8 META UTF-8 5. MoogaOne MoogaOne 6. MoogaOne MoogaOne MoogaOne MoogaOne MoogaOne Design Concept by MoogaOne 1. <2. > PC MoogaOne [ ] [ ] NotePad WordPad HomepageBuilder DreamWeaver 2. Illustrator FireWorks.jpg.gif.png Illustrator, FireWorks MoogaOne MoogaOneLibrary.png index.htm 3. Template.htm Template.htm Template.htm (a) <META NAME="Author" CONTENT=" "> <META NAME="Author" CONTENT="Taro YAMADA "> 2
![> PC MoogaOne [ ] [ ] NotePad WordPad HomepageBuilder DreamWeaver 2. Illustrator FireWorks.jpg.gif.](/docs-images/43/23108328/images/page_4.jpg "png 60 300 Illustrator, FireWorks MoogaOne MoogaOneLibrary.png index.htm 3. Template.htm Template.")
5 (b) <TITLE> </TITLE> <TITLE> </TITLE> (c) <IMG CLASS="TopBanner" SRC="../ ">../.gif.png.jpg <IMG CLASS="TopBanner" SRC="../ MoogaOneLibrary.gif "> (d) <A HREF=" URL"> </A><SPAN> </SPAN> URL URL <A HREF=" </A><SPAN> </SPAN> (e) <A HREF=" URL"> </A><SPAN> </SPAN> (d) (f) <A HREF="../SiteMap/index.htm"> </A><SPAN> </SPAN> <A HREF="../Contact/index.htm"> </A><SPAN> </SPAN> (g) <A HREF="../index-e.htm">English</A> (h) <DIV CLASS="Bottom"> <P> - TEL: FAX: FAX <A HREF="mailto:e ">e </A></P> <ADDRESS>Copyright (C). All rights reserved.</address></div> <DIV CLASS="Bottom"> <P> TEL: FAX: <A HREF="mailto: [email protected]">[email protected]</a></p> <ADDRESS>Copyright (C) MoogaOne Library. All rights reserved.</address> </DIV> Template-e.htm 3
6 4. index.htm index.htm Template.htm (a) (h) index-e.htm MoogaOne HTML <DIV CLASS="Banner"> </DIV> <DIV CLASS="Bottom"> </DIV> <DIV CLASS="Alpha"> </DIV> <DIV CLASS="Beta"> </DIV> <DIV CLASS="Gamma"> </DIV> 3 <DIV CLASS="Block"> </DIV> HTML <H2> </H2> <LI> </LI> <DIV CLASS="Block"> <H2> </H2> <UL CLASS="Menu"> <LI> 1 <LI> 2 <LI> 3 </UL> </DIV>
7 (a) (b) (c) (d) (e) (f) (g) (h) 6. 5
8 <H2> </H2> <H2> </H2> <H1> </H1> <DIV CLASS="Block"> <H2> </H2> <UL CLASS="Menu"> <LI> 1 <LI> 2 <LI> 3 </UL> </DIV> (a) (h) <LI> <DIV CLASS="Block"> <H2> </H2> <UL CLASS="Menu"> <LI> <LI> <LI> </UL> </DIV> index.-e.htm Map Calendar CheckOut 6
9 Template.htm Template-e.htm Template.htm Templatee.htm Template.htm Template.css HTML HTML 1. <3. > Template.htm Template-e.htm 2. Template.htm Template.htm index.htm index-e.htm 7
10 2 Template.htm index.htm index.htm 1 2 (a) <IMG CLASS="TopBanner" SRC="../MoogaOneLibrary.gif">../MoogaOneLibrary.gif../ 2 SRC="../../ DonzokoUnivLibrary.gif" (b) <A HREF="../index.htm"> </A> >../index.htm../ 2 HREF="../../index.htm" <DIV CLASS="BreadCrumb"> <A HREF="../../index.htm"> </A> > <A HREF="../index.htm"> </A> > </DIV> (c) <A HREF="../../SiteMap/index.htm"> </A><SPAN> </SPAN> <A HREF="../../index-e.htm">English</A><SPAN> </SPAN> <A HREF="../../Contact/index.htm"> </A> 3. <TITLE> </TITLE> <TITLE> </TITLE> 8
11 MoogaOne 1 <DIV CLASS="Lead"> </DIV> <DIV CLASS="Block"> </DIV> 2 <DIV CLASS="Banner"> </DIV> <DIV CLASS="Bottom"> </DIV> Lead 1 Block 4. (a) Lead Lead <H1> </H1> <P> </P> <DIV CLASS="Lead"> <H1> </H1> <P> 4 </P> </DIV> (b) Block Block 9
12 css <FONT> <B> <BR> css <CENTER> <BLOCKQUOTE> <TABLE> <TR> <TD> 1. <4. > css URL 2 URL URL / 1 / 1 10
13 css css 1. Template.css css <5. css > MoogaOne Template.css Template.htm Template.css Template.css Template.css Template.css css css css HTML css css HTML Template.css css 2 css 11
14 Template.css css HTML css MoogaOne css css Template.css css Template.css P{ font-size:85%; line-height:150%; } css P{ font-size:80%; } css 80% line-height:150%; Template.css line-height:150%; css 2. css css Notepad.css css 3. HTML css HTML Template.css css HTML css <LINK REL="stylesheet" HREF=" css.css" TYPE="text/css"> <LINK REL="stylesheet" HREF="Calendar.css" TYPE="text/css"> css css../ Template.htm css IBM HomepageBuilder <LINK REL="stylesheet" HREF="Template.css" TYPE="text/css"> <LINK REL="stylesheet" HREF=" css.css" TYPE="text/css"> 1 <LINK REL="stylesheet" HREF="../Template.css" TYPE="text/css"> <LINK REL="stylesheet" HREF="../ css.css" TYPE="text/css"> 12
15 4. MoogaOne MoogaOne HTML (a) Template.css Menu [HTML] [ ] <UL CLASS="Menu"> <LI> <LI> <LI> </UL> 1 [HTML] <P> </P> <UL CLASS="Menu"> <LI><A HREF=" </UL> [ ] (b) MoogaOne <TABLE><TR><TD> Template.css [HTML] <TABLE> <CAPTION> </CAPTION> <THEAD> <TR> <TH></TH> <TH>1999 </TH> <TH>2000 </TH> <TH>2001 </TH> <TH>2002 </TH> <TH>2003 </TH> 13
16 </TR> </THEAD> <TBODY> <TR> <TD> </TD> <TD>250</TD> <TD>254</TD> <TD>256</TD> <TD>259</TD> <TD>259</TD> </TR> </TBODY> </TABLE> [ ] 1 <TABLE> 1 <TD> 1 1 <TH> <CAPTION> <CAPTION> <THEAD> <TBODY> <TH> (c) <H1><H2><H3><H4> MoogaOne Template.css <H1> <H2> <H3> <H4> css <H1> <H2> Lead Block <H3> css Template.css <H3> color:#633; [HTML] <H1>Lead </H1> <H2>Block </H2> <H3> </H3> <H4> </H4> [ ] 14
17 <6. > 1. HTML HTML [ ] [ ] [ ] [ ] OK 3. [ ] [ ] [ ] [ ] 4. [ ] [ ] [ ] 5. [ ] (a) [ ] [ ] [ ] </LI> [ ] </LI> (b) [ ] [ ] [ ] <DIV 3 [ ] <DIV <DIV> 3 <DIV> (c) 15
![[ ] [ ] [ ] 5.](/docs-images/43/23108328/images/page_17.jpg "[ ] (a) [ ] [ ] [ ] </LI> [ ] </LI> (b) [")
18 [ ] <DIV CLASS= Service > [ ] <UL CLASS= Menu > <DIV CLASS= Service > <UL CLASS= Menu > (d) ^p [ ] </DIV>^p<DIV [ ] </DIV>^p^p<DIV </DIV> <DIV> 2. change_text chenge_text UFT-8 MoogaOne 3. MoogaOne MoogaOne # #6666ff #ccccff # # #ffffff #0000ff # #cccccc # <H2> Block <H1> Lead News <H3> 16
19 4. ID CLASS css HTML ID css # CLASS css. 2 MoogaOne CLASS. 5. MoogaOne MoogaOne (a) Spacer.gif Spacer.gif ALT <BODY> <IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" CLASS="Jump" ALT=" "> <A HREF="#1"><IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" ALT=" "></A> <A HREF="#2"><IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" ALT=" "></A> <A HREF="#3"><IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" ALT=" "></A> <DIV CLASS="Block"> <H2> <A NAME="3"><IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" ALT=" "></A> </H2> <P> <IMG SRC="Spacer.gif" WIDTH="1" HEIGHT="1" ALT=" "></P> </DIV> (b) <BODY> <A HREF="#0"><IMG SRC="../Spacer.gif" WIDTH="1" HEIGHT="1" CLASS="Jump" ALT=" "></A> <DIV CLASS="Lead"> <H1><A NAME="0"> </A></H1> <P> MoogaOne </P> </DIV> 17
20 Jump <A> </A>.Jump{ display:block; margin:0; padding:0; } (c) (d) IBM HomepageReader IBM (e) MoogaOne ColorAccess 6. MoogaOne (a) [ ]-[ ]-[ ] 18
21 (b) vs. (c)
22 (d) Google 1 2 MoogaOne MoogaOne NewPage MoogaOne (e) 7. Homepage Usability: 50 Websites Deconstructed. Jakob Nielsen, Marie Tahir (New Riders Press, 2001) Web Jakob Nielsen 50 20
23 , HTML Web (, 2002) css ,, 2004 css Web (, 2002) HTML+CSS Web (, 2003) HTML css HTML css U-Site IID Jakob Nielsen HTML, 2001 css css 21
24 , 2005 css 2 3 MoogaOne TEL: FAX: [email protected] URL (MoogaOne): URL (ICU ) : 22
25 MoogaOne MoogaOne HTML css MoogaOne change_text Template.ccs <TABLE><TH><TD> <TABLE> css 5-4-(b) MoogaOne Lead Block News #ccccff css MoogaOne HTML MoogaOneLibrary.gif MoogaOne HTML META GENERATOR <META NAME="GENERATOR" CONTENT="IBM WebSphere Studio Homepage Builder Version for Windows">
6 2 1
6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi
ホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
コンピュータサイエンス 1. ウェブの基本
1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /
HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17
1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML
橡ホームページの作り方
1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3
3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................
コンピュータサイエンス 4. ウェブプログラミング
4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html
1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2
XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................
(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >
HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript
html_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
textbook.indd
02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24
</BODY> </HTML> HTML HTML HTML HTML <HTML> </HTML> <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> BODY moji.htm <HTML> <HEAD> <TIT
HTML HTML.html.htm HTML HTML FTP HTML HTML HTML 1 HTML HTML HTML HTML HTML
CSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................
HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/
1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX
L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................
388-356697252-2.pdf
専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]
経営論集2011_07_小松先生.indd
20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML
m_sotsuron
iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone
2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................
HTML 04480 2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................... 8 2 HTML................. 30 3.........................
1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................
0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................
1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................
HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................
to-r
to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample
L03_final.indd
XHTML meta DOCTYPE XHTML XHTML XHTML XHTML XHTML a. b. c. d. XHTML Transitional 2 a. b. c. d. XHTML h1h2
PowerPoint プレゼンテーション
HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種
untitled
25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)
モール管理者マニュアル Ver.1.0
1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...
2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html
1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................
Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3
XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web
JavaScriptプログラミング入門
JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................
web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................
スライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
雛形ホームページ利用マニュアル
ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................
HTML入門
HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper