prg.indb

Size: px
Start display at page:

Download "prg.indb"

Transcription

1 II HTML Web HTML HTML

2 章 Webコンテンツは主に HTMLで書かれます 部 体験編 Ⅱ HTMLってなに Web コンテンツを制作するときには HTML と呼ばれる形式でドキュメント 文 書 を記述するのが一般的です HTML は Hyper Text Markup Language の略称 であり テキスト 文書 を記述するための 言語 の一種です HTMLドキュメント は 主に文字と画像で構成されたコンテンツ 表示内容 と それらをどのように画面 に表示するかをコンピュータに指示する命令で構成されています みなさんがイン それは HTML で記述された文書を見てい ターネットで Web ページを目にするとき るのです HTML の書き方 HTML 言語を使って記述された文書は テキストファイルの一種であり HTML ファイル と呼ばれます HTML の命令は 本文や画像 見出し等について それら構成要素の定義や相互 の関連付け 段落区切りなどの構造といったものを ドキュメントの中で指定する HTML ファイルを読み込んで そこに書き込ま ために書かれます Web ブラウザは れた命令と構成要素を適宜解釈して画面に表示します そのような命令を HTML では タグ と呼びます タグの例 言葉で説明しただけではよくわかりませんので 実際に書いてみましょう タグにはたくさんの種類があり それぞれ決められた言葉 文字列 を < > の中に 入れて表されます この書き方によって コンテンツ部分と命令書きの部分とが区 別されます Web ブラウザが 読み込んだ HTML ファイルの中にタグを見つけると 040

3 それに応じた命令を実行して 結果を画面に表示します タグによっては 命令の 対象範囲がどこからどこまでなのかを指定する場合もあります 例えば 文章のあ る範囲を見出しとして表示したい場合には h というタグを用いますが このと <h> が見出しの始まりを表し </h> が見出しの終わりを表します き / スラッシュ で範囲を閉じます を 自 分で 書いてみましょう H T M L <h>html を学ぶ </h> 前後の < > 内に同じ言葉 h を書きます この例の場合 HTML を学ぶ という部分が大見出しとして表示されます HTML 文書は 基本的にはこのようなルールに従って書いていきます ここで紹介 した h 以外にも多くのタグが定義されています 代表的なものについては 次 章で紹介していきます HTML の文書構造 HTML では タグを組み合わせて 様々な表現を行なっていきます 本書では HTML5 という最新の規約で書いています <!DOCT YPE html> <html> <head> <meta charset="utf-8"> <title> はじめてのプログラミング </title> </head> <body> HTML を学ぶ </body> </html> 04

4 章 Webコンテンツは主にHTMLで書かれます まず初めに <!DOCTYPE html> と書いて この文章は HTML5 形式であるという ことを Web ブラウザに知らせています 次に <html> タグで始まり </html> タ <head> タグで囲まれた範囲と グで閉じられた範囲があります さらにその中に <body> タグで囲まれた範囲の つがあることがわかると思います これらが HTML 文書の基本的な 入れ子構造 を形づくっています 部 体験編 入れ子構造とは Ⅱ もう少しこの構造を理解していただくために HTML の 入れ子構造 について説 明しましょう 入れ子構造とは 大きな枠組みの中に小さな枠組みを入れていくものです ロシ アのマトリョーシカ人形をイメージするとわかりやすいでしょう HTML 文章の場合は <html> タグで囲まれた範囲が大きな箱になっていて そ の中に <head> と <body> によって作られた小さな箱が入っているイメージになり ます 04

5 head HTML body を 自 分で 書いてみましょう H T M L HTML head body タグと本文の表示の仕方 もう少し具体的に 先ほどの HTML のコードを見てみましょう <head> で示された範囲の中には さらに <meta> タグと <title> タグがあります <meta charset="utf-8">と書くことで 文字コード を指定しています まず この HTML ファイルが UTF-8 という文字コードで書かれて これで Web ブラウザは いることを理解します UTF-8 以外にも Shift-JIS など様々な文字コードがあります が 最近の Web コンテンツでは UTF-8 を使うのが一般的です 文字コードについて詳し くは 後のコラムをご覧ください 次に <title> ですが 文字通りHTML ページのタイトルを設定するためのタグです <title> で指定した範囲は Web ブラウザ画面のタイトルバーの部分や タブに表示 Google などの検索エンジンも <title> タグで指定された範囲を重 されます また 要な検索対象にしています 043

6 章 Webコンテンツは主にHTMLで書かれます <head> <meta charset="utf-8"> 3 <title> はじめてのプログラミング </title> 4 </head> 部 体験編 Ⅱ 続いて <body> による部分を見てみます <body> タグで囲まれた箇所は HTML の 本文 として表示されます コードと Web ブラウザ上での表示を見比べてみま しょう <body> HTML を学ぶ 3 </body> 4 </html> HTML を学ぶ という文字が Web ブラウザの画面に表示されています 044

7 章 実際にHTMLを 記述してみましょう を 自 分で 書いてみましょう H T M L 以上が HTML の基本です それでは さっそくHTML を書いてみましょう HTML に限りませんが 全てを一度に覚えようとするよりも 少しずつ書いてみて慣れるこ とが上達への近道です 用意するもの 必要な道具は テキストエディタ と Web ブラウザ の つだけです テキストエディタで HTML を記述しファイルに保存 保存されたファイルを Web ブラウザ で読み込んで確認 これらが基本的な流れです Mac 用には mi 本書ではテキストエディタとして Windows 用には TeraPad を使って説明を進めます どちらも無料で使える人気のフリーソフトです Web ブ ラウザは Google Chrome を使います いずれも本書の準備編でインストールして あると思いますので 起動しておいてください マネして書いてみましょう まずはテキストエディタを使って 下記をマネして書いてみましょう <!DOCT YPE html> <html> <head> <meta charset="utf-8"> <title> はじめてのプログラミング </title> </head> <body> HTML を学ぶ </body> </html> 045

8 章 実際にHTMLを記述してみましょう 字下げ の役割 上の例のように行の先頭にスペース ブランク 空白 を入れることを 字下げ と 呼びます インデントと呼ぶこともあります 字下げを行うことで あとから見返す時に HTML の入れ子構造がわかりやすくなります 何個のスペースを入れるかは自由で すが タグによって作られる入れ子構造を反映するようにします なお 字下げをし てもしなくても コンピュータにとっては関係ありません Web ブラウザ上では同じ ように表示されます 字下げは 人間にとってわかりやすくなるようにして プログ 部 体験編 Ⅱ ラムの制作や保守のコストを下げるための工夫です <html> <head> <meta charset="utf-8"> <title> はじめてのプログラミング </title> ファイルを保存しましょう ここまで書けたら HTML ファイルを保存してみます 保存の仕方には少し特殊な 操作があるので 注意していきましょう テキストエディタによって保存方法が異な ります TeraPad Windows の場合 文字コード を ファイル メニューにある 文字 / 改行コード指定保存 を開き UTF-8N に設定してください 046

9 OK ボタンを押して保存します このとき ファイル名は a.html として デスク トップに保存してください なお 拡張子の.html は そのファイルが HTML 文書 であることを表します この操作が必要なのは最初にファイルを保存するときだけ フロッピーディスクの絵が描かれたアイ です 回目以降に上書き保存する際は コンをクリックするだけで OK です を 自 分で 書いてみましょう H T M L mi Mac の場合 フロッピーディスクのマークをクリックします ファイル名 に a.html と入力 して そのまま 保存 ボタンを押すだけです mi エディタの場合 何も指定しなければ文字 コードは UTF-8N になります なお 今回は操作をシンプルにするために デスクトップに保存しています 047

10 章 実際にHTMLを記述してみましょう HTMLファイルを表示させてみましょう HTML ファイルの保存ができたら テキストエディタからいったん離れ Web ブ ラウザで表示してみましょう 保存した HTML ファイルのアイコンを ドラッグ &ド ロップ で Google Chrome の上に持っていきます ファイルアイコンの上でマウスの左ボタ そこでボタンを離します ンを押したら そのまま Google Chrome の上まで持っていき 部 体験編 Ⅱ このように表示されれば成功です Web ブラウザを開いたまま テキストエディタで HTML を編集してみてください 例えば HTML を学ぶ の部分を HTML を学ぼう に変えるなどして上書き保存 Web ブラウザで再読み込み リロード を行うと 表示内容も更新されま したあと す リロードしなければ表示内容は変わりませんので ご注意ください Google Chrome の場合 画面左上にある右周り矢印がリロードボタンです 編集 上書き保存 リロードと いうこの操作は 頻繁に行いますので 忘れずにいてください 048

数のディジタル化

数のディジタル化 第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 4 節コミュニケーションとネットワークの活用 3 コミュニケーションツールの活用 第 3 章 4 節コミュニケーションとネットワークの活用 コミュニケーションツールの活用 本日の内容 第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 3. コミュニケーションツールの活用

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/9 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/6 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1 引き算アフィリ ASP 登録用の日記サイトを 作成しよう 1 目次 ASP 登録用の日記サイトを作成しよう... 3 日記サイト作成時のポイント... 4 (1) 子ページを5ページ分作成する... 5 (2)1 記事当たり600 文字以上書く... 6 (3) アップロードする場所はドメインのトップが理想... 7 日記サイトを作成しよう... 8 日記サイト用テンプレートをダウンロードする...

More information

■新聞記事

■新聞記事 情報処理 C (P.1) 情報処理 C ホームページ作成入門 テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合 ) [ スタート ]-[ プログラム ]-[ テキストエディタ ]-[TeraPad] をクリック

More information

第21章 表計算

第21章 表計算 第 3 部 第 3 章 Web サイトの作成 3.3.1 WEB ページ作成ソフト Dreamweaver の基本操作 Web ページは HTML CSS という言語で作成されており これらは一般的なテキストエディタで作成できるのが特徴ですが その入 力 編集は時に煩雑なものです そこで それらの入力 編集作業など Web ページの作成を補助するソフトウェアである Dreamweaver の使い方について解説していきます

More information

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能.

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能. Viewer manual by SparxSystems Japan Enterprise Architect 読み込み専用版 (Viewer) 利用マニュアル 内容 1 はじめに...3 2 インストールの手順...3 3 起動の手順...6 4 Enterprise Architect のプロジェクトファイルを開く...7 5 内容を参照する...8 5.1 プロジェクトブラウザを利用する...8

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう 健山智子 (t.tateyama.es@cc.it-hiroshima.ac.jp) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ 使い方ガイド 第 4 版 ログインする~サイト編集画面を開く... 3 テンプレートを選ぶ ~ 編集モードを選択する... 4 編集画面の見かた... 6 編集の前に... 8 テキストを変える... 9 ブロックの編集画面 ( スマートモード )... 10 ブロックの編集画面 ( エディタモード )... 11 スマートモードからエディタモードへ変更... 12 ブロックの複製 移動 削除など...

More information

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

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

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. TempNate [テンプネート] ホームページ テンプレート設置マニュアル TempNate テンプネート 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. STEP1ホームページ テンプレートを ダウンロードしよう 3 COPYRIGHT TempNate. ALL RIGHTS

More information

第2章 Macintoshの基本操作

第2章 Macintoshの基本操作 第 2 章 Macintosh の基本操作 パソコンを操作するには パソコンに対して何らかの 命令 や 指示 をする必要があります 以下の章で説明するように パソコンの電源を入れると MacOS という基本ソフト (OS とも言う ) が起動しますので パソコンの操作は 基本的には Macintosh( 以下 Mac と言う ) 環境のもとでのパソコン操作となります Mac に対して 命令 や 指示

More information

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更 ファイル操作 アプリケーションソフトウェアなどで作成したデータはディスクにファイルとして保存される そのファイルに関してコピーや削除などの基本的な操作について実習する また ファイルを整理するためのフォルダの作成などの実習をする (A) ファイル名 ファイル名はデータなどのファイルをディスクに保存しておくときに付ける名前である データファイルはどんどん増えていくので 何のデータであるのかわかりやすいファイル名を付けるようにする

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. Crescent Eve ホームページ編集ソフト の使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

More information

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

More information

環境確認方法 (Windows の場合 ) OS 動作環境日本語版 Windows 7, 8, 8.1, 10 であること 確認方法 Windows キーを押しながら R キーを押します または [ スタート ] メニューから [ ファイル名を指定して実行 ] ( または [ プログラムとファイルの

環境確認方法 (Windows の場合 ) OS 動作環境日本語版 Windows 7, 8, 8.1, 10 であること 確認方法 Windows キーを押しながら R キーを押します または [ スタート ] メニューから [ ファイル名を指定して実行 ] ( または [ プログラムとファイルの 環境確認チェックリスト 設定を変更できない場合は この用紙をプリントアウトしてお使いのパソコンの管理者にご相談ください 確認方法がわからない場合はテストセンターヘルプデスクにお電話ください 利用環境チェック 受検のためには以下の環境が必要となります 動作環境機能スペック CPU:1GHz 以上メモリ :1GB 以上 (32bitOS)/2GB 以上 (64bitOS) ディスプレイ解像度 :1024

More information

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

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

More information

Microsoft Word - 205MSPowerpoint2010

Microsoft Word - 205MSPowerpoint2010 5.1 MS-PowerPoint 2010 の起動 終了 第 5 章プレゼンテーション 1.MS-PowerPoint 2010 の起動 (1) マウスの左ボタンでスタートボタンをクリックします (2)[ すべてのプログラム ] [Microsoft Office] [Microsoft PowerPoint 2010] の順にマウスをクリックすると MS-PowerPoint 2010 の初期画面

More information

すると メインメニューと呼ばれる DC さくらのメインウィンドウ部が表示されます ( 下の画面がスクリーンシ ョットです ) メインメニューは ウィンドウ右上の ボタンを押すと閉じます リスト内のアイテムは ダウンロードのタスクを表します ダウンロード状況を把握できます メニュー項目やボタンの説明は

すると メインメニューと呼ばれる DC さくらのメインウィンドウ部が表示されます ( 下の画面がスクリーンシ ョットです ) メインメニューは ウィンドウ右上の ボタンを押すと閉じます リスト内のアイテムは ダウンロードのタスクを表します ダウンロード状況を把握できます メニュー項目やボタンの説明は DC さくらの画面構成 DC さくらが起動している間は デスクトップ右下のタスクトレイに DC さくらのアイコンが表示されます この DC さくらのアイコンを右クリックしてください ( 下の図はスクリーンショットです ) この青色のアイコンが DC さくらのアイコンです DCさくらのアイコンを右クリックすると 以下の図のような操作メニューが表示されます メニュー項目には 操作を行うための各コマンドが配置されております

More information

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 開始方法... 4 資料を閲覧する 先生の立場で WebClass を利用してみましょう... 8 資料を

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 開始方法... 4 資料を閲覧する 先生の立場で WebClass を利用してみましょう... 8 資料を WebClass 体験コースマニュアル 資料機能編 ( 先生用 ) 2018 年 作成者 : 日本データパシフィック株式会社 1.WebClass( ウェブクラス ) とは... 3 2.WebClass を利用される前に... 3 3. 学生の立場で WebClass を利用してみましょう... 4 開始方法... 4 資料を閲覧する... 6 4. 先生の立場で WebClass を利用してみましょう...

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション BowNow 見込み顧客を嗅ぎ分けるマーケティングオートメーションツール テキスト型 HTML メール作成マニュアル vol.1.0 2017/06 1 初期設定マニュアル 1 2 はじめに テキスト型 HTML メール作成方法 3 BowNow との連携 4 保存を行う 5 メール配信を行う 2 3 1 はじめに 1.HTML メールを作成するエディタを用意してください HTML メールを作成する際は

More information

コンピュータ中級B ~Javaプログラミング~ 第3回 コンピュータと情報をやりとりするには?

コンピュータ中級B ~Javaプログラミング~  第3回 コンピュータと情報をやりとりするには? Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 1 コンピュータ 2C ~ マルチメディア ~ 第 2 回 Web ページを作成するには? (HTML の基本 2) 人間科学科コミュニケーション専攻 白銀純子 Copyright (C) Junko Shirogane,

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

2004年度情報リテラシーⅢ

2004年度情報リテラシーⅢ プレゼンテーションソフトウェア Microsoft PowerPoint2002 2004 年度情報リテラシー Ⅲ 学籍番号氏名あ Microsoft PowerPoint2002 1. 起動と終了起動 デスクトップのアイコンをダブルクリックするか [ スタート ]-[ プログラム ]-[Microsoft PowerPoint] の順にクリック 終了 タイトルバーの をクリックするか [ ファイル

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

Splashtopスタートガイド

Splashtopスタートガイド 1. インストール前にご確認ください 01 2. 本製品を使えるようにする 01 3. ヘルプについて 10 4. 製品を使っていて困った時は 10 5. 本製品を使わなくなった時は 11 1 インストール前に本製品を使えるようにするご確認ください 2 本製品を使用するには 以下の 3つの作業が WindowsVista やWindows7 Windows 必要です 8では アプリケーションのインストールを行なうと

More information

Windows 10 はマイクロソフト社の OS(Operating System: 基本ソフト ) です OS は パソコンの本体とプリンター キーボード マウスなどのハードウェアを仲介します また Word Excel などのアプリの制御や ファイルの作成 削除などを階層的に管理します を使うと

Windows 10 はマイクロソフト社の OS(Operating System: 基本ソフト ) です OS は パソコンの本体とプリンター キーボード マウスなどのハードウェアを仲介します また Word Excel などのアプリの制御や ファイルの作成 削除などを階層的に管理します を使うと Windows の基本操作 学内 PC(Windows 10) 画面構成 パソコンの電源を入れ パスワード入力後に現れる画面を デスクトップ といいます 画面構成と役割を確認しましょう 本学では 学内の PC を使用する場合 ユーザー認証のための 学生証 (IC カード ) および パスワード が必要です ❶ アイコンアプリやフォルダー ファイルなどを画像で表したもの ダブルクリックすることで起動できる

More information

スライド 1

スライド 1 操作マニュアル 1 ブログ作成 目次 はじめに ログイン方法 P2 コンテンツ一覧画面 P3 新しい記事を書く P4 本文入力エリアの説明 P5 画像をアップする P6.7 カテゴリ機能の説明 P8 リンクの貼り方 P9 動画の貼り方 P10 ブログの公開 P11 ブログの一覧画面 P12 2 フラッシュ フラッシュの編集 P13.14 3 その他 サイトの表示がおかしい P15 画像サイズについて

More information

目次 Web インターフェースでのログイン方法 1 Web インターフェースから利用できる機能の紹介 3 1ファイルのアップロードとダウンロード 4 2 転送確認 ( ファイルのアップロード状況 ) 9 3ファイル更新履歴の管理 10 4 操作履歴の確認 12 5アクセスチケットの生成 ( フォルダ

目次 Web インターフェースでのログイン方法 1 Web インターフェースから利用できる機能の紹介 3 1ファイルのアップロードとダウンロード 4 2 転送確認 ( ファイルのアップロード状況 ) 9 3ファイル更新履歴の管理 10 4 操作履歴の確認 12 5アクセスチケットの生成 ( フォルダ ServersMan@Disk WEB インターフェースでの ご利用方法 目次 Web インターフェースでのログイン方法 1 Web インターフェースから利用できる機能の紹介 3 1ファイルのアップロードとダウンロード 4 2 転送確認 ( ファイルのアップロード状況 ) 9 3ファイル更新履歴の管理 10 4 操作履歴の確認 12 5アクセスチケットの生成 ( フォルダ / ファイルの公開 ) 13

More information

Microsoft Word IL3_1.doc

Microsoft Word IL3_1.doc プレゼンテーションソフトウェア Microsoft PowerPoint 2003 2005 年度情報リテラシー Ⅲ 学籍番号氏名あ Microsoft PowerPoint 2003 1. 起動と終了起動 デスクトップのアイコンをダブルクリックするか スタート すべてのプログラム Microsoft Office Microsoft Office PowerPoint 2003 の順にクリック 終了

More information

旅のしおり

旅のしおり ワードでワクワク旅のしおり Word2007 のいろいろな機能を使って楽しい旅のしおり作成に挑戦しましょう! 1. ワード (Word) の起動 2. ページ設定 3. 文字のレイアウト 6. 表のレイアウト 7. ファイルの保存 8. クリップアート挿入 4. セクション区切りの挿入 5. 表の挿入 下記のような 旅のしおり を作成します 1 1. ワード (Word) の起動 [ スタート ]

More information

第 1 節 スクリーンショット スクリーンショットとは コンピューターで開いているウィンドウの全体や その一部を 画像として取り込むことができる機能です ここでは 地図の挿入を行います 232

第 1 節 スクリーンショット スクリーンショットとは コンピューターで開いているウィンドウの全体や その一部を 画像として取り込むことができる機能です ここでは 地図の挿入を行います 232 第 8 回 Word 差し込み印刷 231 第 1 節 スクリーンショット スクリーンショットとは コンピューターで開いているウィンドウの全体や その一部を 画像として取り込むことができる機能です ここでは 地図の挿入を行います 232 1. 文書入力 第 7 章 - チャレンジ問題 2 で作成した セミナー開催のご案内 ファイルを開き 次のページに 案内図 を作成します ここでは下図のように入力します

More information

マウス操作だけで本格プログラミングを - 世界のナベアツをコンピュータで - プログラムというと普通は英語みたいな言葉で作ることになりますが 今回はマウスの操作だけで作ってみます Baltie, SGP System 操作説明ビデオなどは 高校 情

マウス操作だけで本格プログラミングを - 世界のナベアツをコンピュータで - プログラムというと普通は英語みたいな言葉で作ることになりますが 今回はマウスの操作だけで作ってみます Baltie, SGP System   操作説明ビデオなどは 高校 情 マウス操作だけで本格プログラミングを - 世界のナベアツをコンピュータで - プログラムというと普通は英語みたいな言葉で作ることになりますが 今回はマウスの操作だけで作ってみます Baltie, SGP System http://www.sgpsys.com/en/ 操作説明ビデオなどは 高校 情報科 の教材 指導案作ってみました http://www.beyondbb.jp/ Zip の教材内に入っています

More information

スライド 1

スライド 1 ラベル屋さん HOME かんたんマニュアル リンクコース 目次 STEP 1-2 : ( 基礎編 ) 用紙の選択と文字の入力 STEP 3 : ( 基礎編 ) リンクの設定 STEP 4 : ( 基礎編 ) リンクデータの入力と印刷 STEP 5 : ( 応用編 ) リンクデータの入力 1 STEP 6 : ( 応用編 ) リンクデータの入力 2 STEP 7-8 : ( 応用編 ) リンク機能で使ったデータをコピーしたい場合

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. TeraPad ホームページ編集ソフト の操作マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

More information

Microsoft Edge の場合 (1) Mizdori 無料体験版ダウンロード画面の [ 体験版ダウンロード ] ボタンをクリックします (2) Edge の下部に mizdori_taiken_setup.zip について行う操作を選んでください と表示され ますので [ 開く ] をクリッ

Microsoft Edge の場合 (1) Mizdori 無料体験版ダウンロード画面の [ 体験版ダウンロード ] ボタンをクリックします (2) Edge の下部に mizdori_taiken_setup.zip について行う操作を選んでください と表示され ますので [ 開く ] をクリッ Microsoft Edge の場合 (1) Mizdori 無料体験版ダウンロード画面の [ 体験版ダウンロード ] ボタンをクリックします (2) Edge の下部に mizdori_taiken_setup.zip について行う操作を選んでください と表示され ますので [ 開く ] をクリックします (3) 日付 _MizdoriSetup_ バージョン番号 のファイルをダブルクリックして開きます

More information

Ⅴ ブラウザーの使い方 V. ブラウザーの使い方 起動 終了 画面説明 ホームページ移動 リンクを使って移動 アドレスバーからの移動 ボタンでの移動

Ⅴ ブラウザーの使い方 V. ブラウザーの使い方 起動 終了 画面説明 ホームページ移動 リンクを使って移動 アドレスバーからの移動 ボタンでの移動 V. ブラウザーの使い方... 45 1. 起動... 45 2. 終了... 45 3. 画面説明... 46 4. ホームページ移動... 47 4-1 リンクを使って移動... 47 4-2 アドレスバーからの移動... 47 4-3 ボタンでの移動... 47 5. ホームページ検索... 48 5-1 e-キャンパスセンターのホームページから検索... 48 5-2 アドレスバー/Google

More information

Microsoft Word - no11

Microsoft Word - no11 web ページ 1. web ページ ( ホームページ ) の公開 インターネットには無数の web サイトが公開されています. 複数の web ページのまとまりのことを web サイトと言います.web ページは,web ブラウザを使って閲覧できます. 代表的な web ブラウザ ( 以下ブラウザと略 ) は, マイクロソフトの IE(Internet Explorer) や Edge があります.

More information

Microsoft Word A02

Microsoft Word A02 1 / 10 ページ キャリアアップコンピューティング 第 2 講 [ 全 15 講 ] 2018 年度 2 / 10 ページ 第 2 講ビジネスドキュメントの基本 2-1 Word の起動 画面構成 Word を起動し 各部の名称と機能を確認してみましょう 2 1 3 6 4 5 名称 機能 1 タイトルバー アプリケーション名とファイル名が表示されます 2 クイックアクセスツールバー よく使うコマンドを登録できます

More information

Taro-02_Web_html自習テキストⅡ.

Taro-02_Web_html自習テキストⅡ. 平成 18 年度 学校 Web ページ作成研修講座 HTML の基礎 Ⅱ ~ メモ帳で Web ページを作ろう!!~ 今回の勉強内容 背景画像の挿入 / 画像の挿入 / BGM の設定 / メールリンクの設定 岩手県立総合教育センター 情報教育室 目 次 1 復習 1 2 背景画像の挿入 2 3 画像の挿入 4 4 BGM の挿入 5 5 メールリンクの設定 6 作業フォルダの準備 作成したファイルを保存するフォルダとして

More information

PowerPoint2003基礎編

PowerPoint2003基礎編 はじめに 1 PowerPoint の概要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション作成の流れ 4 5 PowerPoint の起動 5 6 PowerPoint の画面 6 7 作業ウィンドウを閉じる 8 8 ツールバーを 2 行にしたい時は 9 第 1 章新しいプレゼンテーションを作ろう 1 レッスン

More information

設定をクリックしてください 初期設定をクリックします

設定をクリックしてください 初期設定をクリックします メルブロライターをこちらよりダウンロードしてください http://flowed8.s6.coreserver.jp/meruburo0624.zip ファイルを開いてクリックします 設定をクリックしてください 初期設定をクリックします フォルダ初期設定にタブが付いていますので 赤枠の参照をクリックします メルブロライター ( もしくはメルブロライター有料版 ) のフォルダをクリックします ブログ情報をクリックして

More information

Microsoft Word - ws-0001.doc

Microsoft Word - ws-0001.doc Word 2016 はじめに 1 Word の概要 1 このテキストで学ぶこと 2 2 Word の起動 4 3 Word の画面 6 4 画面の表示倍率について 8 5 編集記号の表示 / 非表示 8 6 ルーラーを表示させたい時は 9 7 行番号を表示させたい時は 9 8 リボンが表示されない時は 10 9 ミニツールバーについて 11 10 印刷プレビューボタンを表示したい時は 11 11 ファイルの保存

More information

推奨 web ブラウザについて スマートフォンやタブレットには様々な web ブラウザがあります Android 端末には 標準ブラウザ ios 端末には Safari どちらでも使用できる Y ブラウザ FireFox Google Chrome などの web ブラウザがあります ビット web

推奨 web ブラウザについて スマートフォンやタブレットには様々な web ブラウザがあります Android 端末には 標準ブラウザ ios 端末には Safari どちらでも使用できる Y ブラウザ FireFox Google Chrome などの web ブラウザがあります ビット web ビット web 日報 V1.0 営業バージョン操作マニュアル [V1.0] 有限会社ビット http://www.bitpower.co.jp/ 石川県かほく市宇野気 1-26 TEL 076-283-5686 推奨 web ブラウザについて スマートフォンやタブレットには様々な web ブラウザがあります Android 端末には 標準ブラウザ ios 端末には Safari どちらでも使用できる

More information

Word2013基礎 基本操作

Word2013基礎 基本操作 OA ベーシック Word2013 基礎基本操作 1 / 8 Word2013 基礎基本操作 基本操作前編 (WORD 基本操作 ) Word の起動と終了 操作 Word を起動します 1[ スタート画面 ] で [Microsoft Word2013] のタイルをクリックします Word が起動します タスクバーには Word のボタンが表示されます 2[ 白紙の文書 ] をクリックします 新規文書が表示されます

More information

2 Web ページの文字のサイズを変更するには 以下を実行します Alt + P キーを押して [ ページ ] メニューを選択します X キーを押して [ 文字のサイズ ] を選択します 方向キーを押して 文字のサイズを [ 最大 ] [ 大 ] [ 中 ] [ 小 ] [ 最小 ] から選択します

2 Web ページの文字のサイズを変更するには 以下を実行します Alt + P キーを押して [ ページ ] メニューを選択します X キーを押して [ 文字のサイズ ] を選択します 方向キーを押して 文字のサイズを [ 最大 ] [ 大 ] [ 中 ] [ 小 ] [ 最小 ] から選択します Windows が提供する Web ブラウザ (Microsoft Internet Explorer 8) の機能 Windows が提供する Web ブラウザのアクセシビリティ ユーザビリティへの取り組みを調査 http://www.microsoft.com/japan/enable/products/ie8/default.mspx し 機能を洗い出ことにより 利便性 操作面から提供されている機能に依存しなくても

More information

1

1 1 2 3 4 確認しよう 今回のサンプルプログラムにアクセスしてみましょう 1. デスクトップ上のフォルダをクリックし /var/www/html に example1.html と example2.php ファイルがあることを確認します 2. ブラウザを起動し 次の URL にアクセスします http://localhost/example1.html 3. 自分の手を選択して じゃんけんぽん

More information

アメブロは そのままで使えるおしゃれなテンプレートが豊富にそろっているのが特徴ですがさらにデザインをカスタマイズすることによって 見やすく集客しやすいブログにすることができます このテキストでは 2016 年 3 月にリリースされた CSS 編集用デザイン を使用して あなただけのデザインにアメブロ

アメブロは そのままで使えるおしゃれなテンプレートが豊富にそろっているのが特徴ですがさらにデザインをカスタマイズすることによって 見やすく集客しやすいブログにすることができます このテキストでは 2016 年 3 月にリリースされた CSS 編集用デザイン を使用して あなただけのデザインにアメブロ このテキストについて このテキストは おもに下記の方を対象にしています Windows パソコンを使い 基本的なキーボード操作 マウス操作のできる方 アメブロを自分だけのデザインにカスタマイズしたい方 アメブロにメニューバーなどを設置して 使いやすいデザインにしたい方 本書はパソコン教室での個別学習を想定して作成されたテキストです インターネットにつながる環境が必要です テキストの作成環境 OS:

More information

PowerPoint2007基礎編

PowerPoint2007基礎編 はじめに 1 PowerPoint の概要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション作成の流れ 4 5 PowerPoint の起動 5 6 PowerPoint の画面 6 第 1 章新しいプレゼンテーションを作ろう 1 レッスン 1 文字を入力しよう 3 1 文字の入力 3 レッスン 2 新しいスライドを追加しよう

More information

JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と

JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と略 ) にある ガントチャートプラグイン を 下記の手順で利用してみましょう ガントチャートプラグイン

More information

V.ブラウザの使い方

V.ブラウザの使い方 V. ブラウザーの使い方 Windows ブラウザーとは インターネット上のホームページを閲覧するためのソフトウェアのことです ブラウザーはインターネットから HTML ファイルや画像ファイル 音楽ファイルなどをダウンロードし レイアウトを解析して表示 再生します パソコン教室には Internet Explorer Firefox Chrome の 3 種類のブラウザーをインストールしてあります

More information

クラウドの活用 クラウドとは雲 または雲状の煙やほこりという意味です ネット上にあって仕事はしてくれるがどこにあるかよくわからないサービスをクラウドと呼びます ここではクラウドサービスまたはクラウドサービスで利用されるサーバー群を指しクラウドを活用すると表現します クラウドには Micro soft

クラウドの活用 クラウドとは雲 または雲状の煙やほこりという意味です ネット上にあって仕事はしてくれるがどこにあるかよくわからないサービスをクラウドと呼びます ここではクラウドサービスまたはクラウドサービスで利用されるサーバー群を指しクラウドを活用すると表現します クラウドには Micro soft 目 次 1. OneDrive へ新規登録... 1 2. お気に入りバーへ追加... 3 3. フォルダー作成... 4 4. データのアップロード... 4 5. データのダウンロード... 5 6. WEB 上での閲覧 編集 作成... 6 出典 : 大日本印刷ニュースリリース ( 画像 ) 早稲田公民館 ICT サポートボランティア クラウドの活用 クラウドとは雲 または雲状の煙やほこりという意味です

More information

Microsoft Word - homepage

Microsoft Word - homepage web ページ 1. web ページ ( ホームページ ) の公開 インターネットには無数の web サイトが公開されています. 複数の web ページのまとまりのことを web サイトと言います.web ページは,web ブラウザを使って閲覧できます. 代表的な web ブラウザ ( 以下ブラウザと略 ) は, マイクロソフトの IE(Internet Explorer) や Edge があります.

More information

<4D F736F F D E815B836C F898B89914F95D C5816A>

<4D F736F F D E815B836C F898B89914F95D C5816A> 目 次 第 1 章インターネットの概要... 1 1-1 インターネットとは... 1 1-2 インターネットでできること... 2 第 2 章インターネットを見るためのソフト... 6 2-1 ブラウザ とは... 6 2-2 ブラウザ はいくつか種類がある... 6 2-3 クロームを入手するためにIEを使う... 8 2-4 IEを起動する... 8 2-5 インターネット用語 1 ウェブページ...

More information

Word2010基礎

Word2010基礎 Chapter 7 第 7 章 Word Web App の 利用 Word Web App を利用して インターネット上に文書をアップロードし ブラウザーで表示 編集する方法を解説します STEP Office Web Apps の概要 0 STEP Word Web App を利用する 07 練習問題 7 Chapter 7 この章で学ぶこと 学習前に習得すべきポイントを理解しておき 学習後には確実に習得できたかどうかを振り返りましょう

More information

パソコンをご利用中に Windows のシステム警告 ドライバの更新 システムの破損 等の見慣れない 不審なメッセージが表示された場合の対処法についてドキュメント ID: TS 環境 Windows 10 Windows 8.1 Windows 7 概要 このページでは インターネットを

パソコンをご利用中に Windows のシステム警告 ドライバの更新 システムの破損 等の見慣れない 不審なメッセージが表示された場合の対処法についてドキュメント ID: TS 環境 Windows 10 Windows 8.1 Windows 7 概要 このページでは インターネットを パソコンをご利用中に Windows のシステム警告 ドライバの更新 システムの破損 等の見慣れない 不審なメッセージが表示された場合の対処法についてドキュメント ID: TS102880 環境 Windows 10 Windows 8.1 Windows 7 概要 このページでは インターネットを閲覧中にご利用のブラウザから 急に以下のような 見慣れないメッセージが表示された場合の対処方法について解説しています

More information

FutureWeb3 Web Presence Builderマニュアル

FutureWeb3 Web Presence Builderマニュアル FutureWeb3 Web Presence Builder マニュアル Vol.002 目次 目次... 2 ごあいさつ... 3 Web Presence Builder について... 4 Web Presence Builder の起動方法... 6 ホームページ ( サイト ) を作成する... 7 画面説明... 9 デザインを変更する... 10 デザインテンプレートを変更する...

More information

1 ログインとログアウト 1.1 ログイン ログイン画面で [ password ] 欄にパスワードを入力します (図 1) 図 1 ログイン画面 正しくログインができると Ubuntu のデスクトップ画面 図2 が表示されます 図2 Ubuntu デスクトップ画面 2

1 ログインとログアウト 1.1 ログイン ログイン画面で [ password ] 欄にパスワードを入力します (図 1) 図 1 ログイン画面 正しくログインができると Ubuntu のデスクトップ画面 図2 が表示されます 図2 Ubuntu デスクトップ画面 2 仮想型端末(Ubuntu)の基本的な操作方法 第1版 目次 1 2 ログインとログアウト...2 1.1 ログイン...2 1.2 ログアウト...3 Terminal の操作...4 2.1 Terminal の起動...4 2.2 Terminal でよく使う基本コマンド...5 3 日本語入力...6 4 ファイルアクセスとディレクトリ構造...7 5 6 7 8 4.1 ホームディレクトリ...7

More information

二加屋様 Web B2B システム 商品 CSV データ取込マニュアル 2012 年 10 月 19 日 株式会社アイル 概要 このマニュアルは二加屋様の Web B2B システムに商品 CSV データから商品情報を登録す るための手順を示すものです マニュアル内で利用するツール このマニュアル内で

二加屋様 Web B2B システム 商品 CSV データ取込マニュアル 2012 年 10 月 19 日 株式会社アイル 概要 このマニュアルは二加屋様の Web B2B システムに商品 CSV データから商品情報を登録す るための手順を示すものです マニュアル内で利用するツール このマニュアル内で 二加屋様 Web B2B システム 商品 CSV データ取込マニュアル 2012 年 10 月 19 日 株式会社アイル 概要 このマニュアルは二加屋様の Web B2B システムに商品 CSV データから商品情報を登録す るための手順を示すものです マニュアル内で利用するツール このマニュアル内では下記のツールを利用したアップロード方法を説明します これらのツールは必須ではなく 同じ用途のツールで代替可能です

More information

PowerPoint研修_講義資料.pdf

PowerPoint研修_講義資料.pdf Microsoft Office PowerPoint Ver 2016 担当講師 提供企業 富田一年 Kazutoshi Tomita 株式会社アイクラウド ホーム プレゼンテーションの作成と編集第 1 章 PowerPointの基本操作 第1章 PowerPointの基本操作 PowerPoint Training PowerPoint2016の画面構成 PowerPoint2016の画面構成は以下のようになっています

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 49 概要 50 は まとめ記事 などの長い文章の方が向いています 本文は 500 文字以上がおすすめです 画像を使って見やすいページを作成しましょう ブログ記事タイトル の特徴 SEO ブログ記事作成の流れ 写真 使い分け 長い文章に最適 ブログ記事タイトル記入 まとめ記事や閲覧者の役に立つ情報など リード文 を書く 目次 使用する機能 通常ブログ機能 アイキャッチ画像文字色変更 リンク追加 自由な画像追加

More information

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 レポートを提出する 先生の立場で WebClass を利用してみましょう... 9 提出状況を確認する..

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 レポートを提出する 先生の立場で WebClass を利用してみましょう... 9 提出状況を確認する.. WebClass 体験コースマニュアル レポート機能編 ( 先生用 ) 2018 年 作成者 : 日本データパシフィック株式会社 1.WebClass( ウェブクラス ) とは... 3 2.WebClass を利用される前に... 3 3. 学生の立場で WebClass を利用してみましょう... 4 レポートを提出する... 6 4. 先生の立場で WebClass を利用してみましょう...

More information

1 DRM 付きファイルの閲覧方法 DLmarket をご利用いただき ありがとうございます お買い上げいただきました商品は デジタルコンテンツの不正利用を防ぐために DRM ( 著作権管理機能 ) がついております ファイルをご覧いただくには ライセンス管理ソフト (PDF OwnerGuard

1 DRM 付きファイルの閲覧方法 DLmarket をご利用いただき ありがとうございます お買い上げいただきました商品は デジタルコンテンツの不正利用を防ぐために DRM ( 著作権管理機能 ) がついております ファイルをご覧いただくには ライセンス管理ソフト (PDF OwnerGuard 1 DRM 付きファイルの閲覧方法 DLmarket をご利用いただき ありがとうございます お買い上げいただきました商品は デジタルコンテンツの不正利用を防ぐために DRM ( 著作権管理機能 ) がついております ファイルをご覧いただくには ライセンス管理ソフト (PDF OwnerGuard License Manager) のインストールが必要となります ファイルの閲覧方法は お使いの端末に応じて以下の説明文をお読みいただけますようお願い致します

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション かんたんマニュアル 差し込み印刷編 目次 STEP:1 STEP:2 STEP:3 STEP:4 元となるラベル カードのデータを作ろうP.2 差し込みデータの関連付けを設定しよう P.7 データの差し込みをしよう P.11 印刷しよう P.17 STEP1: 画面の確認をしよう 差し込み印刷とは 表計算ソフトで作った住所録を宛名ラベルに印刷したり 名簿をも とに同じ形式のカードを作ったりするときに便利な機能です

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション FLEXSCHE Excel 帳票 入門ガイド 1 目次 2 EXCEL 帳票とは EDIF を用いて出力された一時データを元に それを EXCEL 形式の帳票として出力する機能です 利用するには FLEXSCHE EDIF の他 Microsoft Excel 2003 以降が必要です レイアウトデザインも EXCEL で行うので 多くの方に操作に抵抗なく編集していただけます この入門ガイドでは

More information

2

2 CSS ホームページ HTML の作り方 作ったことない人でも大丈夫! 準備から始まる教科書です HTML,CSS の基礎を学べる決定版 見本を見ながら基礎学習 基礎を学んで目指そう Web クリエイター 1 2 基礎から学ぶ Web デザイン vol.1 1 2 はじめに4 拡張子を表示しよう 4 拡張子とは? 4 表示しないと 4 必要なものを用意しよう 5 何で作るか? 5 用意するもの 5

More information

Microsoft Word - CygwinでPython.docx

Microsoft Word - CygwinでPython.docx Cygwin でプログラミング 2018/4/9 千葉 数値計算は計算プログラムを書いて行うわけですが プログラムには様々な 言語 があるので そのうちどれかを選択する必要があります プログラム言語には 人間が書いたプログラムを一度計算機用に翻訳したのち計算を実行するものと 人間が書いたプログラムを計算機が読んでそのまま実行するものとがあります ( 若干不正確な説明ですが ) 前者を システム言語

More information

Microsoft Word - manual

Microsoft Word - manual 2012/3/21 商品設定説明書 カートスタイルは買い物カート部分だけを担当する ASP( アプリケーション サービス プロバイ ダ ) です ご自身で用意したホームページに商品の説明などを記述し そこにカートに入れるボタンや リンクを入れることで利用可能です 基本的なボタンの作り方 フォームの文法は HTML 準拠です 1 つのフォーム (~) は 1 つの商品をカートに入

More information

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21 Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 1/21 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111207 演習

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 簡易マニュアル D-QUICK7 ver4.0 Copyright (C) 2016 I-Site Corporation, All right reserved. 目次 2 1.D-QUICK7を起動する p.3 2. ログインする p.6 3. ログイン後の画面の見方 p.8 4. フォルダを登録する p.9 5. ドキュメントを登録 / 作成する (1) ファイルを登録する p.12 (2)

More information

ATDM-0604 User Manual

ATDM-0604 User Manual ATDM-0604 取扱説明書ウェブリモートマネージャー ウェブリモートマネージャーについて ウェブリモートマネージャーとは 本アプリケーションは ウェブリモートで行う設定をオフライン環境でも同様に設定することができます 本アプリケーションで編集した設定データは ファイルとして保存することができます また 一度保存したファイルを呼び出して 再度設定データを編集することができます 同一ネットワーク上に機器が接続された場合

More information

マクロの実行許可設定をする方法 Excel2010 で 2010 でマクロを有効にする方法について説明します 参考 URL:

マクロの実行許可設定をする方法 Excel2010 で 2010 でマクロを有効にする方法について説明します 参考 URL: マクロの実行許可設定をする方法 Excel2010 で 2010 でマクロを有効にする方法について説明します 参考 URL: http://excel2010.kokodane.com/excel2010macro_01.htm http://span.jp/office2010_manual/excel_vba/basic/start-quit.html Excel2010 でマクロを有効にする

More information

Format text with styles

Format text with styles Word 入門 Word はワープロおよびレイアウトのための効果的なアプリケーションです 最も効果的に使用するには 最初にその基礎を理解する必要があります このチュートリアルでは すべての文書で使用する作業と機能をいくつか紹介します 開始する前に... 1 1. 新しい空白の文書を作成する... 2 2. Word のユーザーインターフェイスについて... 4 3. 文書内を移動する... 5 4.

More information

< 目次 > 1. 練習ファイルのダウンロード 表計算ソフト Excel の基本 Excel でできること Excel の画面 セル 行 列の選択 セルにデータを入力する ( 半角英数字の場合 )

< 目次 > 1. 練習ファイルのダウンロード 表計算ソフト Excel の基本 Excel でできること Excel の画面 セル 行 列の選択 セルにデータを入力する ( 半角英数字の場合 ) 2005 年度茅ヶ崎市情報教育研修会 < 目次 > 1. 練習ファイルのダウンロード... 2 2. 表計算ソフト Excel の基本... 3 2-1 Excel でできること... 3 2-2 Excel の画面... 3 2-3 セル 行 列の選択... 4 2-4 セルにデータを入力する ( 半角英数字の場合 )... 4 2-5 セルにデータを入力する ( 日本語の場合

More information

Visual Studio 2017 RC インストール & ファーストステップガイド 2016 年 11 月 16 日 (V1.0)

Visual Studio 2017 RC インストール & ファーストステップガイド 2016 年 11 月 16 日 (V1.0) Visual Studio 2017 RC インストール & ファーストステップガイド 2016 年 11 月 16 日 (V1.0) このドキュメントは現状版として提供されます このドキュメントに記載されている情報や見解 (URL 等のインターネット Web サイトに関する情報を含む ) は 将来予告なしに変更されることがあります このドキュメントに記載された例は 説明のみを目的とした架空のものです

More information

WORD4「チラシを作成しよう4 ~文字アートと絵と写真~」

WORD4「チラシを作成しよう4 ~文字アートと絵と写真~」 ワード 4 チラシを作成しよう 4 ~ 文字アートと絵と写真 ~ はじめにタイトルは文字のアートで ( ワードアート ) タイトルを入れよう ( ワードアートの挿入 ) タイトルに変化をつけてかっこよく ( ワードアートの効果の変更 ) タイトルを適切な位置に ( ワードアートの移動 ) タイトルを適切な大きさに ( ワードアートのサイズ変更 ) タイトルにふさわしい文字の形に ( ワードアートのフォントの変更

More information

RSS配信の設定方法 第2版(平成30年2月)

RSS配信の設定方法 第2版(平成30年2月) RSS 配信の設定方法 本マニュアルでは 官公需情報ポータルサイト の RSS 配信の設定方法を説明します RSS 配信設定を行うことで お客様が検索した条件の新着情報を自動的に取得することが できるようになり 簡単に必要な情報を閲覧することができます 本マニュアルでは Windows 環境での特定のツールを使った RSS の配信設定を行う方法を 説明します 本マニュアルで説明しているツールは 次の

More information

1 第 1 章 インターネットの基礎知識 インターネットを使えば貴方のパソコンが世界中のパソコンとつながります 自宅にいながらにして世界中の情報を集めたり 世界中の人に手紙を出したり 今まででは考えられなかったようなことができるようになります これから一緒にこのインターネットを勉強していきましょう STEP1. インターネットの概要 1. インターネットとは インターネットとは世界中のコンピュータをつないだ巨大なネットワークのことをいいます

More information

新規インストールガイド Sophos Anti-Virus for Mac 9.7 学内利用版 本書は Download Station から Sophos Anti-Virus for Mac 9.7 の学内利用版 ( 以下 Sophos Anti-Virus とする ) をダウンロ ドし 新規イ

新規インストールガイド Sophos Anti-Virus for Mac 9.7 学内利用版 本書は Download Station から Sophos Anti-Virus for Mac 9.7 の学内利用版 ( 以下 Sophos Anti-Virus とする ) をダウンロ ドし 新規イ 新規インストールガイド Sophos Anti-Virus for Mac 9.7 学内利用版 本書は Download Station から Sophos Anti-Virus for Mac 9.7 の学内利用版 ( 以下 Sophos Anti-Virus とする ) をダウンロ ドし 新規インストールを行う手順を記載しています 本手順は学内ネットワークに接続した状態で行う必要があります 認証プログラム

More information

コードテンプレートフレームワーク 機能ガイド 基礎編

コードテンプレートフレームワーク 機能ガイド 基礎編 Code Template Framework Guide by SparxSystems Japan Enterprise Architect 日本語版コードテンプレートフレームワーク機能ガイド基礎編 (2018/05/16 最終更新 ) 1. はじめに Enterprise Architect には コードテンプレートフレームワーク ( 以下 CTF と表記します ) と呼ばれる機能が搭載されています

More information

2. 総合情報センターホームページからアクセス 総合情報センターホームページ ( 左上にある Web メール をクリ ックします 2015 年 3 月 5 日 ( 木 ) までは現在のメールシステムが表示されます Web ブラウザから直接アクセ

2. 総合情報センターホームページからアクセス 総合情報センターホームページ (  左上にある Web メール をクリ ックします 2015 年 3 月 5 日 ( 木 ) までは現在のメールシステムが表示されます Web ブラウザから直接アクセ T365 メールシステム利用マニュアル 1. はじめに 2015 年 3 月 5 日より新しいメールシステムとして マイクロソフト社が提供する Office365 というクラウドサービスの利用を開始します Office365 を利用する新システムのことを T365 と呼びます T365 メールシステムは Internet Explorer 等の Web ブラウザから利用します 対応している Web

More information

2/10 ページ 対象画像の選択 エルスプローラなどで対象の ( 縮小する ) 画像が入っているフォルダーを開きます 例えば 次の通りです 例では 下のフォルダーから反転しているファイル ( つまり 2006_ JPG ) を縮小するものとします 以下の説明では 対象画像 と呼びます

2/10 ページ 対象画像の選択 エルスプローラなどで対象の ( 縮小する ) 画像が入っているフォルダーを開きます 例えば 次の通りです 例では 下のフォルダーから反転しているファイル ( つまり 2006_ JPG ) を縮小するものとします 以下の説明では 対象画像 と呼びます 画像のサイズ変更 ( 特に縮小 ) 1/10 ページ 写真などの画像をホームページに表示するには その画像をファイルとしてサーバーに保管しておく必要があります しかし サーバーの記憶容量には限りがあることと デジカメ ( 携帯も含む ) の解像度が年々向上していることが理由で 写真をどんどんサーバーに入れることになると すぐに記憶容量を使い尽くすことが経験的にわかっています また ホームページに表示された写真を楽しむような用途では解像度をそれほど高くする必要がないことも経験的にわかっています

More information

競技課題|ホームページ

競技課題|ホームページ 平成 28 年度埼玉県障害者技能競技大会ホームページ競技課題 A 1 競技の概要 (1) 競技課題競技課題 Aは課題の傾向を示した公開課題であり 競技課題 Bは競技当日用である (2) 課題の概要 ネットワークセキュリティ のホームページとして スタイルシートと次のページを作成する ネットワークセキュリティ コンピュータウィルス 無線 LAN のセキュリティ ファイヤーウォール (3) 競技時間競技時間は

More information

<4D F736F F D20838F815B836882C54C494E E DEC90AC283194C529>

<4D F736F F D20838F815B836882C54C494E E DEC90AC283194C529> 目次 第 1 章本書の概要... 1 1-1 本書で行うこと... 1 1-2 必要な知識... 2 1-3 本書の流れ... 3 第 2 章スタンプ作成についての知識... 4 2-1 申請に必要な画像の個数... 4 2-2 スタンプの審査について... 5 2-3 クリエイターズマーケットを開く... 6 2-4 スタンプ作成のルールを確認する... 7 第 3 章スタンプ画像を描く... 11

More information

Microsoft Word - P doc

Microsoft Word - P doc はじめに...1 PowerPoint の概要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション作成の流れ 4 5 PowerPoint の起動 5 6 PowerPoint の画面 6 7 作業ウィンドウを閉じる 8 8 ツールバーを 2 行にしたい時は 9 第 1 章新しいプレゼンテーションを作ろう...1

More information

Si 知識情報処理

Si 知識情報処理 242311 Si, 285301 MS 第 12 回 竹平真則 takemasa@auecc.aichi-edu.ac.jp 2015/12/21 1 本日の内容 1. 先週のおさらい 2. PHP のスクリプトを実際に動かしてみる 3. RDB についての説明 2015/12/21 2 資料の URL http://peacenet.info/m2is 2015/12/21 3 注意事項 ( その

More information

2. フォトムービーの作成方法基本 (1) ムービーメーカーの起動 スタート画面で Movie Maker を起動します (2) 写真 ( フォト 画像 または動画 ) ファイルの読み込みフォトムービーの素材となる写真等のファイルを初めて読み込む場合は 1 図の1( ホームリボンのビ 2 デオおよび

2. フォトムービーの作成方法基本 (1) ムービーメーカーの起動 スタート画面で Movie Maker を起動します (2) 写真 ( フォト 画像 または動画 ) ファイルの読み込みフォトムービーの素材となる写真等のファイルを初めて読み込む場合は 1 図の1( ホームリボンのビ 2 デオおよび フォトムービーを作ろう! ムービーメーカーを使って 様々なメディアの取り扱い方を学ぼう! 1. 概要 (1) テーマフォトムービーを作ろう 動画編集ソフトを使って 写真ベースのフォトムービーを作成してみましょう (2) 目標 1 写真 音声 音楽等のファイルやムービーを設定するプロジェクト設定ファイル 作品のムービー ( 動画 ) ファイル等 様々なファイルの扱いに慣れましょう 2 写真 音声 音楽

More information

プログラミング基礎

プログラミング基礎 C プログラミング Ⅰ 授業ガイダンス C 言語の概要プログラム作成 実行方法 授業内容について 授業目的 C 言語によるプログラミングの基礎を学ぶこと 学習内容 C 言語の基礎的な文法 入出力, 変数, 演算, 条件分岐, 繰り返し, 配列,( 関数 ) C 言語による簡単な計算処理プログラムの開発 到達目標 C 言語の基礎的な文法を理解する 簡単な計算処理プログラムを作成できるようにする 授業ガイダンス

More information

◎phpapi.indd

◎phpapi.indd PHP や HTML の知識がなくても大丈夫 PHP や HTML の基本も学べる FileMaker データベースを Web に公開したい FileMaker を使って動的な Web サイトを作りたい FileMaker しか知らない人が Web アプリケーションを作れるようになる! はじめに まず 本書を手に取ってくださりありがとうございます 本書はある程度 FileMaker Pro の扱いに慣れ

More information

目次 第 1 章はじめに 取扱いについて 記載内容について... 6 第 2 章基本操作 Excel Online を開く ファイル ( ブック ) を作成する ファイル ( ブック ) を開く..

目次 第 1 章はじめに 取扱いについて 記載内容について... 6 第 2 章基本操作 Excel Online を開く ファイル ( ブック ) を作成する ファイル ( ブック ) を開く.. Office 365 Excel Online - 利用マニュアル - 発行日 2015/11/01 1 目次 第 1 章はじめに... 5 1.1. 取扱いについて... 6 1.2. 記載内容について... 6 第 2 章基本操作... 7 2.1. Excel Online を開く... 8 2.2. ファイル ( ブック ) を作成する... 10 2.3. ファイル ( ブック ) を開く...

More information

無料で多機能な OSS の ETL ツール Kettle を使ってみよう! 情報政策課技術職員金森浩治 1. はじめにデータ処理を行うにあたって非常に便利なツール ETL 本稿では OSS の ETL Kettle の機能とその使用方法を紹介します 2. 用語説明 2.1 OSS とは? OSS と

無料で多機能な OSS の ETL ツール Kettle を使ってみよう! 情報政策課技術職員金森浩治 1. はじめにデータ処理を行うにあたって非常に便利なツール ETL 本稿では OSS の ETL Kettle の機能とその使用方法を紹介します 2. 用語説明 2.1 OSS とは? OSS と 無料で多機能な OSS の ETL ツール Kettle を使ってみよう! 情報政策課技術職員金森浩治 1. はじめにデータ処理を行うにあたって非常に便利なツール ETL 本稿では OSS の ETL Kettle の機能とその使用方法を紹介します 2. 用語説明 2.1 OSS とは? OSS とは Open Source Software の略で ソースコードが公開されているソフトウェアのことです

More information

目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう

目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう 雛形サイト作成ツールの ご利用マニュアル 1 目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう... 10 2 新規ユーザー登録 1 まず 以下の URL から新規ユーザー登録をお願いします 新規ユーザー登録フォーム http://r3-sys.com/tool/site/register

More information

情報処理

情報処理 情報処理 第 14 回 今日の内容 練習用ファイルのダウンロード効率の良い操作 コンテキストメニュー ショートカットキー Alt キーを使ったリボン操作 主なショートカットキー 今日の内容 アプリケーション間のコピーと貼り付け ホームページ上の文章 Word 等 ホームページ上の画像 Word 等 Excelの表 Word 等 Excelの表をWordに埋め込み Wordの表 Excel ExcelのグラフをWordに埋め込み

More information

目次 第 1 章はじめに 取扱いについて 記載内容について... 6 第 2 章基本操作 OneNote Online を開く ノートブックを開く ノート ( セクション ) を作成する... 11

目次 第 1 章はじめに 取扱いについて 記載内容について... 6 第 2 章基本操作 OneNote Online を開く ノートブックを開く ノート ( セクション ) を作成する... 11 Office 365 OneNote Online - 利用マニュアル - 発行日 2015/09/01 1 目次 第 1 章はじめに... 5 1.1. 取扱いについて... 6 1.2. 記載内容について... 6 第 2 章基本操作... 7 2.1. OneNote Online を開く... 8 2.2. ノートブックを開く... 10 2.3. ノート ( セクション ) を作成する...

More information

Microsoft PowerPoint - Borland C++ Compilerの使用方法(v1.1).ppt [互換モード]

Microsoft PowerPoint - Borland C++ Compilerの使用方法(v1.1).ppt [互換モード] Borland C++ Compiler の 使用方法 解説書 (v1.1) 1 準備 (1/2) 1. スタートメニューから コントロールパネル を開いて その中に デスクトップのカスタマイズ フォルダーオプション があるので開く エクスプローラー内の ツール フォルダーオプション などからも開ける 2. 表示 タブにある 登録されている拡張子は表示しない のチェックを外して OKを押す これでファイルの拡張子が表示されるようになった

More information

目次 1. アニメーションの仕組み 3 2. ワードアートでムービーのタイトルを作成 7 3. まとめ 課題にチャレンジ 19 [ アニメーション ] 機能 PowerPoint に搭載されている [ アニメーション ] 機能を使用すると 文字や図形にアニメーション ( さまざまな動きや

目次 1. アニメーションの仕組み 3 2. ワードアートでムービーのタイトルを作成 7 3. まとめ 課題にチャレンジ 19 [ アニメーション ] 機能 PowerPoint に搭載されている [ アニメーション ] 機能を使用すると 文字や図形にアニメーション ( さまざまな動きや PowerPoint で楽しむムービー作成講座 第 1 回 アニメーションの仕組みとタイトル作成 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft PowerPoint 2010( テキスト内では PowerPoint と記述します ) 画面の設定 ( 解像度 ) 1024 768 ピクセル 本テキストは 次の環境でも利用可能です Windows

More information

初めてのプログラミング

初めてのプログラミング Excel の使い方 1 ~ 表の作り方 ~ 0. エクセルとは? エクセルは代表的な表計算ソフトであり 表やグラフの作成 データ処理や分析など さまざまな場面で利用される 特に研究においては データを整理するために表を作成したり 同じ計算を繰り返し行う様な場面においてよく使用されます グラフ作成機能については 近似曲線の作成など一通りの機能を有しているが 軸の表示方法など 設定可能なオプションはグラフ作成専用ソフトの方が豊富な機能を有していることもあり

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

2. ユーザー登録 1 インストールが完了したら 開く を押してアプリを開いてください i 暗記へようこそ! という画面が出てきます ( アプリの簡単な説明が4ページ表示されます ) 最後の画面で 新規作成 と書かれたボタンを押してください 2 新規登録 ボタンを押すと i 暗記マーケット利用規約

2. ユーザー登録 1 インストールが完了したら 開く を押してアプリを開いてください i 暗記へようこそ! という画面が出てきます ( アプリの簡単な説明が4ページ表示されます ) 最後の画面で 新規作成 と書かれたボタンを押してください 2 新規登録 ボタンを押すと i 暗記マーケット利用規約 はじめて i 暗記 +( プラス ) をお使いの方へ ~Android 版 ~ 0. はじめに Dan s English チャレンジ では i 暗記 +( プラス ) というスマートフォンアプリを使用します チャレンジにご参加いただくにあたり お使いのスマートフォンに このアプリをインストールしていただく必要があります アプリは無料 1 でダウンロードできます ここでは Android スマートフォンでのインストール方法と使い方をご説明します

More information