うさこ(うえだうさこ) usakororin 1999 年 imacdv 購 入 web 制 作 にハマる 2001 年 印 刷 会 社 に 入 社 2003 年 web 制 作 会 社 トゥーウェイズ 立 ち 上 げ 2004 年 大 阪 芸 術 大 デザイン 学 科 入 学 2010 年 電 子
|
|
|
- ゆき わたぬき
- 7 years ago
- Views:
Transcription
1 タグ 付 きテキストのお 話 1 時 間 目 WEB でのまーくあっぷらんげーじ
2 うさこ(うえだうさこ) usakororin 1999 年 imacdv 購 入 web 制 作 にハマる 2001 年 印 刷 会 社 に 入 社 2003 年 web 制 作 会 社 トゥーウェイズ 立 ち 上 げ 2004 年 大 阪 芸 術 大 デザイン 学 科 入 学 2010 年 電 子 書 籍 の 勉 強 会 イーパ 部 in 大 阪 を 立 ち 上 げ
3 タグって マークアップって どういうこと?というのを WEBを 例 にお 勉 強
4 タグって なぁに?
5 タグで コンテンツに 意 味 を 持 たせる ブラウザは どのようにwebページを 理 解 する? ここはページのタイトルですよ! とわかる 目 印 を 付 けてあげる その 目 印 がタグ 日 本 語 で 言 ったら 札 です
6 WEB の 世 界 では HTML でタグ 付 け 基 本 形 <タグ>コンテンツ</タグ> 目 印 を 付 けたい 箇 所 をタグで 挟 む
7 WEBページの 材 料 について
8 Web ページの 材 料 HTML : ページの 内 容 このふたつは 単 なるテキストです HTML ファイルさえあれば ページは 作 れます CSS : HTMLに 装 飾 をするもの その 他 画 像 動 画 FLASH JavaScript コレもテキストです
9 デモ1 HTMLだけで 書 かれたコンテンツ
10 デモ2 CSSをあててみる
11 デモ3 別 のCSSをあててみる
12 HTMLについて DTP ということなので web にありがち のリンクやフォームなどではなく 文 書 レイアウト 部 分 にしぼってお 話 しませう
13 HTMLってひっくるめていうけど 細 かくいうと HTMLとかXHTMLとかある バージョンも 色 々ある 拡 張 子 は.html ときに.htm 場 合 により.xhtml
14 HTMLとは H はいぱーてきすと ypertext M まーくあっぷ arkup L ら ん げ ー じ anguage コンテンツをタグによって 意 味 付 けし たもの 現 在 使 われているのは HTML4.01 とか HTML5 かな? XHTML の 方 が 多 い 気 がします
15 XHTMLとは E いくすてんしぶる xtensible HyperText Markup Language HTMLをXMLのルールに 合 うようにし たもの ほんのり 書 き 方 がシビア 現 在 使 われているのは HTML1.0 とか 1.1 そろそろ 5 も? 2 は 消 えちゃいました
16 HTMLファイルの 構 成
17 <html> <head> 表 に 見 えない 箇 所 </head> <body> ページのコンテンツ </body> ざっくり 書 くとこ んな 感 じ 全 体 が<html>と</ html>ではさまれ その 中 にheadと bodyがある </html> head 内 には タイトル みんな 大 好 きな 文 字 コード 指 定 など ちなみに 現 在 では UTF-8 が 主 流 ですが ちょっと 前 は Shift_JIS とかプ ログラム 絡 む 場 合 は EUC-JP なんかも 使 われていました web サーバは Linux ということが 多 いので 最 終 的 に 改 行 コードは LF かな
18 ページコンテンツのタグ 付 け まずは 段 落 から 一 番 使 うかなぁ
19 <p> これは 段 落 を 表 します </p> 開 始 タグ 内 容 要 素 終 了 タグ コンテンツをタグで 挟 み 込 む 要 素 名 は 基 本 的 に 英 単 語 の 略 p:paragraph( 段 落 )
20 見 出 し HTMLは 見 た 目 ではなく コンテンツの 意 味 によって タグ 付 けを 行 います
21 <h1> これは 見 出 しです</h1> h1:heading( 見 出 し) h1 h6まであります InDesignでは 段 落 スタイルでひとまと めだけど HTMLでは 段 落 と 見 出 し は 区 別 されます
22 ルビ 読 めないんだもの
23 <ruby> <rb> 有 紗 子 </rb> <rp>(</rp> <rt>うさこ</rt> <rp>)</rp> 表 示 例 有 紗 子 (うさこ) または う さ こ 有 紗 子 </ruby> ブラウザによる 表 記 の 違 い めっちゃ 面 倒!
24 改 行 から 閉 じタグがない 空 要 素 タグ
25 <p>コツコツ <br /> 廊 下 から 足 音 が 聞 こ える </p> 表 示 例 コツコツ 廊 下 から 足 音 が 聞 こえる br:break InDesignの 強 制 改 行 空 要 素 なので 閉 じタグ 無 し XHTMLでは 閉 じタグが 必 須 なので タグの 最 後 に / をつける XML のルールでは <br></br> っていう 内 容 が 空 っぽ 状 態 で 良 いらしいけど それの 短 縮 系 で 書 きます ブラウザの 暴 走?を 避 けるため / の 前 には 半 角 スペース
26 属 性 要 素 のこまごま 名 前 難 しそうだよねぇ そんなに 身 構 えないでね
27 属 性 とその 値 <p class="lead">ここに 内 容 </p> 要 素 に 属 性 がつくことがある つけられる 属 性 は 決 まっている 要 素 によって 必 須 の 属 性 もある
28 画 像 必 須 属 性 を 持 つ 要 素
29 <img src="photo.png" alt=" 写 真 " /> src: 画 像 パス( 場 所 ) alt: 代 替 文 字 上 記 2 属 性 は 必 須 width heightは 任 意 だがよくつける 空 要 素 なので 閉 じタグ 無 し 画 像 パス は html ファイルからの 相 対 パスまたは サーバのルートか らの 絶 対 パス 上 のまたは http ではじまる url( コレも 絶 対 パスと 呼 ぶ) の 3 パターンの 方 法 があります
30 コメント 見 せたかないけど 書 いときたい アプリケーションが 勝 手 に 書 いたりもする ので 一 応 覚 えておくと 良 いと 思 います
31 <!-- ココは 表 示 されません --> <p> 募 集 中!</p> <!--<p> 締 め 切 りまし 表 示 例 募 集 中! た </p>--> 一 時 的 に 隠 しておきたい 表 記 ソース 整 理 のため アプリケーションが 書 き 出 すコメント 等 があります ソース 見 たら 見 られちゃうから 注 意
32 フォント 色 やサイズを 設 定 したい
33 <font> </font> <font color="#f00" size="+1"> 久 々に</ 表 示 例 久 々に 使 うぜ font> 使 うぜ 設 定 できる 属 性 size color faceなど 現 在 主 流 の HTML/XHTML では 廃 止 見 た 目 は CSS で 設 定 します
34 ブロック 要 素 とインライン 要 素 また 新 しい 言 葉 ですが イ ンデザインで 考 えると 簡 単!
35 h1 h6 pなど ブロック 要 素 表 示 (cssでどうとでもなります) 左 右 いっぱいになる タグの 前 後 で 改 行 される
36 インライン 要 素 strong font rubyなど 文 章 中 の 一 部 分 に 反 映 される
37 インライン 要 素 の 例
38 強 調 <strong> <p>お 申 し 込 みは <strong>3 月 18 日 </strong> 締 め 表 示 例 お 申 し 込 みは3 月 18 日 締 め 切 りです! 切 りです!</p>
39 InDesignで 考 えると 解 りやすい 段 落 スタイル ブロック 要 素 文 字 スタイル インライン 要 素
40 div 要 素 とspan 要 素 特 別 な 意 味 を 持 たない 要 素 HTML は 意 味 付 けだけど 必 要 な 場 面 があるのです
41 div 要 素 (ブロック 要 素 ) <div id="header"> <h1> 見 出 し</h1> <p> 文 章 </p> レイアウト 目 的 な どで 一 部 コンテン ツをまとめる </div> HTML5では headerなどの 要 素 があります
42 span 要 素 (インライン 要 素 ) <p> 例 えば 文 章 の 一 部 を<span> 赤 く </span>したい 時 なんかに 使 えます ね!</p> 部 分 的 に 文 字 に 変 化 をさせたいときに 使 います 体 裁 装 飾 は CSS で 設 定 します 単 なる 目 印
43 class 属 性 とid 属 性
44 イメージとしては InDesignで 複 数 の 段 落 に 段 落 スタ イル で 設 定 したスタイルをかける そのスタイル 名 の 設 定 方 法
45 class 属 性 ページに 何 度 でも 同 じ 名 前 のものが 使 える 段 落 スタイル 名 と 同 じようなもの <p class="photo"> <img src="photo.png" alt="にゃん"> </p> ファイル 名 もですが タグもクラス 名 も 全 部 半 角 英 数 字 で 書 きます 代 替 テキストと かコンテンツはもちろん 日 本 語 OK
46 大 枠 のレイアウトに 利 用 されることが 多 い id 属 性 <div id="header"> </div> id="header"を 設 定 できるのは1ペー ジに 一 カ 所 だけ あとは アンカー( ページ 内 リンク) の 設 定 にも 利 用 します タグは 他 にも 色 々あるけど よく 使 うのはあとは リストとテーブルくらいです 気 軽 にチャレンジ!
47 CSSについて
48 CSSってなぁに?
49 CSSとは C かすけーでぃんぐ ascading S すたいる tyle S し ー と heet HTMLに 記 述 されたタグ 等 に 対 して 装 飾 を 指 定 するもの
50 HTMLでも 文 字 の 色 とか 変 えられたやん?
51 役 割 分 担 HTML :コンテンツに 対 する 意 味 付 け CSS : 見 え 方 を 設 定 HTMLに 装 飾 のデータを 入 れちゃう と データの 流 用 がしにくい 更 新 性 が 悪 いのです
52 CSSってどう 書 くの?
53 p { color : #444 ; } セレクタ プロパティ 値 セレクタを 複 数 設 定 す る 場 合 p,ul,li など カンマで 区 切 る スタイルを 複 数 設 定 する 場 合 プロパティ: 値 ; を 複 数 記 述 CSS もテキストファイルです セレクタは セレクトするもの って 考 えたら 解 りやすいかも
54 CSSをHTMLに 反 映 させるには? 3 つあるけど 今 回 はひとつ
55 別 ファイルに 記 述 して 呼 び 出 す style.css 内 p {color:#444; } HTML 側 ヘッダ 内 <link rel="stylesheet" type="text/ css" href="style.css" media="all" /> HTML ファイル 内 にいくつ 設 定 しても OK メディアタイプは 色 々 設 定 できて 面 白 いよ! screen と print はよく 使 います
56 セレクタについて CSS Selectors Level3
57 p { color:#444; } ある 要 素 に 反 映 p 要 素 に 反 映 される p span { color:#f00; } p 要 素 の 中 にある span 要 素 に 反 映 さ れる
58 id 属 性 に 反 映 #header { color:#444; } id = "header"が 設 定 された 要 素 に 反 映 される div#header { color:#444; } id = "header"が 設 定 された div 要 素 に 反 映 される
59 class 属 性 に 反 映.photo { border:solid 1px #f00; } class = "photo"が 設 定 された 要 素 に 反 映 される p.photo { border:solid 1px #f00; } class = "photo"が 設 定 された p 要 素 に 反 映 される セレクタは 他 にも 沢 山 あって 色 んな 選 択 ができて 例 え ばドロップキャプとかも 表 現 できます
60 レイアウト 周 り
61 レイアウトでよく 使 うプロパティ width : 幅 height: 高 さ margin:マージン padding: 内 側 余 白 display: 表 示 形 態 float: 浮 かせて 寄 せる background: 背 景 border: 境 界 まだまだあるけ ど 書 ききれません
62 背 景 画 像 デザイン 上 の 装 飾 はHTML 上 に 画 像 と して 置 かずに 背 景 として 設 定 する body { background-image: url(bg.png); } CSS3では 複 数 の 背 景 画 像 が 設 定 できる 例 えば 飾 り 罫 だとか リストのポチっとしたアイコンなど コンテンツとしてい 身 をもたないものは HTML に 置 くのではなく CSS に 設 定 しちゃう リストアイコンは css で 設 定 があるけど 空 きなどがブラウザによってまちまちなので 背 景 にす ることが 多 いです モダンブラウザだと 疑 似 クラスセレクタ :before なんかで 代 用 もできます
63 背 景 画 像 を 使 ったデモ
64 文 字 周 り
65 文 字 表 現 でよく 使 うプロパティ font-size : 文 字 サイズ color : 文 字 色 line-height : 行 の 高 さ font-weight : 文 字 の 太 さ text-decoration : 文 字 装 飾 ( 下 線 等 ) text-align : 文 字 揃 え text-indent:インデント まだまだあるけど 書 ききれません
66 どんなことができるかデモ
67 後 で 困 らないように
68 class 名 も 意 味 でつけよう 価 格 青 字 にしといて <span class="blue"> 500 円 </span> span.blue { color : blue; } やっぱり 赤 で! <span class="blue"> 500 円 </span> span.blue { color : red; } 後 はメニューとか leftmenu が 右 にくる とか ちょっと 気 持 ち 悪 いことになります
69 タグ 付 けとコーディングの 重 要 性
70 HTML CSS バージョンの 移 り 変 わり
71 2001 年 頃 テーブルレイアウト 2004 年 頃 XHTML+CSS 増 える MovableTypeの 流 行 とSEO( 検 索 エンジン 最 適 化 )NN4.7 切 り 捨 て 2011 年 頃 HTML5+CSS3 スマートフォンの 流 行 で 軽 量 で 装 飾 ができる CSS3の 利 用
72 タグ 付 けしたら 何 かいいことがあるん?
73 1) 内 容 を 解 釈 できる 2)データを 活 用 できる ぶらうざが アプリケーションが グーグルなどの 検 索 ロボットが 印 刷 物 に 電 子 書 籍 に 音 声 読 み 上 げに 特 に XHTML であると XML として 扱 える
74 まとめ
75 HTMLとは 文 書 を 論 理 的 に 記 述 するための 文 法 CSSとは 文 書 の 装 飾 を 司 るもの CSSがなくても 意 味 が 通 じるHTMLを 作 ることがとっても 大 事
76 参 考 サイト HTMLは 世 界 共 通! W3C( 仕 様 を 決 めてるとこだから 一 番 正 確 ) W3C Validation Service( 適 合 してるかチェック) w3schools.com(タグごとに 調 べるのに 便 利 ) HTMLクイックリファレンス(HTMLもCSSも 解 りやすい) HTML5.jp(HTML5の 日 本 語 情 報 ならココ 本 も 出 てます) 仕 様 は 日 本 語 訳 されているものもありますが 日 本 語 だとちょっと 取 り 違 え ちゃうかも って 感 じのものもあるので 仕 様 を 読 むなら 英 語 をお 勧 めします あと 一 番 したのんは 本 があるけど それが 解 りやすくておススメ!
77 おしまい
Microsoft PowerPoint - css [互換モード]
![Microsoft PowerPoint - css [互換モード]](/thumbs/39/20119160.jpg "Microsoft PowerPoint - css [互換モード]")
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使
Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ
Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字
PowerPoint プレゼンテーション
1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト
地域ポータルサイト「こむねっと ひろしま」
5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19)(20)(21) (22) (23) (24) (25)
演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W
Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:
Microsoft PowerPoint - css.ppt [互換モード]
![Microsoft PowerPoint - css.ppt [互換モード]](/thumbs/41/22472741.jpg "Microsoft PowerPoint - css.ppt [互換モード]")
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される
アフィリエイターの為のHTML
アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた
CSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
1/2
札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画
2.4 箇 条 書 のスタイルを 変 更 する 右 クリックして 箇 条 書 と 番 号 付 け を 選 択 する. あとは 少 し 遊 べば, このようなことをやりたい 人 は 理 解 できると 思 います 3 いろいろな 入 力 ワープロを 使 う 上 で 肝 心 な 点 は, 空 白 調 整
目 次 1 標 準 の 行 間 隔...1 2 箇 条 書 き...1 2.1 箇 条 書 を 開 始 する...1 2.2 箇 条 書 を 終 了 する...1 2.3 箇 条 書 のレベルを 変 更 する...1 2.4 箇 条 書 のスタイルを 変 更 する...2 3 いろいろな 入 力...2 3.1 段 落 を 指 定 する...2 3.2 強 制 的 に 改 ページをする...2 3.3
１-１ 一覧画面からの印刷
第 7 章 公 報 の 印 刷 7-1 一 覧 画 面 からの 印 刷 検 索 された 公 報 は 印 刷 することができます 目 次 印 刷 や 公 報 全 文 複 数 件 の 公 報 印 刷 も 可 能 です はじめに 検 索 画 面 から 結 果 一 覧 ボタンを 押 して 検 索 結 果 一 覧 画 面 を 表 示 させます 印 刷 方 法 をご 確 認 ください 一 括 選 択 ( 反 転
■新聞記事
PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...
A
A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から
Microsoft Word - 203MSWord2013
3.1 Word 2013 の 起 動 第 3 章 ワープロ 1.Word 2013 の 起 動 (1)マウスの 左 ボタンでスタートボタンをクリックします (2)[すべてのプログラム] [Microsoft Office 2013] [Word 2013]の 順 にマウスをクリックすると Word 2013 の 初 期 画 面 ( 図 3-1)が 開 かれます クイックアクセスツールバー タイトルバー
SchITコモンズ【活用編】
2016 SchIT コモンズ 活 用 編 株 式 会 社 スキット 1. 画 像 のサイズ 変 更 (リサイズ) 1. 画 像 の 大 き さ( 幅 )を 変 更 (ア) 画 像 を 挿 入 する 場 合 は[ 画 像 の 挿 入 ]のマークをクリックします [ 参 照 ]をクリックし 任 意 の 場 所 から 挿 入 したい 画 像 を 選 択 し [ 画 像 の 挿 入 ]をクリックします (イ)
KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2
目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以
(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)
Easy ページ 操 作 ガイド http://359ch.com ところチャンネル( 資 ) Easy ページサービス 操 作 ガイド 2009.1.8 版 1. はじめに Easy ページサービスとは パソコンからブラウザを 利 用 して 簡 単 にホームページを 公 開 更 新 できるサービス です Docomo や AU SoftBank 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを
HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d
第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd
<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>
アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作
Microsoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
01_07_01 データのインポート_エクスポート_1
データのインポート/エクスポートについて 概 要 スタッフエクスプレスでは 他 のソフトウェアで 作 成 されたスタッフデータ 得 意 先 データなどを 取 り 込 む(インポートする)ことができます また スタッフエクスプレスに 登 録 済 みのデータを Excel 形 式 CSV 形 式 で 出 力 (エクスポート)す ることができます 注 意 インポートできるデータは 次 の 条 件 を 満
Microsoft Word - 内容の入力.doc
Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存 文 字 については 他 のパソコン 環 境 やブラウザにより 表 示 されません 記 事 の 保 存 時 にシステムでエラーが 出 るように 設 定 されています 利 用 しないようにお 願 いします 機 種 依 存 文 字 (
2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正
1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく
1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7
1. アーカイブデータベースを 検 索 / 閲 覧 する 1.1. データの 検 索 方 法 東 京 アーカイブ では 以 下 に 分 類 されるカテゴリの 画 像 データ 資 料 データを 閲 覧 できます 江 戸 城 浮 世 絵 双 六 和 漢 書 江 戸 東 京 の 災 害 記 録 絵 葉 書 写 真 帖 近 代 の 地 図 東 京 府 東 京 市 関 係 資 料 番 付 建 築 図 面 書
治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン
2014 年 1 月 7 日 治 験 依 頼 者 各 位 新 潟 市 民 病 院 治 験 管 理 室 Excel 形 式 の 電 子 プロトコール 提 出 の 御 依 頼 当 院 では 効 率 的 で 正 確 な 治 験 の 実 施 のため 電 子 カルテ 内 に 専 用 の Excel 形 式 による 電 子 プロトコールを 導 入 しております つきましては 治 験 依 頼 の 際 に 下 記
1.ユーザーズマニュアル 目 次 1. ユーザーズマニューアル 目 次 2. 管 理 画 面 基 本 情 報 3_1. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート1 施 設 の 選 択 3_2. 施 設 情 報 管 理 メニュー / 情 報 修 正 について パート2 基
ハイツ&いこいの 村 様 施 設 情 報 最 新 情 報 お 勧 めプラン 更 新 システム ユーザーズマニュアル [ 連 絡 先 ] 北 川 宣 浩 TEL:03-5434-8282 Nobuhiro_Kitagawa@jic.co.jp 竹 内 勇 人 TEL:03-3702-7673 hayato@bamboo-h.com 1.ユーザーズマニュアル 目 次 1. ユーザーズマニューアル 目 次
PowerPoint プレゼンテーション
1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 3 記 事 の 登
タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように
情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello
Lecture/CompPracR2003/12th
Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行
Microsoft Word - Active.doc
利 マニュアル 梅 校 メールサーバをご 利 されていた 教 員 の 皆 さまへ 2009 年 1 7 のメールサーバ 移 に 伴 い 学 外 からの 電 メールの 送 受 信 はウェブメール(Active!mail) からのみ 可 能 となりました Active!mail の 利 法 については 本 マニュアルをご 確 認 ください 次 Active!mail にログインする...2 Active!mail
第3回HP講習会資料ver1.2(2007.9.20)
1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート
スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年
Departmental Bulletin Paper / 紀 要 論 文 スタイルシートを 用 いたWebページの 運 用 太 田, 諭 之 ; 大 橋, 和 義 ; 後 藤, 克 嘉 ; 水 野, 保 則 技 術 職 員 による 技 術 報 告 集. 2009, 17, p. 24-27. http://hdl.handle.net/10076/10274 スタイルシートを 用 いた Web ページの
(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)
スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕
ホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc)
ブログをカスタマイズ! ~HTML HTML CSS を 使 ってブログを 自 分 の 好 みにしちゃおう ~ ブログを 登 録 しよう! ブログってなんだろう? ブログとはインターネット 上 で 管 理 者 が 記 事 を 投 稿 する 私 的 ニュースサイト あるいは 日 記 的 なもののこと 個 人 のホームページを 持 たなくても 簡 単 に 自 分 が 書 きたいことを 作 って 載 せることができる
<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>
商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面
目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの
Google Blogger 入 門 目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの 編 集... 9 テンプレートの 設 定... 10 ブログの
スライド 1
アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更
PowerPoint プレゼンテーション
定 型 カタログ 作 成 ツール CatalogPacker のご 紹 介 平 成 26 年 7 月 8 日 共 同 印 刷 株 式 会 社 トータルソリューションオフィス 藤 森 良 成 定 型 カタログ 作 成 ツール CatalogPacker の 概 要 CatalogPacker は 定 型 カタログを 製 作 を 行 うための Web to Print システムです Webブラウザ 上
スライド 1
ラベル 屋 さんHOME かんたんマニュアル はじめてコース 目 次 STEP 1: 画 面 の 確 認 をしよう STEP 2: 用 紙 を 選 択 しよう STEP 3: 文 字 を 入 力 しよう STEP 4: 文 字 の 大 きさを 変 えるには STEP 5: イメージを 貼 り 付 けよう STEP 6: コピー 保 存 をしよう STEP 7: 印 刷 をしよう STEP 8: テンプレートを
目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング..
治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.4 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバンストエンジニアリング 2010 目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3.
【試用版】AppStudioクイズアプリ作成手順
2014 年 08 月 18 日 最 終 更 新 クイズアプリをつくろう Dacoon, Inc. 目 次 1. APP STUDIO で 作 れるクイズについて... 3 2. クイズアプリを 作 ってみよう... 4 3. 画 像 の 設 定... 22 4. CSS 編 集 について... 25 5. パブリッシュについて... 27 2 1.App Studio で 作 れるクイズについて
Microsoft PowerPoint - InfPro_I9.pptx
今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ
<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>
1. 基 本 事 項 1.1. システムで 行 えること デジタルライブラリー では データベース 上 に 登 録 されている 様 々なカテゴリのデータを 検 索 閲 覧 できます データを 検 索 する キーワード 検 索 全 データをフリーワードで 検 索 できます 簡 易 検 索 データの 共 通 項 目 に 条 件 を 指 定 し 全 データを 横 断 して 検 索 できます 詳 細 検 索
スタイルシートでデザインを整えよう
スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互
Microsoft Word - tb01.doc
第 1 章 プログラムを 動 かそう 概 要 ここでは 情 報 処 理 センターの 計 算 機 環 境 を 使 用 してプログラミングを 勉 強 するために 覚 えておかなければならな い 種 々のソフトウェアの 使 用 方 法 について 学 びます また C 言 語 を 用 いて 書 いたプログラムのソースコードをコンパイルし 実 行 する 方 法 について 学 びます この 章 の 目 標 テキストエディタを
おすすめページ
4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると
<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378>
デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書 館 でデジタル
3. 画 面 説 明 1 アドレスバー/Google 検 索 バー 4 ステータスバー 1 アドレスバー/Google 検 索 バー 現 在 表 示 されているホームページの URL 1 (ホームページアドレス)を 表 示 します URL を 入 力 すると 目 的 のページに 移 動 することがで
V. ブラウザーの 使 い 方 Windows ブラウザーとは インターネット 上 のホームページを 閲 覧 するためのソフトウェアのことです ブラウザーはインターネットから HTML ファイルや 画 像 ファイル 音 楽 ファイルなどをダウンロ ードし レイアウトを 解 析 して 表 示 再 生 します パソコン 教 室 には Internet Explorer Firefox Chrome の
PowerPoint プレゼンテーション
1 履 修 履 歴 データベースの 仕 組 み 学 生 が 履 修 履 歴 を 登 録 して 企 業 へデータを 送 信 すると 企 業 担 当 者 が 履 修 履 歴 データを 見 られるようになります 不 特 定 の 企 業 に 履 修 履 歴 データが 閲 覧 されるわけではありません < 基 本 的 な 流 れ> A 社 データ ベース 応 募 企 業 へ データを 送 信 学 生 A 専
Microsoft Word - word_05.docx
第 1 章 葉 書 き 作 成 と 外 国 語 の 入 力 縦 書 きのはがき 作 成 1. ページレイアウト タブの ページ 設 定 グループから 起 動 ツールボタン をク リックする 2. ページ 設 定 ダイアログボックスの 用 紙 余 白 文 字 数 と 行 数 タブをクリッ クして 指 定 されたとおり 設 定 を 行 う( 用 紙 :はがき 余 白 : 上 下 15 ミリ 左 右 :10
Acrobat早分かりガイド
Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを
第 1 章 共 通 操 作 1.1 ログイン PIN 番 号 入 力 (1) 大 阪 府 電 子 入 札 システム トップ 画 面 より 1 電 子 入 札 システム ボタンをクリックし ます 1 1-2
第 1 章 共 通 操 作 第 1 章 共 通 操 作...2 1.1 ログイン PIN 番 号 入 力... 2 1.2 調 達 案 件 一 覧 表 示... 6 1.3 連 絡 事 項 の 確 認... 14 1.4 企 業 プロパティの 変 更... 18 1-1 第 1 章 共 通 操 作 1.1 ログイン PIN 番 号 入 力 (1) 大 阪 府 電 子 入 札 システム トップ 画 面
<4D6963726F736F667420576F7264202D203193FA8AD45F95CA8E86325F89898F4B315F94F093EF8AA98D90939994AD97DF914F82CC8FEE95F182CC8EFB8F57814589C28E8B89BB2E646F63>
1.ログイン 方 法 1-1: 県 域 統 合 型 GIS 総 合 ポータルから 研 修 用 のユーザID 及 びパスワードを 入 力 後 ログインする 1-2:ログイン 後 マップ 編 集 を 選 択 します 1-3:マップ 一 覧 から 編 集 したいマップを 選 ぶ 今 回 の 場 合 1. 避 難 勧 告 等 発 令 までの 情 報 収 集 可 視 化 ( 班 ) を 選 択 する 1 2.
1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション 送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用
デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 利 用 方 法 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書
スライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
ThinkBoard Free60 Manual
3.TB ファイル 制 作 手 順 簡 単 ガイド (1) 画 面 をキャプチャする ThinkBoard は ワードやエクセル インターネットブラウザなど 普 段 使 っている 画 面 を 利 用 してコンテンツを 作 る 予 め 作 っていた 画 像 を 利 用 してコンテンツを 作 る といった 事 が 可 能 です 以 下 にそれぞれの 手 順 をご 紹 介 します 1-1.ワードやエクセル
変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 1 1.00 2015/11/30 新 規 初 版 作 成 2 1.01 2015/12/10 修 正 資 料 カバー 画 像 設 定 の 操 作 内 容 を 追 加 5.1.3. 資 料 カバー 画 像 設 定 i
J-STAGE 操 作 マニュアル 資 料 情 報 の 各 種 設 定 変 更 方 法 < 第 1.01 版 > 平 成 27 年 12 月 国 立 研 究 開 発 法 人 科 学 技 術 振 興 機 構 変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 1 1.00 2015/11/30 新 規 初 版 作 成 2 1.01 2015/12/10 修 正 資 料 カバー 画 像
別冊資料-11
一 般 競 争 入 札 方 式 工 事 希 望 型 競 争 入 札 方 式 における 技 術 資 料 入 力 システムの 利 用 方 法 について Rev 8.0( 平 成 28 年 3 月 ) 国 土 交 通 省 中 国 地 方 整 備 局 - 目 次 - 1. はじめに... 1 2. 利 用 環 境 及 び 注 意 事 項... 1 3. 入 力 手 順 について... 2 3.1. 技 術
PowerPoint プレゼンテーション
ページ 作 成 フローについて ページの 構 造 について(レイアウト/ 共 通 ヘッダー フッター) 1 共 通 ヘッダー フッターのレイアウトパターン * 共 通 ヘッダー フッター サイドバーのパターンは 複 数 作 成 することが 可 能 です * 基 本 上 層 ページの 共 通 パーツを 引 き 継 ぎますが 任 意 に 変 更 することも 可 能 です ページの 構 造 について(コンテンツ
経営論集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
はじめに確認していただきたいこと
ページの 内 容 を 編 集 する ページ 内 の 領 域 を 追 加 削 除 したり 修 正 したりして 編 集 します 1 編 集 メニュー 表 示 を 押 す 2 編 集 したい 領 域 の 下 にスクロールする グレーの 帯 が 表 示 されています 3 グレーの 帯 の 部 分 にカーソルを 合 わせる 編 集 メニューが 表 示 されます 4 編 集 したい 内 容 に 合 わせて 操
目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T
ホームページングサービス G o o d P a g e E a s y GoodPageASPシリーズ 操 作 マニュアル 基 本 操 作 編 (EASY+のメニュー 操 作 については メニュー 操 作 編 をご 覧 下 さい) ASPシリーズ(SUPERLITE EASY EASY+)の 基 本 操 作 手 順 は 共 通 ですが マニュアルではGoodPageEASYの 画 面 で 説 明
<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63>
PowerPoint 基 本 操 作 P.1 PowerPoint 基 本 操 作 - 目 次 - 1.PowerPoint の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力... 5 5. 図 の 作 成 (クリップアート)... 6 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色... 7 8.アニメーション 効
<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>
文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集
OpenCity2説明
和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト
MATRIX TRADER(インストール版) 取扱説明書
インストール 版 MATRIX TRADER チャート 取 扱 説 明 書 目 次 タイトル ページ タイトル ページ チャート メニューの 呼 び 出 し 2 チャートの 追 加 3 画 面 の 説 明 4 MENU の 説 明 6 画 面 表 示 方 法 7 クロスラインの 表 示 8 チャートからの 新 規 注 文 9 コメント 入 力 10 アラートの 設 定 11 左 側 アイコンの 説
ホームページ掲載用原稿入稿のご案内
ホームページ 掲 載 用 原 稿 入 稿 のご 案 内 この 度 は スマイルサーバ 簡 単 ホームページ 制 作 入 稿 コース にお 申 し 込 み 頂 きまして 誠 にありがとうございます 本 コースは 弊 社 指 定 の 入 稿 フォーマット( 本 資 料 の2ページ 目 以 降 )に 従 って お 客 様 にテンプレート 選 定 及 びホームペ ージ 基 本 情 報 や 各 ページに 掲
4 応 募 者 向 けメニュー 画 面 が 表 示 されます 応 募 者 向 けメニュー 画 面 で [ 交 付 内 定 時 の 手 続 を 行 う] [ 交 付 決 定 後 の 手 続 を 行 う]をクリックします 10
![4 応 募 者 向 けメニュー 画 面 が 表 示 されます 応 募 者 向 けメニュー 画 面 で [ 交 付 内 定 時 の 手 続 を 行 う] [ 交 付 決 定 後 の 手 続 を 行 う]をクリックします 10](/thumbs/43/23119099.jpg "4 応 募 者 向 けメニュー 画 面 が 表 示 されます 応 募 者 向 けメニュー 画 面 で [ 交 付 内 定 時 の 手 続 を 行 う] [ 交 付 決 定 後 の 手 続 を 行 う]をクリックします 10")
2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が 表 示 されます [ 研 究 者 ログイン]をクリック します 掲 載 している 画 面 は 例 示 です 随 時 変 更 されます 3 科 研 費 電 子 申 請 システムの 応 募 者 ログイン 画 面 が 表 示 されます e-rad の ID パ ス ワード を 入 力 し [ログイン]をクリックします 9 4 応 募 者
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......................
2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が 表 示 されます [ 研 究 者 ログイン]をクリック します 掲 載 している 画 面 は 例 示 です 随 時 変 更 されます 3 科 研 費 電 子 申 請 システムの 応 募 者 ログイン 画 面 が 表 示 されます e
![2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が 表 示 されます [ 研 究 者 ログイン]をクリック します 掲 載 している 画 面 は 例 示 です 随 時 変 更 されます 3 科 研 費 電 子 申 請 システムの 応 募 者 ログイン 画 面 が 表 示 されます e](/thumbs/43/23118903.jpg "2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が 表 示 されます [ 研 究 者 ログイン]をクリック します 掲 載 している 画 面 は 例 示 です 随 時 変 更 されます 3 科 研 費 電 子 申 請 システムの 応 募 者 ログイン 画 面 が 表 示 されます e")
2.2.1 科 研 費 電 子 申 請 システム( 交 付 申 請 手 続 き)へログイン 1 Web ブラウザを 起 動 し 日 本 学 術 振 興 会 の 電 子 申 請 のご 案 内 サイト (http://www-shinsei.jsps.go.jp/)を 表 示 し 科 学 研 究 費 助 成 事 業 をクリックします 8 2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が
Word 003 スキルブック 06 - オブジェクトの 利 用 0.Word で 作 る 表 : 行 幅 を 最 小 値 より 小 さく 設 定 する 3 表 の 左 右 のサイズを 適 宜 調 整 します Word で 表 を 作 成 するとき, 列 幅, 行 幅 ともに 基 本 的 に 自 由
Word 003 スキルブック 06 - オブジェクトの 利 用 Word 003 スキルブック 06 - オブジェクトの 利 用 ツールバーに 表 ( 罫 線 )の 作 成 機 能 を 追 加 する( 罫 線 ツールバーを 追 加 する) ツールバー 上 の,アイコンのない 空 白 箇 所 を 右 してメニューを 開 きます 0. 準 備 :ツールバーのカスタマイズ メニュー 内 の 罫 線 の
Microsoft Word - 201009_page新機能について.doc
@page 新 機 能 について 1. 全 体 背 景 とページ 背 景 画 像 に 画 像 の 入 力 背 景 にグラデーションを 採 用 する 11. 全 画 面 基 本 項 目 の 設 定 の 実 行 ボタンを 選 択 2 背 景 色 を 白 にし カスタマイズ 画 像 を 使 用 する をチェックする グラデーション 画 像 を 横 に 繰 り 返 し 表 示 を 選 択 背 景 とページを
Microsoft Word - TCⅡﾏﾆｭｱﾙ_第6章_ doc
.1 章 -1 .1 様 々な 機 能 を 利 用 し 簡 単 にイメージ 通 りの 加 工 が 行 えます した は 元 を 残 し 新 規 として 保 存 されます また 再 できる 加 工 内 容 の 場 合 は 上 書 き 保 存 することができます.1.1 面 について 配 置 面 ( 第 4 章 ) ペンスコープ 面 ( 第 5 章 ) 一 覧 面 ( 第 12 章 )( 複 数 選 択
4 タグの 基 本 (Ⅳ) 画 像 基 本 19 1 画 像 を 入 れる 2 画 像 の 大 きさを 指 定 する 3 Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]
![Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]](/thumbs/42/22898375.jpg "Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]")
目 次 目 次 2 全 体 概 要 3 管 理 画 面 へのログイン 4 ページの 種 類 5 新 規 投 稿 の 流 れ 7 記 事 を 投 稿 する( 各 要 素 のパターン) 8 記 事 を 投 稿 する( 要 素 の 順 番 入 れ 替 え 削 除 の 方 法 ) 10 画 像 追 加 11 投 稿 の 編 集 14 サイドエリアの 編 集 16 投 稿 の 削 除 17 新 規 カテゴリの
006-021_責）Wordトレ2-1章_斉
. Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を
第9回
第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利
ワープロソフトウェア
プレゼンテーションソフト (PowerPoint) プレゼンテーションソフト プレゼンテーションソフト 発 表 会 や 会 議 などで 使 用 する 資 料 を 作 成 表 示 するため のアプリケーションソフト PowerPoint Microsoftによって 提 供 されているプレゼンテーションソフト 比 較 的 簡 単 に 見 映 えのするスライドが 作 れる 2 PowerPointの 起
InfoPros13_digest.key
! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:
賞 状 を 作 ってみよう 1- 賞 状 フォルダを 使 用 賞 状 のテンプレートから ワードで 賞 状 の 文 章 を 作 成 します あらかじめ EXCEL で 作 成 した 受 賞 者 の 名 簿 から 学 年 クラス 名 前 を 入 れて 印 刷 します 1Excel の 賞 状 名 簿.
ワード2010 活 用 講 座 ( 差 し 込 み 文 書 ) < 講 座 の 内 容 > 1. テンプレートをダウンロードして 賞 状 を 作 ってみよう 2. 家 庭 訪 問 のお 知 らせを 作 ろう 3. 簡 単 名 札 4. はがき 印 刷 5. 差 込 ファイルを 再 度 開 くときの 注 意 6. 練 習 問 題 123 Word のリボン( 差 し 込 み 文 書 ) 1 2 3 4
目 次 1.ユーザー 登 録 2.グループページへの 参 加 申 請 3.グループページの 作 成 4.パーツの 追 加 移 動 削 除 5. 各 パーツについての 概 要 6. ブログ パーツ 6-1 ブログ 記 事 の 新 規 投 稿 6-2 ブログ 記 事 の 編 集 6-3 記 事 へのイメ
e コミュニティ プラットフォーム 利 用 マニュアル ( 初 級 編 ) 2012 年 1 月 独 立 行 政 法 人 防 災 科 学 技 術 研 究 所 1 目 次 1.ユーザー 登 録 2.グループページへの 参 加 申 請 3.グループページの 作 成 4.パーツの 追 加 移 動 削 除 5. 各 パーツについての 概 要 6. ブログ パーツ 6-1 ブログ 記 事 の 新 規 投 稿
本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な
アメブロ ~ヘッダー 画 像 メニューバーの 設 定 方 法 ~ 本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 なヘッダー 画 像 を 作 成 する
目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.
Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...
ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2
レンタルショッピングカートマニュアル ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >> ファイル
■ディレクトリ
Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) ディレクトリ 公 開 画 面 として HTML を 表 示 する 際 に HTML ファイルを 格 納 するディレクトリやページを 作 成 します コンセプトに 格 納 されているオブジェクトは 物 理 的 なディレクトリやページを 指 定 することにより Web の 公 開 画 面 として 表 示 することができます ディレクトリメニューでディレクトリやページを
1. アクセスする 2. 簡 易 検 索 画 面 (fig. 1) アクセスすると 最 初 に 出 る 画 面 です 検 索 語 入 力 ボックスにキーワードを 入 力 して 論 文 検 索 ボタンをクリックし ます 3. ボックス 下 部 のチェック 項
CiNii Articles を 使 う 2013 芳 野 明 / 京 都 嵯 峨 芸 術 大 学 西 洋 美 術 史 博 物 館 学 研 究 室 1. アクセスする http://ci.nii.ac.jp/ 2. 簡 易 検 索 画 面 (fig. 1) アクセスすると 最 初 に 出 る 画 面 です 検 索 語 入 力 ボックスにキーワードを 入 力 して 論 文 検 索 ボタンをクリックし
GMO MobileHomePage
テンプレート 解 説 書 (キャンペーンサイト) Last update 2010/02/26 1 目 次 1. テンプレート 解 説 書 (キャンペーンサイト)について...3 2. テンプレートを 利 用 した 携 帯 サイト 制 作 方 法...4 3. 全 ページ 共 通 画 像 について...5 4. トップページ 解 説...7 5. 問 題 ページ 解 説...8 6. 正 解 ページ
Microsoft Word - wsample.docx
2013.10 情 報 科 学 A 補 足 資 料 Web ページ 作 成 のポイントとサンプルデータ HTML 作 成 のポイント テキストエディタ (EmEditor, メモ 帳 など) でテキストファイルとして 作 成 する Microsoft Expression Web など,Web ページ 作 成 専 用 のソフトウエア (オーサリングソフト) を 用 いるこ ともできる HTML(HyperText
スライド 1
新 機 能 マニュアル( 事 業 者 向 け) 平 成 22 年 7 月 新 機 能 概 要 携 帯 電 話 メールアドレス 入 力 項 目 追 加 ( 詳 細 2P) ページデザイン 選 択 (5パターン) ページレイアウトが 選 択 可 能 になります ( 詳 細 3P) Googleマップ 設 定 Googleマップを 自 動 表 示 します ( 詳 細 4P) QRコードの 表 示 / 非
■新聞記事
情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
2. データを 検 索 する なごやコレクションのデータを 検 索 するための 方 法 として キーワード 検 索 詳 細 検 索 の 二 通 りの 検 索 方 法 が あります 2.1. キーワードから 探 す キーワードを 入 力 する トップページの 入 力 ボックスに 検 索
1. なごやコレクション 基 本 事 項 1.1. なごやコレクションで 行 えること なごやコレクション では 登 録 されているカテゴリの 画 像 データ 資 料 データを 検 索 閲 覧 できます 資 料 データを 検 索 する キーワード 検 索 全 データをフリーワードで 検 索 できます 詳 細 検 索 カテゴリ 別 にデータをタイトル/ 作 者 / 刊 行 年 等 で 絞 り 込 んで
目 次 機 能 -------------------- 3 運 用 上 の 注 意 -------------------- 4 処 理 手 順 -------------------- 5 画 面 説 明 ログイン -------------------- 6 直 送 先 選 択 1 -----
DONKEL order system 御 利 用 ガイド お 得 意 様 : 様 電 話 : ご 担 当 者 様 : お 得 意 様 ID: パスワード: * 変 更 希 望 の 方 はP4をご 覧 ください ドンケル 株 式 会 社 目 次 機 能 -------------------- 3 運 用 上 の 注 意 -------------------- 4 処 理 手 順 --------------------
PowerPoint Presentation
登 録 を 受 け 付 けるWebフォームを 作 成 したい 1. 概 要 ホームページ 上 で 会 員 登 録 を 受 け 付 ける 登 録 フォームの 作 り 方 を 説 明 します 弊 社 のシステムを 利 用 すると 会 員 登 録 や 資 料 請 求 などの 登 録 フォームを 作 成 することが 可 能 です cgiプログラムを 組 む 必 要 はありません < フォーム 作 成 設 定
スライド 1
CSVファイルによる 利 用 者 情 報 設 定 ガイド NTTレゾナント( 株 ) ビジネスgoo 事 務 局 1 当 ガイドについて ビジネスgooへ 利 用 者 の 情 報 を 登 録 または 更 新 を 行 う 際 数 名 程 度 の 設 定 であれば 設 定 画 面 への 手 入 力 で 問 題 はないと 思 いますが 数 十 人 単 位 となりますと 手 入 力 では 大 変 です ビジネスgooではCSVファイルを
WORD 98 入力の手引き
コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され
html_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
検 索 文 字 列 が 住 所 にマッチするならば 地 図 画 面 を 表 示 します 検 索 文 字 列 が 住 所 の 一 部 ならば キーワードを 含 む 検 索 結 果 画 面 を 表 示 します
名 古 屋 市 都 市 計 画 情 報 提 供 システム 操 作 方 法 検 索 方 法 キーワードから 探 す 住 所 または 住 所 の 一 部 から 地 図 を 検 索 する 事 が 出 来 ます [ 名 古 屋 市 ] 以 降 の 住 所 施 設 名 またはその 一 部 を 入 力 し 検 索 をクリックします 検 索 文 字 列 が 住 所 にマッチするならば 地 図 画 面 を 表 示
ＣＳＩ情報管理システム
発 行 2012/07/23 情 報 システム 課 松 本 概 要 勤 務 スケジュール 管 理 画 面 の 機 能 を 一 新 し 未 来 の 予 定 をスケジュールできる ようになりました また CSI にて 登 録 するアクション 勤 務 予 定 結 果 車 両 運 行 記 録 が 連 動 している SFI の 日 報 に 自 動 的 に 書 かれる 仕 組 みを 強 化 しまし た データの
Section: 01 ログイン トップページ ( ) のページ 右 上 部 ログイン ボタンをクリックし スポンサー ログインページ へとお 進 みください 1に ID を 2にパスワードを 入 力 しログインしてください ID PASS は 別
2009.01 改 定 マニュアルは 変 更 することがございます Copyright(C) 検 島 誌.com All Rights Reserved 検 島 誌.com スポンサーマニュアル Section 01 ログイン 2 02 詳 細 ページ 更 新 3 03 MiniData 更 新 4 04 検 索 結 果 表 示 ページ 内 容 修 正 5 05 週 間 PR 版 ページ 更 新 6