1/2

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "1/2"

Transcription

1 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 1 札幌学院大学社会情報学部 AO 入試課題用テキスト HTML の基礎知識 (4) 1 スタイル指定 1-1 段落を罫線 ( ボーダー ) で囲む 前回はスタイル指定を行なって段落に色をつけた 今度は罫線で囲んで見よう これまでと同様に 開始タグの中に罫線の指定を行なえばよい HTML 文書は次の通りである 下線部が罫線を引くためのスタイル指定である <h3> 段落を罫線で囲む </h3> <p style="margin-left:50px;width:400px;font-size:12pt;line-height:18pt; background-color:#ccffff; border-style:solid;border-width:thin;border-color:#99ccff">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <p style="margin-left:70px;width:350px;font-size:12pt;line-height:20pt; background-color:#ccffcc; border-style:dashed;border-width:medium;border-color:#99ffcc"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p>

2 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 2 罫線指定の個所を詳しく見てみよう 上記の HTML 文書では以下のようなプロパティが指定されている 以下では罫線を ボーダー と呼んでいる border-style で指定するボーダーの種類は以下のようなものがある 似たよう内容のものもあるので 実際に使って確かめてみよう ボーダーの種類 solid double dashed dotted outset ridge inset groove 内容実線二重線破線点線ボックス全体が出っ張って見える線でっぱりのある線ボックス全体がひっこんで見える線溝のある線 予め用意されているボーダーの太さは以下の 3 種類である ボーダーの太さの種類 thin medium thick 内容細い中くらい太い ボーダーの太さはピクセル数で指定することもできる 例えば border-width:10px とすれば 10 ピクセル分の幅になる ボーダーの色指定は文字などの場合と同じである スタイル指定における : と ; の役割の違いを再度確認 : : ( コロンと読む ) スタイル指定のプロパティとプロパティ値の間に書き 両者が 等しい という意味を持つ ; ( セミコロンと読む ) 複数のスタイル指定の間に書き 両者を 区切る という意味を持つ

3 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 3 ****************************************************************** 1-2 イメージ ( 画像 ) の配置 今度は文字だけでなく イメージも含めていろいろなスタイルを指定してみよう 前回までと同様の画像を使う まず 画像ファイルを表示するための基本的な HTML 文書を作っておく <img id="header1" src="kao1.jpg" width="108" height="122"/> <img id="header2" src="kao2.jpg" width="109" height="134"/> ブラウザ表示は以下のようになる この状態は 2 個の大きな文字が並んでいる と考えると理解しやすい ここで 2 つの <img> タグ間に 改行タグを入れてみよう

4 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 4 <img id="header1" src="kao1.jpg" width="108" height="122"/> <br /> <img id="header2" src="kao2.jpg" width="109" height="134"/> 結果は下図に示すように 1 番目の画像の直後で 改行 されたように画像が配置される ************************************************************ 1-3 イメージ ( 画像 ) に罫線 ( ボーダー ) を付ける 画像の周囲に罫線を引いて 枠のような表示を行なってみる HTML 文書は次の通り

5 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 5 <img id="header1" src="kao1.jpg" width="155" height="192" style="border-style:outset;border-width:10px;border-color:#ffcc99"/> <br /> <img id="header2" src="kao2.jpg" width="154" height="174" style="border-style:groove;border-width:10px;border-color:#ff99ff"/> 結果は以下のように 額に入れられた写真のような表示が得られた ********************************************** 1-4 イメージの間に段落 ( 文章 ) を配置 : 以下では 1 イメージ ( 画像 ) 2 段落 ( 文章 ) 3 イメージ ( 画像 ) 4 段落 ( 文章 ) の順に並べてみよう この順にタグを設定していけばよい <p>~</p> タグによって改行されるので <br /> タグを入れる必要はない

6 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 6 <img id="header1" src="kao1.jpg" width="108" height="122" style="border-style:outset;border-width:10px;border-color:#ffcc99"/> <p style="width:250px">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <img id="header2" src="kao2.jpg" width="109" height="134" style="border-style:groove;border-width:10px;border-color:#ff99ff"/> <p style="width:250px"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p> 表示結果は以下の通りである 文章は左詰めで 400 ピクセルの幅におさまるように配置されている

7 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 7 *******************************************:: 1-5 画像の周囲に余白を設定 : 画像がページの端や文字に近づきすぎないようにするために 画像の周りにマージン ( 余白 ) を設定する 最初の画像の周囲に 20 ピクセルのマージンを設定してみよう

8 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 8 <img id="header1" src="kao1.jpg" width="108" height="122" style="border-style:outset;border-width:10px;border-color:#ffcc99;margin:20px"/> <p style="width:250px">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <img id="header2" src="kao2.jpg" width="109" height="134" style="border-style:groove;border-width:10px;border-color:#ff99ff"/> <p style="width:250px"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p> 結果は以下の通りである 矢印で示された部分がマージンである ****************************************

9 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 画像の横に文章を配置する : 今度は文章を画像の右側に並べてみよう 画像を左側に寄せる場合には align= left を指定する 以下では 2 番目の画像にもマージンを設定している <img id="header1" src="kao1.jpg" width="108" height="122" align="left" style="border-style:outset;border-width:10px;border-color:#ffcc99;margin:20px"/> <p style="width:250px">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <img id="header2" src="kao2.jpg" width="109" height="134" style="border-style:groove;border-width:10px;border-color:#ff99ff";margin:20px/> <p style="width:250px"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p> 結果は以下の通りである ここで 2 番目の画像も最初の画像の右側に配置されてしまった

10 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 10 この状態を解除するには 最初の段落の終了タグの後で 段落の右寄せを解除 する指定をすればよい 具体的には改行タグの中で以下のような指定をする <br clear= left > <img id="header1" src="kao1.jpg" width="108" height="122" align="left" style="border-style:outset;border-width:10px;border-color:#ffcc99;margin:20px"/> <p style="width:250px">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <br clear="left"/> <img id="header2" src="kao2.jpg" width="109" height="134" align="left" style="border-style:groove;border-width:10px;border-color:#ff99ff;margin:20px"/> <p style="width:250px"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p>

11 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 11 この結果は以下の通りである 2 番目の画像についても同じような指定を行なって それぞれの画像の右側に段落が配置されるようにした ************************************************************** 1-7 横罫線の指定 横罫線は <hr> タグで指定する 以下の例で指定されているプロパティは 1 size : 線の太さをピクセル数で指定 2 width : 線の長さをピクセル数で指定 3 align : 線の位置を指定 align= left 左寄せ center 中央 right 右寄せ 4 color : 文字色の場合と同じ

12 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 12 <hr align="left" color="#00cccc" size="4" width="400"> <img id="header1" src="kao1.jpg" width="108" height="122" align="left" style="border-style:outset;border-width:10px;border-color:#ffcc99;margin:20px"/> <p style="width:250px">cg( コンピュータグラフィックス ) のモデリングや作図方法などに関する基礎知識 CG 制作やホームページ作りの基礎を学び コンピュータ上で作品を作ることを経験します </p> <br clear="left"/> <hr align="left" color="#00cccc" size="4" width="400"> <img id="header2" src="kao2.jpg" width="109" height="134" align="left" style="border-style:groove;border-width:10px;border-color:#ff99ff;margin:20px"/> <p style="width:250px"> 学んだ基礎知識を応用し その成果を公表するまでの ( 試行錯誤を含む ) 一連の過程を経験します ゼミナールで学んだことの集大成です </p> <br clear="left"/> <hr align="left" color="#00cccc" size="4" width="400">

13 札幌学院大学社会情報学部 AO 入試課題用テキスト (4) 13 *********************************** 演習課題 4: 上記の最後の例題を使って 自分の好きな写真と その説明を表示する HP を作成してみよう

2 目次 1. 基本操作 ウィジェットとは何か ウィジェットの目的と構成 ウィジェットの設置 ウィジェットのカスタマイズ ウィジェットコードの構成 ウィジェットの外観を変更する..

2 目次 1. 基本操作 ウィジェットとは何か ウィジェットの目的と構成 ウィジェットの設置 ウィジェットのカスタマイズ ウィジェットコードの構成 ウィジェットの外観を変更する.. Newdea Inc. プロジェクトセンター ユーザーガイド ウィジェット 2 目次 1. 基本操作... 3 1.1. ウィジェットとは何か... 3 1.2. ウィジェットの目的と構成... 3 1.3. ウィジェットの設置... 5 2. ウィジェットのカスタマイズ... 10 2.1. ウィジェットコードの構成... 10 2.2. ウィジェットの外観を変更する... 11 2.2.1. 個別のウィジェットの外観を変更する...

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

0. 0. 0. 0. 0. 0. 07-. 07-. 08-. 08-. 09. 0. 8 0 9 8 7 -. 0 9 7 7 8 7 8 9 9 0 0 -. 8 9 7 7 8 9 -. 8 7 8 9 0 0 9 7 -. . 画像の回り込み 挿入した画像を右寄せにしたり 左寄せにしたりなどしてテキストを回り込ませることができます 画像の回り込み方法 右寄せ ボタンをクリックして画像を挿入してくださ

More information

Jimdo はホームページ制作のプロも使用する では JimdoでHTMLやCSSなどのコードを利用できないか というと実はそうではありません あくまで万人が使えるような基本の操作を前提としつつ コードを書くエリアも整備されています Jimdoはホームページ制作のプロも使用するサービスです そういっ

Jimdo はホームページ制作のプロも使用する では JimdoでHTMLやCSSなどのコードを利用できないか というと実はそうではありません あくまで万人が使えるような基本の操作を前提としつつ コードを書くエリアも整備されています Jimdoはホームページ制作のプロも使用するサービスです そういっ ホームページのクオリティアップ術 : 制作編 ( 全 11 回 ) 第 9 回 :HTML と CSS に挑戦! 項目に背景色や枠線をつける方法 執筆 : 赤間公太郎 ( 株式会社マジカルリミックス ) " ホームページのクオリティアップ術 : 制作編 " のコラムを担当する マジカルリミックスの赤間です 全 11 回のこのコラム では ホームページづくりに役立つサービスやその利用方法をご紹介していきます

More information

Web10.pptx

Web10.pptx 情 報 処 理 技 法 (マルチメディア)I 1 第 10 回 CSS 基 礎 (2) 2 HTML5 コンテンツモデル 3 コンテンツモデル HTML5 のタグは 7つのカテゴリに 分 けられるコン テンツモデルを 採 用 している コンテンツモデルから 要 素 の 中 に 何 を 含 んでよい かが 決 定 される 参 考 W3C: HTML5 content models http://www.w3.org/tr/2011/wd-html5-20110525/content-models.html

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

html6-8

html6-8 -1- -2- -3- -4- -5- -6- -7- -8- -9- MEMO ... Textbook 4-10- MEMO ... -11- Textbook 3 リスト7-3 break.html 7 8 9 10 11 12 13 14 15 16 Lesson 7 テキストの修飾 こうしたことがありますので たとえウェブエディタ を使う場合でも ある程度HTMLの知識を持っていた

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資料 HTML5 HTML の文法 HTML(Hyper Text Markup Language) は, 文章の部分を Tag( タグ ) と呼ばれる命令で挟んでいく タグは ... 開始終了のように開始タグと終了タグ一対のペアになっている. タグは, 挟まれた部分がどのような情報であるかを示している 属性としてさらに細かい設定を開始タグの中に書き込むことができる

More information

1. ホームページ作成方法 CCNet では お客様が作成したホームページを公開できるスペースを 150MB 分ご用意しております お客様がお作りになったホームページを公開するには FTP クライアントというソフトウェアを使って HTML ファイル ( ホームページを表示するときに用いられる HTM

1. ホームページ作成方法 CCNet では お客様が作成したホームページを公開できるスペースを 150MB 分ご用意しております お客様がお作りになったホームページを公開するには FTP クライアントというソフトウェアを使って HTML ファイル ( ホームページを表示するときに用いられる HTM ホームページ制作 20170531-1 1. ホームページ作成方法 P 1 FTP クライアントでのアップロード方法のご紹介 2. アクセスカウンタの設定の仕方 P 4 1. ホームページ作成方法 CCNet では お客様が作成したホームページを公開できるスペースを 150MB 分ご用意しております お客様がお作りになったホームページを公開するには FTP クライアントというソフトウェアを使って HTML

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

Microsoft Word - 5章総合問題.doc

Microsoft Word - 5章総合問題.doc 第 5 章総合練習解説 1. 1 ページ目の 3 行を範囲指定する 項目 2 の部分の設定までは 3 行 (3 段落 ) 共通であるから この 3 行は範囲指定されたままとし もし何らかの原因で範囲指定が解除されてしまった場合は 範囲指定をやり直してから 続きの作業を行う まずは左インデントを使って 行頭を右側にずらす ルーラー上の左インデントマーカーの 部分をドラッグし だいたい 4 の辺りに移す

More information

立ち読みページ

立ち読みページ Chapter 4 4 表やグラフ SmartArt グラフィックなどを使って 訴求力のあるスライ ドを作成する方法を解説します STEP1 作成するプレゼンテーションを確認する 79 STEP2 表を加工する 82 STEP3 グラフを加工する 92 STEP4 SmartArtグラフィックを作成する 101 STEP5 SmartArtグラフィックを加工する 109 STEP6 図形を加工する

More information

編集する ファイルを開く マイクロデータの設定を行うファイルまたはファイルを開きます 開かれたファイルは編集画面に表示されて ブラウザ表示した時のプレビューも同時に表示されます HTML ファイルの選択 編集する ファイルを開くためにメインメニューから ファイル 開く を選びます ファイル選択ダイア

編集する ファイルを開く マイクロデータの設定を行うファイルまたはファイルを開きます 開かれたファイルは編集画面に表示されて ブラウザ表示した時のプレビューも同時に表示されます HTML ファイルの選択 編集する ファイルを開くためにメインメニューから ファイル 開く を選びます ファイル選択ダイア 基本操作編 編集するファイルを開く... ファイルの選択... 各パネルの表示非表示... マイクロデータ : の編集... 編集するテキストの選択... 適用するテキストの選択... アイテムタイプの選択... アイテムタイプの検索... よく使うアイテムタイプの登録... よく使うアイテムタイプの削除... 定型セットの登録... 定型セットの削除... 定型セット内のアイテムタイプの削除...

More information

1 グループ管理者とは ページ設定 ( グループページの設定 ) を行うことができるのがグループ管理者です グループ管理者はパーツのレイアウト変更や グループメンバーの権限設定 メンバーの招待などグループページ内の管理について様々に設定することができます 例えば町内会でグループページを作成し運用して

1 グループ管理者とは ページ設定 ( グループページの設定 ) を行うことができるのがグループ管理者です グループ管理者はパーツのレイアウト変更や グループメンバーの権限設定 メンバーの招待などグループページ内の管理について様々に設定することができます 例えば町内会でグループページを作成し運用して ページ設定や参加メンバーの設定 eコミのデザインを決めるスキンの設定など 一般ユーザー にはできず グループ管理者 / 副管理者 のみができる操作について説明していきます 1 グループ管理者とは ページ設定 ( グループページの設定 ) を行うことができるのがグループ管理者です グループ管理者はパーツのレイアウト変更や グループメンバーの権限設定 メンバーの招待などグループページ内の管理について様々に設定することができます

More information

1.Wicrosoft Word2010 を起動 1 スタート ボタン スタートメニューの すべてのプログラム Microsoft Office Microsoft Word2010 と順にクリックします Microsoft Word2010 が起動します 2. ページ設定 余白 フォント フォント

1.Wicrosoft Word2010 を起動 1 スタート ボタン スタートメニューの すべてのプログラム Microsoft Office Microsoft Word2010 と順にクリックします Microsoft Word2010 が起動します 2. ページ設定 余白 フォント フォント さくらクラブ 平成 25 年 11 月 18 日 担当鵜殿幸世 同窓会のお知らせ作成 同窓会の通知を ワードアート クリップアートを使ってカラフルに作成します 学習内容ワードアートの挿入と色の変更と変形クリップアートの挿入と図の装飾ページ罫線挿入 完成イメージ 1 1.Wicrosoft Word2010 を起動 1 スタート ボタン スタートメニューの すべてのプログラム Microsoft Office

More information

書式に示すように表示したい文字列をダブルクォーテーション (") の間に書けば良い ダブルクォーテーションで囲まれた文字列は 文字列リテラル と呼ばれる プログラム中では以下のように用いる プログラム例 1 printf(" 情報処理基礎 "); printf("c 言語の練習 "); printf

書式に示すように表示したい文字列をダブルクォーテーション () の間に書けば良い ダブルクォーテーションで囲まれた文字列は 文字列リテラル と呼ばれる プログラム中では以下のように用いる プログラム例 1 printf( 情報処理基礎 ); printf(c 言語の練習 ); printf 情報処理基礎 C 言語についてプログラミング言語は 1950 年以前の機械語 アセンブリ言語 ( アセンブラ ) の開発を始めとして 現在までに非常に多くの言語が開発 発表された 情報処理基礎で習う C 言語は 1972 年にアメリカの AT&T ベル研究所でオペレーションシステムである UNIX を作成するために開発された C 言語は現在使われている多数のプログラミング言語に大きな影響を与えている

More information

目次 1. デジタル押し花の作り方 3 2. デジタル押し花をきれいに仕上げる方法 まとめ 課題にチャレンジ 19 レッスン内容 デジタル押し花 マイクロソフト社のワープロソフト Word 2010( これ以降 Word と記述します ) の図ツールに搭載されている [ 背景

目次 1. デジタル押し花の作り方 3 2. デジタル押し花をきれいに仕上げる方法 まとめ 課題にチャレンジ 19 レッスン内容 デジタル押し花 マイクロソフト社のワープロソフト Word 2010( これ以降 Word と記述します ) の図ツールに搭載されている [ 背景 le Word で楽しむデジタル押し花 Sa mp Word の画像加工 1 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Word 2010 画面の設定 解像度 1024 768 ピクセル 本テキストは 次の環境でも利用可能です Windows 7 Home Premium 以外のオペレーティングシステムで Microsoft Word

More information

Microsoft Word - Word1.doc

Microsoft Word - Word1.doc Word 2007 について ( その 1) 新しくなった Word 2007 の操作法について 従来の Word との相違点を教科書に沿って説明する ただし 私自身 まだ Word 2007 を使い込んではおらず 間違いなどもあるかも知れない そうした点についてはご指摘いただければ幸いである なお 以下において [ ] で囲った部分は教科書のページを意味する Word の起動 [p.47] Word

More information

WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN( 欧州合同原子核共同研究機関 ) の研究者が開発した ハイパーテキスト形式 ( HTML ) の分散情報システム WWW サーバーのアドレスを指定するのに URL(Uniform Resource Loc

WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN( 欧州合同原子核共同研究機関 ) の研究者が開発した ハイパーテキスト形式 ( HTML ) の分散情報システム WWW サーバーのアドレスを指定するのに URL(Uniform Resource Loc インターネットの情報技術 HTML入門 Webページが表示される仕組み WWWServer WWWServer 2 必要なデータを送信 Client WWWServer 1 見たいWebページのURLを入力 URLをもとに ページを指定してデータ送 信を要求 3 目的のWebページを閲覧 Client WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN(

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

毎日の勉学に励んでください カリキュラムの特徴 私たちの情報工学科の英語名は Department of Computer Science and Systems Engineering です この英語名からわかるように 私たちの情報工学科では コンピュータ自体だけを学ぶのでは なく コンピュータを核にした情報システムについても学びます したがって コンピュータのハー ドウエアとソフトウェアに関する理論と技術の他に

More information

RAYOUT

RAYOUT HOMEPAGE CREATE PACKAGE 1 HOMEPAGE CREATE PACKAGE 3 2 HOMEPAGE CREATE PACKAGE 4 5 3 HOMEPAGE CREATE PACKAGE 6 7 4 HOMEPAGE CREATE PACKAGE 8 -1 Step3 パーツ個別設定 に変わりました -1 で挿入したパーツの 編集 を選ぶと ウィンドウが開きます 画面に従って内容を

More information

棚POWER操作テキスト 帳票作成編

棚POWER操作テキスト 帳票作成編 Ⅱ. 棚割モデルの陳列内容を出力する 開いている棚割モデルに対して 選択した 1 帳票を出力する 棚割帳票 機能をご説明します 棚割図 1. 棚割モデルを元に 商品画像を使用して実際の棚割を写真で撮影したような画像 ( 図 ) を出力できます 印刷出力の他に Excel,PDF ファイルとして直接出力が可能です 2. [ 棚割帳票 ] から出力します 棚割帳票から出力する場合は 棚割モデルを選択 表示している必要があります

More information

Web概論

Web概論 HTML/CSS Chapter 04 スタイルシートを使う Copyright 2011 ZDRIVE, K.K. All rights reserved. 4.1 CSS の仕組みと書式 CSS とは Cascading Style Sheet の略 単に スタイルシート と呼ばれることもある HTML で作ったページにレイアウトや装飾などのデザインを施すための仕組み CSS を記述したファイルは.css

More information

問題 1 次の文章は 作業環境について述べたものである を解答群 { } より選び その記号で答えよ にあてはまる適切なもの 設問 1. < 図 1>はルーラーの一部である 1に示されるインデントマーカーを移動することにより を設定することができる < 図 1> { ア. 1 行目のインデントイ.

問題 1 次の文章は 作業環境について述べたものである を解答群 { } より選び その記号で答えよ にあてはまる適切なもの 設問 1. < 図 1>はルーラーの一部である 1に示されるインデントマーカーを移動することにより を設定することができる < 図 1> { ア. 1 行目のインデントイ. Microsoft PowerPoint プレゼンテーション技能認定試験 上級 2007 サンプル問題 知識試験 制限時間 30 分 受験会場 受験番号 氏 名 問題 1 次の文章は 作業環境について述べたものである を解答群 { } より選び その記号で答えよ にあてはまる適切なもの 設問 1. < 図 1>はルーラーの一部である 1に示されるインデントマーカーを移動することにより を設定することができる

More information

Sushi Web ページの編集 Card 1 of 10 3 パソコンの画面上で ブラウザとテキストエディタを横に並べます ブラウザ テキストエディタ 4 5 テキストエディタで 自分の自己紹介になるように変更します 変更したらテキストを保存します ( ファイル > 保存 ) 保存したら F5 を

Sushi Web ページの編集 Card 1 of 10 3 パソコンの画面上で ブラウザとテキストエディタを横に並べます ブラウザ テキストエディタ 4 5 テキストエディタで 自分の自己紹介になるように変更します 変更したらテキストを保存します ( ファイル > 保存 ) 保存したら F5 を はじめての Web サイト Sushi Web ページの編集 Card 1 of 10 1 これから新しい Web ページを作ります! 今回は本のリストを作りますが HTML を使えば何でも好きな Web ページが作れます! まず http://coderdojo-hiroshima.com/my-first-website-ja.zip から HTML のソースファイルをダウンロードします my-first-website

More information

目 次 タイトルの作成... 1 新しいスライドを作成... 1 画像の挿入... 2 テキストボックスの挿入... 4 練習問題 表の挿入... 7 グラフの挿入... 8 図形の挿入... 9 テーマの設定 アニメーションの設定 グラフの系列別のアニメーショ

目 次 タイトルの作成... 1 新しいスライドを作成... 1 画像の挿入... 2 テキストボックスの挿入... 4 練習問題 表の挿入... 7 グラフの挿入... 8 図形の挿入... 9 テーマの設定 アニメーションの設定 グラフの系列別のアニメーショ パワーポイントで 会社案内作成 目 次 タイトルの作成... 1 新しいスライドを作成... 1 画像の挿入... 2 テキストボックスの挿入... 4 練習問題 1... 6 表の挿入... 7 グラフの挿入... 8 図形の挿入... 9 テーマの設定... 10 アニメーションの設定... 11 グラフの系列別のアニメーションの設定... 13 アニメーションの軌跡の設定... 14 練習問題

More information

Netcommunity SYSTEM αNXⅡメディアIP電話機取扱説明書

Netcommunity SYSTEM αNXⅡメディアIP電話機取扱説明書 micro SD 2 3 4 5 6 7 8 9 1 2 3 4 5 6 10 11 2-5 2 1 2 micro SD 3 12 1 2 3 4 13 5 6 1 1-1 1-2 1 1 micro SD 1 1-3 1-4 1 micro SD micro SD micro SD micro SD 1-5 1 1-6 1 1 1-7 1 1-8 1 1-9 1-10 1 1 1 2 3 micro

More information

1. マイピクチャの中に [ 講習用 ] フォルダーを作成し その中に上記の図のような階層構造のフォルダーを作成します (1) まず マイピクチャの中に [ 講習用 ] フォルダーを作成します [ コンピューター ] [ マイピクチャ ]1 [ マイピクチャ ] フォルダ内 ( 右枠 ) の空白部分

1. マイピクチャの中に [ 講習用 ] フォルダーを作成し その中に上記の図のような階層構造のフォルダーを作成します (1) まず マイピクチャの中に [ 講習用 ] フォルダーを作成します [ コンピューター ] [ マイピクチャ ]1 [ マイピクチャ ] フォルダ内 ( 右枠 ) の空白部分 H28.4.21 IT ふたば会 - 水島講座 [ 注 1 ] : [ 付属資料 ] フォルダーの中に [2015-01-01] 使用する主な操作 [2015-01-15] と [matuyama_jyou.jpg] と [program] が入っています 1. フォルダの作成 2. 縮専の使用法 ( ヘ ーシ 番号 ) は [ 速効! パソコン講 3.JTrimの使い方座 ] 教本ワート 2010

More information

■新聞記事

■新聞記事 PowerPoint2010 基本操作 P.1 PowerPoint2010 基本操作 1.PowerPoint の起動... 2 2. スライドのサンプル... 3 3. スライドの作成... 4 4. 文字の入力とテキストボックス... 5 5. 図の作成と書式設定... 5 6. グラフの作成... 5 7. 背景デザインと配色... 7 8. アニメーション効果... 8 9. スライドショーの実行...

More information

Microsoft Word - 操作マニュアル(PowerPoint2010).doc

Microsoft Word - 操作マニュアル(PowerPoint2010).doc PowerPoint2010 基本操作 P.1 PowerPoint2010 基本操作 1.PowerPoint の起動... 2 2. スライドのサンプル... 3 3. スライドの作成... 4 4. 文字の入力とテキストボックス... 5 5. 図の作成と書式設定... 5 6. グラフの作成... 5 7. 背景デザインと配色... 7 8. アニメーション効果... 8 9. スライドショーの実行...

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

_責)Wordトレ1_斉木

_責)Wordトレ1_斉木 . Word の起動 第章. Word の基礎知識 Word の起動 Word の起動は次のように行います 他のアプリケーションソフトのように いくつかの 起動方法があります スタートメニューからの起動 スタートメニューから起動する方法は次の通りです [ スタート ] メニューの [ すべてのプログラム ] から [Microsoft-Office] の [Microsoft-Word] を選択します

More information

0.CMS ホームページについて 1 ブラウザで学校ホームページを開いて ログインする! 2 データを登録したいページをメニューから選んで移動する 3 編集操作を行い 決定ボタンを押してデータを登録する 1 入力が終わったら 必ず 決定 ボタンを押すのを忘れない! 決定ボタンを押すまでは入力したデー

0.CMS ホームページについて 1 ブラウザで学校ホームページを開いて ログインする! 2 データを登録したいページをメニューから選んで移動する 3 編集操作を行い 決定ボタンを押してデータを登録する 1 入力が終わったら 必ず 決定 ボタンを押すのを忘れない! 決定ボタンを押すまでは入力したデー CMS ホームページ 一般講習 0.CMS ホームページについて 1. 活動報告 ページへ記事を登録するには? 2.( 応用編 ) 文字の色を変える 3. 写真などの画像を挿入するには? 4.( 応用編 ) 画像の右側に文字を配置する 5. ( 番外編 ) PDF 文書の作成について 6. PDF 文書を登録するには? 7. ( 重要 ) 写真サイズを小さくするツール ( 縮専 ) の紹介 8. 自分のパスワードを変更するには?

More information

下記の図のように外観 メニューをクリックして下さい すると 下記の画面に移りますので矢印部分の マークをクリックして頂き メニューの名前を入力します 名前は好きな名前でオッケーです それが出来たらメニューの作成をクリックします

下記の図のように外観 メニューをクリックして下さい すると 下記の画面に移りますので矢印部分の マークをクリックして頂き メニューの名前を入力します 名前は好きな名前でオッケーです それが出来たらメニューの作成をクリックします 超簡単 リファインSNOWカスタマイズ講座 第1章 グローバルナビゲーション設置方法 まず グローバルナビゲーションとは ブログのどの部分かと言いますと僕 のブログでは下記の赤枠で囲っている部分になります 多分 デフォルトではこの部分が真っ白になっていると思うのですが ここをカスタマイズさせる事で 初心者臭さがなくなりますので 頑張って カスタマイズしましょう カスタマイズの仕方は超簡単 下記の図のように外観

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

DB STREET 設置マニュアル

DB STREET 設置マニュアル DB STREET 設置マニュアル イーマックス目黒光一 1/23 1 はじめに... 3 2 会員詳細ページへのログイン... 4 3 サイト情報の設定... 5 4 一覧ページ画面の設定...13 5 詳細ページ画面の設定...15 6 お問い合わせページの設定...16 7 検索項目の設定...21 8 テンプレートのダウンロード...23 9 CSVアップロード...23 10 その他...

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互

More information

Microsoft Word - 2016メディプロ1HTML統合版v1

Microsoft Word - 2016メディプロ1HTML統合版v1 2016 年 度 メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 2 ~ CSS と Web アクセシビリティ 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 進 捗 が 遅 れている 場 合 に 限 り,テキスト 中 で 省 略 可 マークのついた 節 は 省 略 してもよい. 1 はじめに 本 演 習 ではこれまで, 様 々なタグを 用 いた 基 礎 的 な

More information

(Microsoft Word -

(Microsoft Word - Word には 表を作成するためのツールが用意されています 列数 行数を指定して表を作成した り 既存の文字列を表に変換したりすることができます この章では 表を作成しながら 表の 挿入 列 行 セルの編集 文字列や表の配置 表のデザインを変更する方法を学習します 1 表の挿入 [ 挿入 ] タブの [ 表 ] ボタンをクリックして表示されるマス目で行数と列数を指定して表を挿入することができます

More information

000

000 動 作 環 境 ご 注 意 インストール 方 法 インストールする 前 に インストールが 自 動 で 始 まらない 場 合 アンインストール 方 法 インストール 中 またはアンインストール 中 に 下 のような 画 面 が 表 示 された 場 合 スタートメニューからの 起 動 デスクトップショートカットからの 起 動 2 動画オブジェクトを作成する 動画オブジェクトを追加する 動画 ボタンを

More information

C#の基本

C#の基本 C# の基本 ~ 開発環境の使い方 ~ C# とは プログラミング言語のひとつであり C C++ Java 等に並ぶ代表的な言語の一つである 容易に GUI( グラフィックやボタンとの連携ができる ) プログラミングが可能である メモリ管理等の煩雑な操作が必要なく 比較的初心者向きの言語である C# の利点 C C++ に比べて メモリ管理が必要ない GUIが作りやすい Javaに比べて コードの制限が少ない

More information

JavaプログラミングⅠ

JavaプログラミングⅠ Java プログラミング Ⅰ 12 回目クラス 今日の講義で学ぶ内容 クラスとは クラスの宣言と利用 クラスの応用 クラス クラスとは 異なる複数の型の変数を内部にもつ型です 直観的に表現すると int 型や double 型は 1 1 つの値を管理できます int 型の変数 配列型は 2 5 8 6 3 7 同じ型の複数の変数を管理できます 配列型の変数 ( 配列変数 ) クラスは double

More information

目次 1. 動画再生の機能 3 2. 動画を再生するスライドの作成 7 3. まとめ 課題にチャレンジ 19 レッスン内容 ムービーの中で動画を再生するスライドの作成 多くのデジタルカメラには動画撮影機能が搭載されています PowerPoint にはデジタルカメラで撮影した動画をスライド

目次 1. 動画再生の機能 3 2. 動画を再生するスライドの作成 7 3. まとめ 課題にチャレンジ 19 レッスン内容 ムービーの中で動画を再生するスライドの作成 多くのデジタルカメラには動画撮影機能が搭載されています PowerPoint にはデジタルカメラで撮影した動画をスライド PowerPoint で楽しむムービー作成講座 第 11 回 動画を再生するスライドの作成 PowerPoint で楽しむムービー作成講座 では 12 回に分けて デジタルカメラの写真や動画を 素材に ムービー作成ソフトを使用せずに PowerPoint 2010 だけでオリジナルムービーを作成す る方法を紹介します 本テキストの作成環境は 次のとおりです Windows 7 Home Premium

More information

d-ramaマニュアル

d-ramaマニュアル 新規作成用の画面が出てきます プリセットが クリップボード になっているのを確認して OKを押します 新しい画面上で 張り付け ると 切り取ったコマがコピーされました j コマがコピーされたら このコマを保存します 保存は先ほど同様 Web用に保存 で行ってください プリセットの設定は JPEG 高 です 名前を付けるときの注意です このコマからどんどんセリフを消していくので このコマが最後になるようにナンバリングします

More information

H30ビジネス文書実務検定2級_p01-06_WEB用.indd

H30ビジネス文書実務検定2級_p01-06_WEB用.indd Word2016 1. ページ設定 A 用 紙 サ イ ズ A 4 B 余 白 上下左右とも25mm C フォントの設定 解説 1 p. 1 参照 D グリッド線の設定 解説 2 p. 2 参照 E 文字数と行数の設定 文字数 30 字 行数 30 行 ( 文字数 行数は問題により異なる ) 2. 文字ずれをしないための設定 A 日本語と半角英数字との間隔の調整 解説 3 p. 3 参照 B 区切り文字のカーニング解除

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

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............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

構造解析マニュアル@RDstr

構造解析マニュアル@RDstr 構造解析マニュアル @RDstr ~ 片持ち梁の弾性静解析 ~ 岐阜高専構造解析学研究室 H270608 版 1. 解析モデル 下に示すような長さ 1000mm 高さ 100mm 幅 200mm の片持ち梁の弾性解析を行う 2. Salome-meca でのメッシュの作成 1 1 アイコンをクリックして Salome-meca を起動する 2 2 ジオメトリのアイコンをクリックする 表示されるウィンドウで

More information

InDesign講座 3-6. 画像を配置する 長方形フレームを作成します 1 長方形フレームツールで 画面左側に適当な大きさのフレー ムを作成 2 座標を指定してフレームの大きさを設定 X -3mm Y:-3mm W:36mm H:61mm フレーム内に画像を配置します 1 作成したフレームを選択した状態で ファイル 配置 を選択 2 目的の画像ファイルを選択し 開く をクリック 画像を操作してトリミングの位置を決めます

More information

瀬田唐橋景観検討について

瀬田唐橋景観検討について 3 3 12,174 /12hr 1,110 /12hr 3,066 /12hr 172.0m 51.75m 23.5+5@25.0+23.5m 3@17.25m 14.0m 15.0m 5 6 2009 12 3 2010 2 25 6/22 8/24 10/18 11/16 1/13 1797 16 15 15 13 6 (S49) 54 7 23-2 24 54 50

More information

目 次 セットアップ(windows版) 3 ソフトの起動 6 起動 製作開始まで 7 画面名称 9 製作を始める前に 9 フォトブック製作 ページに写真を配置する 10 写真の追加 10 写真の配置 11 12 画像ボックスの移動 12 画像ボックスのサイズ変更 12 フォトブック製作 自動流し込

目 次 セットアップ(windows版) 3 ソフトの起動 6 起動 製作開始まで 7 画面名称 9 製作を始める前に 9 フォトブック製作 ページに写真を配置する 10 写真の追加 10 写真の配置 11 12 画像ボックスの移動 12 画像ボックスのサイズ変更 12 フォトブック製作 自動流し込 PhotoRevo 簡易マニュアル このマニュアルはPhotoRevoの簡易的なマニュアルです セットアップ 発注までを簡単に説明したものです 画面イメージはWindows版のものになります 1 / 24 ページ 目 次 セットアップ(windows版) 3 ソフトの起動 6 起動 製作開始まで 7 画面名称 9 製作を始める前に 9 フォトブック製作 ページに写真を配置する 10 写真の追加 10

More information

1 フリーページを表示する 1-1 フリーページのカテゴリを作成します フリーページのカテゴリの情報を入力します 1 複数のフリーページを記事のジャンルや種類で分け その見出しを入力します お店ページの左サイドバーに表示します 2 消費者が 検索エンジンで検索するであろう 記事の特長や内容をあらわす

1 フリーページを表示する 1-1 フリーページのカテゴリを作成します フリーページのカテゴリの情報を入力します 1 複数のフリーページを記事のジャンルや種類で分け その見出しを入力します お店ページの左サイドバーに表示します 2 消費者が 検索エンジンで検索するであろう 記事の特長や内容をあらわす フリーページを作成 表示する方法 < 目次 > 1 フリーページを表示する 2 1-1 フリーページのカテゴリを作成します 1-2 フリーページの記事を作成します 2 フリーページの記事を編集する 6 3 コメント トラックバックを管理する 7 3-1 コメントの掲載状態を変更します 3-2 トラックバックの掲載状態を変更します 4 フリーページのカテゴリの表示設定とレイアウトを調整する 9 このページは

More information

SILAND.JP テンプレート集

SILAND.JP テンプレート集 SILAND.JP のテンプレートを使った操作マニュアルの作成方法について スタイルの設定を使った文書作成 第 1 版 作成者しら 作成日 2014 年 2 月 21 日 最終更新日 2014 年 2 月 21 日 1 / 15 ダウンロードはこちら http://siland.jp/ 目次 SILAND.JP のテンプレートを使った操作マニュアルの作成方法について... 1 目次... 2 テンプレートのダウンロードについて...

More information

導入設定ガイド

導入設定ガイド Big Bang System Corporation ExLook Online 機体認証オプション 管理者マニュアル 第 2 版平成 24 年 2 月 17 日 株式会社ビービーシステム Copyright (c) 2010, Big Bang System Corporation. All rights reserved. 本書に記載された事項で発生したいかなる事態もその責務を負いません また

More information

Taro-CSS.jtd

Taro-CSS.jtd CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML

More information

目次 1 fckeditor を 上手く使うには...3 2 fckeditor のレイアウト...3 3 エディターサイズの変更...3 4. 編集...4 4 1 編集をするテキストをドラッグ...4 4 2 強調文字にする...5 4 3 斜体文字にする...5 4 4 アンダーラインを引く.

目次 1 fckeditor を 上手く使うには...3 2 fckeditor のレイアウト...3 3 エディターサイズの変更...3 4. 編集...4 4 1 編集をするテキストをドラッグ...4 4 2 強調文字にする...5 4 3 斜体文字にする...5 4 4 アンダーラインを引く. FCKEDITOR マニュアル present by sasadog 1 目次 1 fckeditor を 上手く使うには...3 2 fckeditor のレイアウト...3 3 エディターサイズの変更...3 4. 編集...4 4 1 編集をするテキストをドラッグ...4 4 2 強調文字にする...5 4 3 斜体文字にする...5 4 4 アンダーラインを引く...5 4 5 文字色を変える...5

More information

Publication Finder( 出版物検索インターフェイス ) の設定 1.Customize Services Branding をクリックして下さい 2. 画面が下図のものに切り替わります この画面の設定が実際のインターフェイスに反映されます General Settings: 基本設定

Publication Finder( 出版物検索インターフェイス ) の設定 1.Customize Services Branding をクリックして下さい 2. 画面が下図のものに切り替わります この画面の設定が実際のインターフェイスに反映されます General Settings: 基本設定 EBSCO Admin では ご契約の出版物検索ツール Publication Finder (PF) およびリンクリゾルバ Full Text Finder(FTF) のインターフェイスを好みのカラーリングや文言でカスタマイズし 利用者にとって使い勝手の良い環境を お客様ご自身で設定して頂くことが可能です Publication Finder( 出版物検索インターフェイス ) の設定 Full Text

More information

スライド 1

スライド 1 So-net レンタルサーバー Piwik 操作手順について 目次 1.Piwik とは? 2.Piwik のご利用開始方法 2-1. インストール 2-2. ログイン 3. アクセス解析方法 3-1. トラッキングコードの発行と埋め込み 3-2.EasySite をご利用の方 3-3.WordPress の活用 4.Piwik の操作手順 4-1. ダッシュボード 4-2. ビジター 4-3. アクション

More information

スライド 0

スライド 0 第 2 章情報記入とプラン地図上に情報記入や 行動計画をシミュレーションするプランの説明をします 2-1 カスタム情報の記入カスタム情報とは 地図上に名称 ( タイトル ) としてアイコンと文字 ( または画像 ) を表示し 内部に住所などのコメントや写真 動画 EXCEL ファイル PDF Web リンクを持つことができるものです 初期状態 ( デフォルト ) では テキスト作成時の動作は カスタム情報記入ウィザードを開くように設定されています

More information

0720

0720 DRM SNS WP WP UG Width of the Flash tag cloud Height of the Flash tag cloud Color of the tags 000000 Background color FFFFFF Use compatibility mode? WEB - HTML Color Names http://www.joomler.net/download/131-wordpress/890-wordpress-wp-cumulus-49kb.html

More information

JavaプログラミングⅠ

JavaプログラミングⅠ Java プログラミング Ⅰ 2 回目 ようこそ Java へ 今日の講義で学ぶ内容 画面へのメッセージの表示 文字や文字列 数値を表現するリテラル 制御コードを表すエスケープシーケンス 画面出力の基本形 ソースファイル名 : クラス名.java class クラス名 System.out.println(" ここに出力したい文字列 1 行目 "); System.out.println(" ここに出力したい文字列

More information

<4D F736F F D208CC2906C A815B B CC8EE888F882AB2E646F63>

<4D F736F F D208CC2906C A815B B CC8EE888F882AB2E646F63> 個人用ホームページ利用の手引き 目次 はじめに... - 2 - はじめに... - 2 - 個人用ホームページ URL( アドレス ) について... - 2 - FTP によるホームページ更新... - 3 - サーバへ接続する... - 3 - 自分のフォルダへ移動する... - 4 - 転送するファイルを表示する... - 5 - ファイル転送の操作方法... - 6 - ファイルを転送する

More information

user_manual_20131218-w

user_manual_20131218-w a-blog cms Ver.20131218 1 a-blog cms Ver.20131218 2 a-blog cms Ver.20131218 3 a-blog cms Ver.20131218 4 a-blog cms Ver.20131218 5 a-blog cms Ver.20131218 6 a-blog cms http://a-blog cms /login/ Ver.20131218

More information

Windows Server 2003 Service Pack 適用手順書

Windows Server 2003 Service Pack 適用手順書 CLUSTERPRO X for Windows Windows Server 2008 Service Pack 適用手順書 第 1 版 2009 年 6 月 23 日 本手順書では CLUSTERPRO X 2.0/2.1 環境における Windows Server 2008 Service Pack 2 の適用方法を説明します 以降 特に記述のない場合 Service Pack は Windows

More information

213-229woks.indd

213-229woks.indd グラフの挿入 グラフや表は Excel を使って簡単に作 れます Word で作ったレポートに Excel で作 成したグラフを挿入し 分かりやすいレ ポートにしましょう まず Excel ファイルを開きグラフ内 で右クリックし [ コピー ] を選択します 次 に Word を 開 き [ 編 集 (E)] [ 形 式を選択して貼り付け (S)] をクリックし ます 図や表の番号 レポートや報告書などを作成する場合

More information

SQL インジェクションの脆弱性

SQL インジェクションの脆弱性 別紙 脆弱性体験学習ツール AppGoat ハンズオンセミナー 演習解説 SQL インジェクションの脆弱性 [ 演習 ] AppGoat を用いた疑似攻撃体験 SQL インジェクションのテーマ 不正なログイン ( 文字列リテラル ) 画面上に Congratulations!! と表示されると演習クリアです 3 脆弱性のある箇所を特定する ログイン ID またはパスワードにシングルクォート ' を入力し

More information

ガイダンス

ガイダンス 情報科学 B 第 2 回変数 1 今日やること Java プログラムの書き方 変数とは何か? 2 Java プログラムの書き方 3 作業手順 Java 言語を用いてソースコードを記述する (Cpad エディタを使用 ) コンパイル (Cpad エディタを使用 ) 実行 (Cpad エディタを使用 ) エラーが出たらどうしたらよいか??? 4 書き方 これから作成する Hello.java 命令文 メソッドブロック

More information

page1.doc

page1.doc ホームページの作成 用テキスト ホームページ作成入門 抜粋改訂編 http://washio.takada-jc.ac.jp/koukai/koukai2005/web-text/index.html Copyrightc 2005 washio@takada-jc.ac.jp 目次 1 ビルダーの基本 2 リンク ローカルリンク 文字 画像 ハイパーリンク ラベルリンク 3 画像の取り扱い ロールオーバー

More information

改版履歴 版数 日付 改訂内容 1.0 新規操作マニュアル作成 /1/24 NORM Ver2.0.0 変更点の修正

改版履歴 版数 日付 改訂内容 1.0 新規操作マニュアル作成 /1/24 NORM Ver2.0.0 変更点の修正 NORM 操作マニュアル Ver. 2.0 改版履歴 版数 日付 改訂内容 1.0 新規操作マニュアル作成 2.0 2016/1/24 NORM Ver2.0.0 変更点の修正 目次 1. 帳票作成の流れ...- 1-2. 基本操作...- 2-2.1 起動 終了 画面サイズについて...- 2-2.2 画面について...- 4-2.3 入力の仕方...- 12-2.3.1 入力欄...- 12-2.3.2

More information

目次 1. アニメーションの軌跡の概要と仕組み 3 2. パノラマ写真にアニメーションの軌跡を設定 まとめ 課題にチャレンジ 19 レッスン内容 アニメーションの軌跡の概要と仕組み アニメーションの軌跡とは スライドに配置したオブジェクト ( テキストや図形 画像など ) を

目次 1. アニメーションの軌跡の概要と仕組み 3 2. パノラマ写真にアニメーションの軌跡を設定 まとめ 課題にチャレンジ 19 レッスン内容 アニメーションの軌跡の概要と仕組み アニメーションの軌跡とは スライドに配置したオブジェクト ( テキストや図形 画像など ) を PowerPoint で楽しむムービー作成講座 第 9 回 アニメーションの軌跡で風景を見渡す PowerPoint で楽しむムービー作成講座 では 12 回に分けて デジタルカメラの写真や動画を 素材に ムービー作成ソフトを使用せずに PowerPoint 2010 だけでオリジナルムービーを作成す る方法を紹介します 本テキストの作成環境は 次のとおりです Windows 7 Home Premium

More information

そこで ある程度の知識があれば数学と情報の練習もかねて用いてもおもしろいのではないだろうか これはある程度の下準備のされたファイルと FLSH のアプリケーションがあれば計算処理の結果をグラフなどで視覚的に表示することが可能となると思われる 環境が許せば できあがったものをいじ るだけでなく自分で作

そこで ある程度の知識があれば数学と情報の練習もかねて用いてもおもしろいのではないだろうか これはある程度の下準備のされたファイルと FLSH のアプリケーションがあれば計算処理の結果をグラフなどで視覚的に表示することが可能となると思われる 環境が許せば できあがったものをいじ るだけでなく自分で作 五心へのアプローチ札幌新川高等学校吉田奏介 数学 Ⅰ の授業のあと 生徒から 内心や外心と頂点の延長線は中点と一致しないんですか? と質問があった その生徒には角の二等分線の話や鈍角三角形のときの話をしたら納得していたが 確かに一般的な点におけることは紙面上の図を見ただけではわかりづらいだろうし 生徒が自分で描く図は都合のよい図を描いてしまいがちである そんなことを発端にして考えてみた 1 FLSH

More information

FTP とは? FTP とは File Transfer Protocol の略です 日本語訳すると ファイルを転送するときの決まり事という意味です 飛行機が世界中の空港で離陸 着陸できるのは 決められた手順 通信方式 が存在するからです パイロットでない私たちが聞いても よく分からないやり取りです

FTP とは? FTP とは File Transfer Protocol の略です 日本語訳すると ファイルを転送するときの決まり事という意味です 飛行機が世界中の空港で離陸 着陸できるのは 決められた手順 通信方式 が存在するからです パイロットでない私たちが聞いても よく分からないやり取りです ホームページ設置に欠かせない FTP ソフトをインストール FFFTP のインストールと設定 ホームページ活用に役立つ FTP ソフト!! FTP とは何? FFFTP の入手 FFFTP のインストール FFFTP の設定 本書の複製 貸与 転売等を禁止しています. 北摂情報学研究所,Inc. http://www.hokuken.com/ Copyright 2004-2009 北摂情報学研究所,Inc.All

More information

レポート作成に役立つWord2013の機能

レポート作成に役立つWord2013の機能 レポート作成に役立つ Word2013 の機能 神戸親和女子大学情報処理教育センター 2015 年 10 月版 目次 1 文字数や行数を指定する... 2 2 ページ番号... 3 2.1 ページ番号をつける... 3 2.2 先頭ページだけページ番号を非表示にする... 4 2.3 3 ページ目からページ番号をつける... 5 2.4 ページ番号の開始番号を指定する... 7 3 目次の作成 更新...

More information

W o r d で案内状の作成 1. Word の起動 Word を起動しましょう スタート ボタンをクリック すべてのプログラム をポイント Microsoft Office をクリック Microsoft Word2010 をクリック ワードが起動します 2. ページ設定用紙の余白を設定しましょ

W o r d で案内状の作成 1. Word の起動 Word を起動しましょう スタート ボタンをクリック すべてのプログラム をポイント Microsoft Office をクリック Microsoft Word2010 をクリック ワードが起動します 2. ページ設定用紙の余白を設定しましょ 目次 1. Word の起動... 1 2. ページ設定... 1 3. 内容の入力... 1 4. 表 参加申込書 の作成... 4 5. 文書の編集... 5 6. きりとり線の作成... 7 7. 画像の挿入と編集... 8 8. ページ罫線の挿入... 10 暮らしのパソコンいろは 早稲田公民館 ICT サポートボランティア テキストは Office2010 にて作成しています Office2007

More information

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に CSS の 主 なプロパティ プロパティ 説 明 color 色 の 設 定 font フォントの 一 括 設 定 font-size フォントサイズの 設 定 font-family フォントの 種 類 の 設 定 font-style 文 字 を 斜 体 にする text-align 位 置 の 設 定 text-decoration 文 字 装 飾 の 設 定 vertical-align 文

More information

簡単ラベル作成 印刷マニュアル

簡単ラベル作成 印刷マニュアル プリンタードライバーの設定 お気にいりファイルの設定方法 動画マニュアルの案内 印刷したい用紙に合わせてプリンタードライバーを設定します プリンタードライバーの設定は プリンターに付属の取扱説明書でご確認いただけます また 簡単ラベル作成のトップページにある動画マニュアル プリンタードライバーの設定 では 実際の動作を確認しながら設定することができます 2 [ 画像取り込み ] ボタンをクリックし

More information

起動する 起動方法は ご使用の OS により異なります 監視対象となるフォルダーの中にファイルが多数ある場合は 起動に時間がかかります 起動完了までお待ちください (6000 ファイルで約 4 分 ) [ スタート ] メニュー [( すべての ) プログラム ] [I-O DATA] [Sight

起動する 起動方法は ご使用の OS により異なります 監視対象となるフォルダーの中にファイルが多数ある場合は 起動に時間がかかります 起動完了までお待ちください (6000 ファイルで約 4 分 ) [ スタート ] メニュー [( すべての ) プログラム ] [I-O DATA] [Sight 共有フォルダーの更新を監視する フォルダー監視ツール Sight On Sight On は 共有フォルダーを監視するツールです 例えば 複数のパソコンで共通の Excel を作業中に 1 人が更新した場合 他のパソコ ンでポップアップでお知らせするなどの使い方ができます 対応 LAN DISK HDL-H シリーズ HDL-XR シリーズ HDL-XR/2D シリーズ HDL-XR2U シリーズ

More information

pic.indd

pic.indd 4-7-1 写真の加工 写真の加工とは デジタルカメラ等で撮った画像 写真を PC のソフトで 見 やすく調整したりするものです ここでは Photoshop Elements の技法を使い画像の明るさや大きさ 文字の挿 入の仕方を説明します 画像編集は 大学の講義でも多く扱われています 画像の明るさ調整 画像の明るさの調整の仕方は [ クイッ ク補正 ] 機能を使います まず 補正したい画像を [

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

-

- さいたま市生涯学習情報システム 団体 サークル専用ページ 操作手引書 さいたま市教育委員会生涯学習振興課 目 次 1. はじめに... 1 1.1. システムについて...1 1.2. 動作環境...1 2. システム利用の流れ... 2 2.1. システム利用の流れ...2 3. 基本操作... 3 3.1. 団体向けページへのログイン方法...3 3.2. 団体登録情報の承認 公開について...6

More information

らくらくメニューVer2.70E9<セットアップガイド>

らくらくメニューVer2.70E9<セットアップガイド> Ver 2.70E9 AutoCAD2000-2009 for. Windows Vista XP AutoCAD LT2000-2009 目次 らくらくメニューをインストールする前に -------------------- 1 AutoCAD LT 版らくらくメニューのインストール ------------ 2 初回起動時の処理 AutoCAD LT 2006~2009の場合 ---------------------

More information

Microsoft Word - Outlook_manual doc

Microsoft Word - Outlook_manual doc アカウント設定マニュアル Outlook 2010 作成日 :2012 年 7 月 12 日最終更新日 :2012 年 8 月 13 日 Ver.1.0 山九 IT 企画部 1 目次 1. 本書について...3 2. メールアカウント追加...4 3. メールボックスのフォルダー同期...7 4.Outlook 側で操作したメールの S-GIPS への同期...9 5.S-GIPS のアドレス帳のインポート...

More information

文書作成ソフト ( 初級 ) 第 1 章 Wordの基礎知識 STEP1 Wordの概要 STEP2 Wordを起動する STEP3 Wordの画面構成 STEP4 ファイルを操作する STEP5 Wordを終了する第 2 章文字の入力 STEP1 IME2010を設定する STEP2 文字を入力す

文書作成ソフト ( 初級 ) 第 1 章 Wordの基礎知識 STEP1 Wordの概要 STEP2 Wordを起動する STEP3 Wordの画面構成 STEP4 ファイルを操作する STEP5 Wordを終了する第 2 章文字の入力 STEP1 IME2010を設定する STEP2 文字を入力す 受講生募集 ワードの使い方なんて いまさら人に聞きづらい 自己流で覚えたエクセルがいまいち使いこなせていない もっとおしゃれで表現力あるプレゼン資料を作りたい! 1.e ラーニングってなに? 2. なぜ e ラーニング? インターネットを利用して 学習ができる仕組みのことを言います インターネットに接続できるパソコンと 専用のID パスワードがあれば Web サイト上で受講することができます 3.

More information

スライド 1

スライド 1 Internet Explorer9 11 の設定 ( 定例見積 ) Internet Explorer9 11 ご利用の際の推奨環境について 福岡市電子入札システムを Internet Explorer 9 11 でご利用頂く際は必ず 下記推奨環境をご確認頂き次ページからの各設定を行ってください 設定を行わない場合 電子入札操作時エラーが発生する可能性があります 電子入札をスムーズに行う為に必ず設定をお願い致します

More information

Adobe® Corporate Template 2005

Adobe®  Corporate Template 2005 Dreamweaver CS3 による CSS デザイン 入 門 小 松 学 史 アドビ 認 定 インストラクター(ACI) 1 Who is this guy? 小 松 学 史 アクティブファクター Dreamweaverおよび Flash アドビ 認 定 インストラク ター(ACI) 2000 年 よりフリーランスとして マルチメディアコン テンツ Web サイト 制 作 に 携 わる 現 在

More information

AQUOS ケータイ ユーザーガイド

AQUOS ケータイ ユーザーガイド 文字を入力する 本機の文字入力は ボタン操作で行います お買い上げ時の入力方 法 (S-Shoin) で説明します 変換候補を引用する ひらがなを入力 引用 連携 項目を選択 変換候補を選択 文字入力の基本操作 文字入力にはダイヤルボタンを利用します 1つのボタンには ボタンに表示されているような複数の文字が割り当てられており 押す回数によって表示される文字が変わります ダイヤルボタンに割り当てられた文字について詳しくは

More information

UP-CR10L

UP-CR10L プリント の場合 簡単操作ガイド 画面 プリント を選択 プリントしたい画像 フル機能モード サービスの種類 前面のスロットに メモリーカードを挿入 プリントする枚数を設定 画像を拡大できます プリント プリントしたい画像を選んで プリントできます インデックスプリント メモリーカード内の全画像を縮小プリント 写真の管理や焼き増しに便利です 分割プリント 複数の写真を枚にプリント 証明写真のサイズでのプリントもできます

More information

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

More information

画像参照画像送り 5 画像下部に再生ボタンが表示されます 再生ボタンをクリックすると 自動コマ送りされます 1

画像参照画像送り 5 画像下部に再生ボタンが表示されます 再生ボタンをクリックすると 自動コマ送りされます 1 画像参照画像送り 画像参照の画像送り方法について説明します 画像上にカーソルを表示した状態で マウスのホイールボタンでスクロールする またはマウスの左ボタンで上下にドラックすると アクティブなシリーズの画像送りができます 1 カルテ タブや 画像 レポート タブから 画像アイコンをクリックします 画像が表示されます 3 画像が切り替わって表示されます シリーズの位置はバー上の で表示されます 2 画像上にカーソルを表示した状態で

More information

Section1_入力用テンプレートの作成

Section1_入力用テンプレートの作成 入力用テンプレートの作成 1 Excel には 効率よく かつ正確にデータを入力するための機能が用意されています このセクションでは ユーザー設定リストや入力規則 関数を利用した入力用テンプレートの作成やワークシート操作について学習します STEP 1 ユーザー設定リスト 支店名や商品名など 頻繁に利用するユーザー独自の連続データがある場合には ユーザー設定リスト に登録しておけば オートフィル機能で入力することができ便利です

More information

tukurikata_2003.indd

tukurikata_2003.indd イラスト使い方マニュアル ここでは WindowsXP 上で Microsoft Office Word 2003 を使った操作手順を紹介します イラストをプリントする 用紙の大きさ 向きを決める Word を開く 2 用紙の大きさを設定する パソコン画面左下にある スタート ボタンをクリッ 画 面 左 上 の フ ァ イ ル メ ク し て す べ て の プ ロ グ ラ ム Microsoft

More information

2 2010 p. 72 1997 2007 2002 p. 282 2006 2001 2009 2 1990 2001 222

2 2010 p. 72 1997 2007 2002 p. 282 2006 2001 2009 2 1990 2001 222 11 2013 * 1 reflection 2007 p. 1997 2008 2005 2010 * redfern51a @gmail.com 221 2 2010 p. 72 1997 2007 2002 p. 282 2006 2001 2009 2 1990 2001 222 11 2013 2010 pp. 72-77 1998 p. 158 2010 p. 77 19922002 3

More information

目 次 1.SNS の概要 1.1 SNS の概要 地域 SNS の起動 地域 SNS の画面構成 自己紹介の設定 2.1 自己紹介の設定 ブログ 3.1 ブログを書く コメントを書く コミュニティ 4.1 コミュニティに

目 次 1.SNS の概要 1.1 SNS の概要 地域 SNS の起動 地域 SNS の画面構成 自己紹介の設定 2.1 自己紹介の設定 ブログ 3.1 ブログを書く コメントを書く コミュニティ 4.1 コミュニティに 2012 年 7 月 厚木市 目 次 1.SNS の概要 1.1 SNS の概要... 1.2 地域 SNS の起動... 1.3 地域 SNS の画面構成... 2. 自己紹介の設定 2.1 自己紹介の設定... 3. ブログ 3.1 ブログを書く... 3.1 コメントを書く... 4. コミュニティ 4.1 コミュニティに参加する... 4.2 コミュニティに招待する 招待される... 4.3

More information

01ログイン

01ログイン ページ情報を編集する ページ情報 ページの承認状態の切り替えを行います ページ更新者は切り替えはできません 5 7 6 ページの公開状態の切り替えを行います ページの属性の変更を行います 別ウインドウでページのプレビューを見るこ とができます 8 5 ページのレイアウトの変更を行います 6 ページの削除ができます ボタンをクリックすると 削除の確認画面が表示さ れます [OK] を押すとページ自身が削除されます

More information

情報科学Ⅲ 授業コード 12680 情報メディア演習 情報機器の操作 [a] 授業コード 12690 担当者 水野博 履修可能最小学年 Ⅱ 開講期 1 期 単位 2 受講者指定 授 業 形 態 講義 担当者 加藤周一 開講期 1 期 授 業 形 態 講義 演習 単位 2 受講者指定 コンピュータはハ

情報科学Ⅲ 授業コード 12680 情報メディア演習 情報機器の操作 [a] 授業コード 12690 担当者 水野博 履修可能最小学年 Ⅱ 開講期 1 期 単位 2 受講者指定 授 業 形 態 講義 担当者 加藤周一 開講期 1 期 授 業 形 態 講義 演習 単位 2 受講者指定 コンピュータはハ 情報科学Ⅰ 授業コード 12660 情報科学Ⅱ 担当者 水野博 履修可能最小学年 Ⅱ 開講期 通年 単位 4 受講者指定 授 業 形 態 講義 担当者 水野博 開講期 2 期 履修可能最小学年 Ⅱ 授 業 形 態 講義 単位 2 受講者指定 世界中の技術者のボランティアで発展している Linux OS を修得する その題材として2D- コ ンピュータグラフィックス (CG) を採用する Word や

More information

Microsoft Word - 国会図書館デジタル資料_

Microsoft Word - 国会図書館デジタル資料_ デジタル化資料送信サービス の利用方法 目次 1 はじめに ( サービスの概要 利用上の注意 ) p.1 2 検索の仕方 ( 本を探す ) p.3 3 閲覧の仕方 ( 本を読む ) p.7 1 はじめに 1.1 サービスの概要について デジタル化資料送信サービス ( 送信サービス ) は 国立国会図書館でデジタル化した 図書や雑誌のうち 絶版などで現在手に入らないものについて 国立国会図書館館の承認

More information

help_ja

help_ja interviewscribe ユーザーズガイド ヤナセ 2012 1 1. 概要 interviewscribeは テープ起こし作業を効率的に行うためのツールです フレーズ分割 interviewscribeでは音声データを 発音している部分毎に分割し フレーズ として管理します フレーズに分割することで 数秒のフレーズ毎に聞き取り作業を進められ 再生 聞き取り テキス ト変換の一連の作業をスムーズに進めることが出来ます

More information

BizDataBank とはインターネット上のクラウドサーバーを 自分のパソコンのハードディスクのようにご利用いただけるサービスです クラウドに格納したデータはパソコンだけでなく スマートフォンやタブレットでも自在にアクセス可能 さらに 大容量データの送信やメンバー限定のファイル共有など ビジネスや

BizDataBank とはインターネット上のクラウドサーバーを 自分のパソコンのハードディスクのようにご利用いただけるサービスです クラウドに格納したデータはパソコンだけでなく スマートフォンやタブレットでも自在にアクセス可能 さらに 大容量データの送信やメンバー限定のファイル共有など ビジネスや BizDataBank (Web ブラウザ版 ) ユーザガイド Version 2.0.2 Lastupdate 2013.8.12 1 BizDataBank とはインターネット上のクラウドサーバーを 自分のパソコンのハードディスクのようにご利用いただけるサービスです クラウドに格納したデータはパソコンだけでなく スマートフォンやタブレットでも自在にアクセス可能 さらに 大容量データの送信やメンバー限定のファイル共有など

More information