競技課題|ホームページ

Size: px
Start display at page:

Download "競技課題|ホームページ"

Transcription

1 平成 28 年度埼玉県障害者技能競技大会ホームページ競技課題 A 1 競技の概要 (1) 競技課題競技課題 Aは課題の傾向を示した公開課題であり 競技課題 Bは競技当日用である (2) 課題の概要 ネットワークセキュリティ のホームページとして スタイルシートと次のページを作成する ネットワークセキュリティ コンピュータウィルス 無線 LAN のセキュリティ ファイヤーウォール (3) 競技時間競技時間は 120 分とする (4) 作品提出方法作成した作品は 大会主催者が準備した用紙への出力及びフロッピーディスクへの書き込みによって提出する 自前のフロッピーディスク CD-ROM などの持ち込み及び提出はできない 2 使用機器 (1) ハードウェア FMV ESPRIMO D583/H (2) ソフトウェア OS :Microsoft Windows 7 Professional ブラウザソフト :Microsoft Internet Explorer 11.0 テキストエディタ :NotePad または TeraPad( フリーウェア ) プラグイン : なし 3 注意事項 (1) 競技時には参考図書の持ち込みは認めるが メモ データやプログラムファイルの入ったフロッピーディスク CD-R 等の持ち込みは認めない (2) 参加者はハードウェアおよびソフトウェアの持ち込みは可能である (3) 競技場での座席位置は 予め競技委員が決定しておく (4) 競技開始前に パソコンの調子をみる練習時間を設ける (5) 競技中に万一機器が故障した場合は 競技委員の指示に従うこと 1/9

2 4 仕様 (1) 全体を通しての仕様 1 フォルダ構成 デスクトップに各自のローマ字による氏名のフォルダを作成すること このフォルダにすべてのファイルを保存すること 2HTML5 の文書型宣言各ページには 次の文書型宣言を入力する <!DOCTYPE html> 3html 要素の入力各ページには 次の html 要素を入力する <html lang="ja"> 4 ヘッダ情報各ページには 次のヘッダ情報を入力する <meta charset="shift_jis" /> 5 アクセシビリティに関して A) 画像タグには alt 属性を記述する 例 :alt= メールヘッダ B) 全般的にアクセシビリティに配慮し作成する 6 その他各課題には仕様が示されているが それ以外の事項については各自の判断で行うこと 2/9

3 (2) 課題 1 スタイルシートの作成次の仕様に従って スタイルシートを作成しなさい 仕様 ファイル名は stylesheet.css とし css フォルダに格納する div 要素を使用し 図のように header menu main footer の四つに段組みする header menu main footer body を次のように設定する 背景色を 明るい青系 に設定する 左側マージンを 100px 右側マージンを 100px とする 幅を 1200px とする フォントの種類として メイリオ を第一優先として設定する ただし メイリオ フォントを設定できない場合 標準 フォントを設定する header を次のように定義する 上側マージンを 15px とする menu li を次のように定義する 表示形式をインライン形式とする 左側に配置する menu li a を次のように定義する 表示形式をブロック形式とする 幅を 275px とする 文字列の水平を 中央 に配置する 文字サイズを large する main を次のように定義する 高さを 100% とする footer を次のように定義する 下側に配置し 高さを 50px とする 左右両方の回り込みを解除する div.pic を次のように定義する 中央揃えにする 3/9

4 見出し 1 を次のように定義する h1 要素で文字色を 濃い青系 とする 見出し 2 を次のように定義する h2 要素で文字色を 濃い青系 とする 上側マージンを 20px とする 左側の回り込みを解除する ブレーク ( 改行 ) を次のように定義する 右側に対して回り込みを解除する 区切り線 を次のように定義する 太さを 3px とする 色は 黒 とする 左側の回り込みを解除する dt を次のように定義する 太字にする dd を次のように定義する 全てのマージンを 10px とする 画像 を次のように定義する 全てのマージンを 10px とする 4/9

5 (3) 課題 2 ネットワークセキュリティ の作成次の仕様に従って トップページを作成しなさい 仕様 ファイル名は index.html とする タイトルは ネットワークセキュリティ とする スタイルシート stylesheet.css を取り込む 与えられたテキストファイル ネットワークセキュリティ.txt をもとにして 次のように文字を配置する header 部分の設定 文字列 ネットワークセキュリティ を 見出し 1 で配置する 区切り線の設定 header 部の真下に 区切り線 を配置する menu 部分の設定 文字列 どんな被害があるのか? コンピュータウィルス対策 無線 LAN のセキュリティ ファイヤーウォール を順序なしリストで配置する それぞれの箇条書き項目から index.html virus.html wifi.html firewall.html にリンクを設定する 区切り線の設定 menu 部の真下に 区切り線 を配置する footer 部分の設定 文字列 Copyright(C) Abilympic Saitama を address タグ で設定する 文字列 Abilympic Saitama を選択すると メール送信画面が起動し 宛先が test@web.mail となるように設定する 区切り線の設定 footer 部の真上に 区切り線 を配置する 5/9

6 main 部分の設定 文字列 どんな被害があるのか? を 見出し 2 で配置する 文章 近年 ~ 必要がある の文章は 段落 で配置する 不正アクセス フィッシング詐欺 は定義リストとして設定し 不正アクセス フィッシング詐欺 の文字列は定義リストのタイトルとして設定する 画像 mailheder.jpg を image フォルダに保存して 完成例を参考にして配置する 完成例を参考にして 文末にブレーク ( 改行 ) を設定する 画像 画像の説明文は下図のように中央揃えに設定する 6/9

7 (4) 課題 3 コンピュータウィルス ページの作成次の仕様に従って コンピュータウィルス ページを作成しなさい 仕様 ファイル名は virus.html とする タイトルは コンピュータウィルス とする スタイルシート stylesheet.css を取り込む 与えられたテキストファイル ウィルス.txt をもとにして 次のように文字を配置する 段組みの main 以外は index.html と同じ設定とする main 部分の設定 文字列 コンピュータウィルス対策 を 見出し 2 で配置する コンピュータウィルスとは? 感染経路 ウィルス ワーム トロイの木馬 スパイウェア 対策 は定義リストとして設定し コンピュータウィルスとは? 感染経路 ウィルス ワーム トロイの木馬 スパイウェア 対策 の文字列は定義リストのタイトルとして設定する IPA( 情報処理推進機構 ) の文字列に へのリンクを設定する 完成例を参考にして 文末にブレーク ( 改行 ) を設定する 7/9

8 (5) 課題 4 無線 LAN のセキュリティ ページの作成次の仕様に従って 無線 LAN のセキュリティ ページを作成しなさい 仕様 ファイル名は wifi.html とする タイトルは 無線 LAN のセキュリティ とする スタイルシート stylesheet.css を取り込む 段組みの main 以外は index.html と同じ設定とする main 部分の設定 文字列 無線 LAN のセキュリティ を 見出し 2 で配置する 近年 ~ あげられる の文章には 段落 で配置し 完成例を参考にして 必要に応じてブレーク ( 改行 ) を行う 暗号キー MAC アドレスによるフィルタリング は定義リストとして設定し 暗号キー MAC アドレスによるフィルタリング の文字列は定義リストのタイトルとして設定する 完成例を参考にして 文末にブレーク ( 改行 ) を設定する 8/9

9 (6) 課題 5 ファイヤーウォール ページの作成次の仕様に従って ファイヤーウォール ページを作成しなさい 仕様 ファイル名は firewall.html とする タイトルは ファイヤーウォール とする スタイルシート stylesheet.css を取り込む 段組みの main 以外は index.html と同じ設定とする main 部分の設定 文字列 ファイヤーウォール を 見出し 2 で配置する 元々は ~ 利用する の文章には 段落 で配置し 完成例を参考にして 必要に応じてブレーク ( 改行 ) を行う パケットフィルタリング型 アプリケーションゲートウェイ型 は定義リストとして設定し パケットフィルタリング型 アプリケーションゲートウェイ型 の文字列は定義リストのタイトルとして設定する 画像 firewall.jpg proxy.jpg を image フォルダに保存して 完成例を参考にして配置する 完成例を参考にして 文末にブレーク ( 改行 ) を設定する 以上 9/9

■新聞記事

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

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

第39回全国アビリンピック 111-ホームページ 競技課題A

第39回全国アビリンピック 111-ホームページ 競技課題A 第 39 回全国障害者技能競技大会 ホームページ競技課題 A Ⅰ. 競技の概要 1. 競技種目競技種目は 次の 2 つからなる 1 事前課題 ( 本競技課題 A で公開 ) 2 競技課題 ( 競技時に公開される ) 2. 事前課題 (1) 課題の概要ある地方観光地に所在する宿泊施設 ( ホテル ) からホームページの作成を依頼されたとする 事前課題として 競技者は要件に従って以下 2 種類のホームページを作成する

More information

数のディジタル化

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

More information

第37回全国アビリンピック ワード・プロセッサ競技課題B

第37回全国アビリンピック ワード・プロセッサ競技課題B 第 37 回全国障害者技能競技大会 ワード プロセッサ競技課題 B 1 和文競技 ( 温泉の効果 旅ギフト の作成 )( 制限時間 60 分 ) 以下の設問に従い 別紙の文書 2 種類を作成し 提出しなさい 数値はすべて半角で入力し 設問以外の設定内容については 作成例 ( 別紙 ) を参照し 最も適当なものを選択する 問題の指示がない箇所においては 改行位置や文字幅など 作成例との細かい差異は問わない

More information

< F2D837A815B B835789DB91E882542E6A746463>

< F2D837A815B B835789DB91E882542E6A746463> ホームページ作成 ( 題材 : 学校 ) ホームページ ビルダー 10 対応 作成例 フォルダ名 : school 1ページ目 ( index ) 2ページ目 ( 行事紹介 ) index.html [ 挿入 ]-[ ロゴ ] gyouji.html 3 ページ目 ( 写真集 ) [ 挿入 ]- [ 画像の効果 ]-[ アルバム ] [ 挿入 ]- [ 画像の効果 ]-[ サムネイル ] photo.html

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Page 1/ 13 講義一覧講義回講義タイトル講義概要 第 1 回 3 級実技試験について ガイダンス 第 2 回 HTMLによる文書構造化 HTML 言語の復習 第 3 回 CSSスタイルシートのプロパティ 値 CSSスタイルシートの復習 第 4 回 実技実習作業 1 問題 1 ディレクトリとファイルの配置位置に関する問題 第 5 回 実技実習作業 2 問題 2 HTMLファイルの修正 ( リンク設定

More information

Microsoft Word - manual.doc

Microsoft Word - manual.doc ヒットメール Ver 1.0 お試し版 URL http://www.sysco-net.com/hitmail/ ライセンス キー販売サイト URL http://www.vector.co.jp/ 価格 1,000 円 ( パソコン1 台当たり ) 本ソフトを動かすには 次のソフトが必要です 1 Microsoft Windows 2000 or XP 2 Microsoft Outlook 2000

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

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

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

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

More information

第6回

第6回 情報科学 第6回 引き続き ワープロによる文書作成について学習します 今回の講義 オーディオファイル 画像ファイル 動画ファイル について説明します なお 今回の講義に対する小テストは 次回に行います 今回の実習 引き続き ワープロソフトによる文書作成の実習をします 段組みなど レイアウトの凝った文書を作成する実習を します 自主学習形式 で自分のペースで実習を進めてください 前回までの課題で 提出できていないものがある場合は

More information

Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 ピクセルの写真を 4 枚 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施

Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 ピクセルの写真を 4 枚 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施 Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 1.350 263 ピクセルの写真を 4 枚 200 150 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施 1. 予め自分の PC に My-HP というフォルダーを作っておきます 2.Word を起動します

More information

1セル範囲 A13:E196 を選択し メニューの データ - 並べ替え をクリック 並べ替え ダイアログボックスで 最優先されるキー から 年代 を選択し OK をクリック ( セル範囲 A13:E196 のデータが 年代 で並び替えられたことを確認する ) 2セル範囲 A13:E196 を選択し

1セル範囲 A13:E196 を選択し メニューの データ - 並べ替え をクリック 並べ替え ダイアログボックスで 最優先されるキー から 年代 を選択し OK をクリック ( セル範囲 A13:E196 のデータが 年代 で並び替えられたことを確認する ) 2セル範囲 A13:E196 を選択し 作成 1. アンケート集計表 ( 表計算 ) Excel を起動し メニューの ファイル - 開く をクリックして ファイルを開く ダイアログボックスで ファイルの種類 のプルダウンメニューから テキストファイル (*.prn;*.txt;*.csv) を選択し 総合実技課題( 類題 1) フォルダーの アンケート.csv ファイルを選択して 開く をクリックしてください (1) セル範囲 A13:E196

More information

第5回

第5回 第5回 2018年 12月 30日 目次 コンピュータ応用演習 第5回 今回の実習 今回の課題 1 1 使用するファイルのダウンロード 2 ファイルのダウンロード 学籍番号と氏名の入力 2 2 前回までの復習 前回までの復習 文書の編集 ページ設定をする 表題と見出しを設定する ページ番号を設定する 箇条書き 段落番号とインデントを設定する インデントを設定する 文書を校正する 3 3 3 3 3

More information

PDF Convertor for mac スタートアップガイド

PDF Convertor for mac スタートアップガイド Nuance PDF Converter for Mac スタートアップガイド 1 Nuance Nuance のロゴ および Dragon は 米国およびその他の国々における Nuance Communications,Inc. およびその関連会社の商標または登録商標です Microsoft Windows Windows Vista Excel PowerPoint Outlook SharePoint

More information

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

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

More information

prg.indb

prg.indb II HTML Web HTML HTML 章 Webコンテンツは主に HTMLで書かれます 部 体験編 Ⅱ HTMLってなに Web コンテンツを制作するときには HTML と呼ばれる形式でドキュメント 文 書 を記述するのが一般的です HTML は Hyper Text Markup Language の略称 であり テキスト 文書 を記述するための 言語 の一種です HTMLドキュメント は

More information

ウェブデザイン技能検定 1 級実技 平成 28 年度 第 4 回 ウェブデザイン技能検定 1 級 実技試験概要 試験にあたっての注意事項 試験者は本試験の留意事項 注意事項に留意して作業を行うこと ペーパー実技試験は 課題 1 から 5 までの 5 課題を 60 分間で行うこと 作業実技試験は 課題

ウェブデザイン技能検定 1 級実技 平成 28 年度 第 4 回 ウェブデザイン技能検定 1 級 実技試験概要 試験にあたっての注意事項 試験者は本試験の留意事項 注意事項に留意して作業を行うこと ペーパー実技試験は 課題 1 から 5 までの 5 課題を 60 分間で行うこと 作業実技試験は 課題 平成 28 年度 第 4 回 ウェブデザイン技能検定 1 級 実技試験概要 試験にあたっての注意事項 試験者は本試験の留意事項 注意事項に留意して作業を行うこと ペーパー実技試験は 課題 1 から 5 までの 5 課題を 60 分間で行うこと 作業実技試験は 課題 1 から 4 までの 4 課題を 180 分間で行うこと 試験問題の詳細は 試験当日配布する 1 1. 試験実施にむけての留意事項 試験は

More information

20180308森の日県南支部 林

20180308森の日県南支部 林 NPO 法人いきいきネットとくしま第 116 回定例勉強会 森の日県南 平成 30 年 3 月 8 日担当 : 林暁子 PowerPoint を 学習やコミニケーション 生活の困難を助け楽しめるツールとして活用していきたいと思います 今回の学習は PowerPoint のハイパーリンクを利用して 問題の答えが合ってれば 〇 が表視されて次の問題に進む 間違っていれば が表示されて同じ問題に もう一度挑戦!

More information

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 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) (1) 書式設定左から フォント サイズ スタイル を設定するためのプルダウンメニューです

More information

Microsoft Word - homepage

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

More information

1-2. 文字の編集について (1) 文字入力する ページ編集フィールド 上では キーボードからの文字入力 または コピーした文章の貼り付け操作に より 文章を入力します 以降 文字入力に関する操作について説明します ページ編集フィールド (1) 改行の扱いについて [Enter キー ] を押下し

1-2. 文字の編集について (1) 文字入力する ページ編集フィールド 上では キーボードからの文字入力 または コピーした文章の貼り付け操作に より 文章を入力します 以降 文字入力に関する操作について説明します ページ編集フィールド (1) 改行の扱いについて [Enter キー ] を押下し 1. テキストエディタ入力 1-1. テキストエディタ の概要 テキストエディタ は 入力した文字に対する フォントや色変更などの文字装飾機能 および ハイパーリ ンクの設定機能を持ったエディタです 本資料では テキストエディタの詳細機能について説明します テキストエディタ画面構成 1 2 1 操作メニューボタン : テキストの表示スタイル設定等を行うメニューです 2 ページ編集フィールド : キーボードからの文字入力

More information

Web 設計入門

Web 設計入門 情報処理技法 ( マルチメディアと表現 )I 第 12 回 CSS によるレイアウトデザイン (2) D.Mitsuhashi 1 クロスブラウジング D.Mitsuhashi 2 クロスブラウジング ブラウザや OS によって レンダリングには少なからず差異が存在する 同じソースで記述しても 表示が異なる場合がある なるべく 表示の差異を最小化し, 共通の視覚的デザインを提供すべき D.Mitsuhashi

More information

旅のしおり

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

More information

Webクリエイター能力認定試験<初級>公認テキスト&問題集 改訂版 補足資料

Webクリエイター能力認定試験<初級>公認テキスト&問題集 改訂版 補足資料 よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版 補足資料 本資料には 次の補足説明を収録しています (1)Internet Explorer 8 で学習する場合の補足説明 (2) 受験者用 FD の記述に関する補足説明なお ご利用にあたって 本資料をご利用いただく前に を必ずご一読ください 本資料をご利用いただく前に テキスト名

More information

ホームページ制作 基礎編 (HTML5 CSS3 コーディング )

ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 ホームページ制作 基礎編 目次 はじめに 5 はじめに... 5 本教材について 5 WEB サイト制作の概要... 5 Web サイト制作の流れ 5 サイト制作に必要なプログラミング言語 6 HTML 7 HTML について... 7 HTML について 7 HTML の記述方法 7 HTML の解説 8

More information

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

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

More information

vi 目次 画像のサイズ設定 画像の効果 画面の取り込みとトリミング Office の共通基本操作 図形 図形の挿入と削除 図形の編集 図形の背景色の透過 Office

vi 目次 画像のサイズ設定 画像の効果 画面の取り込みとトリミング Office の共通基本操作 図形 図形の挿入と削除 図形の編集 図形の背景色の透過 Office 目 次 1.Windows と Office の基礎 1 1.1 コンピューターの基礎 1 1.1.1 コンピューターの構成 1 1.1.2 コンピューターの種類 2 1.1.3 ソフトウェア 2 1.2 Windows の基本操作 3 1.2.1 Windows の初期画面 3 1.2.2 Windows の起動と終了 4 1.2.3 アプリケーションの起動 5 1.2.4 アプリケーションの切り替え

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管 Web データ管理 HTML+CSS (5) (2 章 ) 2011/11/2( 水 ) 1/30 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111102 演習 1 演習 2 Z: Web データ管理

More information

第21章 表計算

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

More information

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1 合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text

More information

PowerPoint 2010 の基本操作 1 PowerPoint 2010 を起動し, 作業画面や表示モードを確認しましょう (1) デスクトップ画面の左下のスタートボタンを押し, すべてのプログラム を選択します (2) Microsoft office から Microsoft Office

PowerPoint 2010 の基本操作 1 PowerPoint 2010 を起動し, 作業画面や表示モードを確認しましょう (1) デスクトップ画面の左下のスタートボタンを押し, すべてのプログラム を選択します (2) Microsoft office から Microsoft Office 校内研修 自主研修用テキスト プレゼンテーションソフト を活用した教材作成 1 -PowerPoint2010 基本操作編 - 広島県立教育センター PowerPoint 2010 の基本操作 1 PowerPoint 2010 を起動し, 作業画面や表示モードを確認しましょう (1) デスクトップ画面の左下のスタートボタンを押し, すべてのプログラム を選択します (2) Microsoft office

More information

<48746D6C8AEE91628D758DC02E786C73>

<48746D6C8AEE91628D758DC02E786C73> HTML 基礎講座 目次 1.HTML 紹介 1-1 HTMLとは 1-2 HTMLの基本的な構成 1-3 HTMLのソースの表示方法 2.HTMLタグ紹介 2-1 リンクする 2-2 改行 水平罫線 2-3 段落 2-4 見出し ~, ~ 2-5 画像 2-6 テーブル 2-7 フォーム 2009.10.16

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

ポストカード

ポストカード ポストカード作成 NPO 法人いきいきネットとくしま第 110 回定例勉強会 森の日 平成 25 年 7 月 24 日林暁子 デジカメで写した写真を使ってポストカードを作成します Windows に付属しているペイントソフトを使って写真の編集や加工をします で用紙を はがき に設定しポストカードを作成します 1. ペイントの起動 2. 写真を加工 3. ワード (Word) の起動 4. ページ設定

More information

ISコースプロジェクト実習 前期(第1回 ガイダンス)

ISコースプロジェクト実習 前期(第1回 ガイダンス) プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,

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

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp 2017 年 1 月現在対応クライアント環境について 各バージョンごとの設定手順 2017 年 1 月現在の電子入札に参加するために必要なパソコンのソフトウェア推奨環境です ご利用にあたっては以下を参照ください 2017 年 1 月より Java バージョン6(JRE 6) を動作保証外としました 上記バージョンでは電子入札にログインできません 動作保証環境 (1)OS ブラウザのバージョン対応表

More information

2. 以下の設問に答えよ 第 11 問 アンシャープマスクの説明として最も適切なものを 以下より 1 つ選択しなさい 1. ピクセル間の色の差を強調するフィルタ 2. 画像全体をぼかすフィルタ 3. 隣接するピクセルの色を同じにするフィルタ 4. 画像全体を暗くするフィルタ 第 12 問 ウェブペー

2. 以下の設問に答えよ 第 11 問 アンシャープマスクの説明として最も適切なものを 以下より 1 つ選択しなさい 1. ピクセル間の色の差を強調するフィルタ 2. 画像全体をぼかすフィルタ 3. 隣接するピクセルの色を同じにするフィルタ 4. 画像全体を暗くするフィルタ 第 12 問 ウェブペー 1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 いかなる環境においても インターネットにおける通信速度に差異はない 第 2 問 動画ファイルであっても 拡張子が jpeg であれば静止画として表示できる 第 3 問 CSS の仕様上 ボックスのマージン領域は常に透明であり 背景を表示させることはできない 第 4 問 著作権法において ウェブサイト内にコピーライトの記載を行わなかった場合

More information

超簡単にWebページを作成

超簡単にWebページを作成 Lesson を始める前に どんなプログラマーもこれを実践しました 超簡単に Web ページを作成 この解説書は Lesson が高レベルになっても参照用として利用して下さい この章の実践方法はまず解説ページ内にある HTML ソースコードをコピーして メモ帳などに貼り付けて 実行して 表示してそのあとで表示内容を解説します 最初は全然理解できない方でも 同じ HTML コードを繰り返し 繰り返 し実践する事で

More information

Microsoft Word - no11

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

More information

第6回 CSS入門(つづき)

第6回 CSS入門(つづき) Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 (hagino@sfc.keio.ac.jp) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )

More information

Cisco Jabber for Windows のカスタマイズ

Cisco Jabber for Windows のカスタマイズ インストール後にカスタマイズできる機能を確認します 組織の要件を満たすようにこれらの 機能をカスタマイズする方法について学習します カスタム顔文字の追加, 1 ページ カスタム埋め込みタブの作成, 5 ページ カスタム顔文字の追加 カスタム顔文字を Cisco Jabber for Windows に追加するには XML ファイルで顔文字の定義を作成 し ファイル システムに保存します 注 最適な結果を得るには

More information

フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.htm

フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.htm フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.html という構成にします 2の一覧からリンクされたページは3の場所に表示されます 通常 1のタイトルを表示させるページはスクロールさせません

More information

2 / 18 ページ 第 13 講データの活用とデータマップの作成 13-1 ホームページの保存 ホームページ (Web ページ ) に表示される様々な情報を ファイルとして保存することができます

2 / 18 ページ 第 13 講データの活用とデータマップの作成 13-1 ホームページの保存 ホームページ (Web ページ ) に表示される様々な情報を ファイルとして保存することができます 1 / 18 ページ キャリアアップコンピューティング 第 13 講 [ 全 15 講 ] 2017 年度 2 / 18 ページ 第 13 講データの活用とデータマップの作成 13-1 ホームページの保存 ホームページ (Web ページ ) に表示される様々な情報を ファイルとして保存することができます http://www1.doshisha.ac.jp/~digitext/data/east.htm

More information

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

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

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

困ったときにお読みください

困ったときにお読みください 第 5 章トラブルを防ぐために バックアップ データのバックアップの方法を教えてください バックアップの方法には ディスケット ( フロッピー ) や CD-R/ CD-RW にコピーするなどの方法があります パソコンが故障する データが壊れる などの不測の事態に備えて 大事なデータは常にバックアップを行うようにしましょう ディスケットにコピーします もっとも手軽な方法ですが ディスケットの容量は

More information

<< 目次 >> 1 PDF コンバータのインストール ライセンスコードの入力 PDF にフォントを埋め込みたい場合の設定 PDF オートコンバータ EX で使用しない場合 PDF コンバータ単体で使用する場合の説明 PDF コンバータのアン

<< 目次 >> 1 PDF コンバータのインストール ライセンスコードの入力 PDF にフォントを埋め込みたい場合の設定 PDF オートコンバータ EX で使用しない場合 PDF コンバータ単体で使用する場合の説明 PDF コンバータのアン PDF コンバータ V5.X インストール ガイド Page0 > 1 PDF コンバータのインストール... 2 2 ライセンスコードの入力... 6 3 PDF にフォントを埋め込みたい場合の設定... 9 4 PDF オートコンバータ EX で使用しない場合 PDF コンバータ単体で使用する場合の説明... 10 5 PDF コンバータのアンインストール... 16 6 お問合せ...

More information

(1)

(1) 第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして

More information

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

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

More information

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63> 1. はじめに 1 1-1. ガイドラインを策定するにあたって 1 1-1-1. ウェブアクセシビリティとは 1 1-1-2. ウェブアクセシビリティが求められている背景 1 1-1-3. 高齢者 障害者の閲覧時の利用特性 2 1-1-4. 視覚障害者への対応 2 1-1-5. ウェブアクセシビリティの JIS 規格化 3 1-1-6. ガイドラインの重要性 3 1-2. ガイドラインの適用範囲 4

More information

Microsoft PowerPoint - homepage1910.ppt - 互換モード

Microsoft PowerPoint - homepage1910.ppt  -  互換モード 情報基礎 Web ページ作成 コンピュータとネットワーク コンピュータ ネットワーク ネットワークとネットワーク インターネット インターネット インターネット : 元々は ネットワークとネットワークを接続したもの 狭義には IP 接続された世界規模のコンピュータネットワーク 歴史 1960 年代後半 ARPAnet (Advanced Research Project Agency): 米国防総省による軍事研究支援用実験ネットワーク

More information

EPSON PM-D600 活用ガイド

EPSON PM-D600 活用ガイド もくじ EPSON Creativity Suite EPSON Creativity Suite 製品紹介... 3 EPSON File Manager... 3 EPSON File Manager から起動できるアプリケーションソフト... 3 EPSON Creativity Suite 使い方... 5 起動方法... 5 使い方... 5 EPSON File Manager 製品紹介...

More information

[ ]スマートセミナーバージョンアップリリースノート

[ ]スマートセミナーバージョンアップリリースノート スマートセミナー 2.0 バージョンアップリリースノート 株式会社シャノン 2010/7/27 1 Copyright SHANON Co., Ltd. All Rights Reserved. 1. はじめに...3 本リリースノートについて... 3 追加 修正される機能とユーザーへの影響について... 3 2. 今回追加された新機能のご紹介...4 HTML エディタの機能改善... 4 アンケートのラジオボタン

More information

(Microsoft Word - 01PowerPoint\217\343\213\211C\203p\203^\201[\203\223\222m\216\257\225\\\216\206.doc)

(Microsoft Word - 01PowerPoint\217\343\213\211C\203p\203^\201[\203\223\222m\216\257\225\\\216\206.doc) Microsoft PowerPoint プレゼンテーション技能認定試験 上級 2003 サンプル問題 知識試験 制限時間 30 分 受験会場 受験番号 氏 名 問題 1 次の文章は 作業環境について述べたものである を解答群 { } より選び その記号で答えよ にあてはまる適切なもの 設問 1. はルーラーの一部で 1 に示されるインデントマーカーは 設定するものである を { ア. 先頭行のインデントイ.

More information

WEBシステムのセキュリティ技術

WEBシステムのセキュリティ技術 WEB システムの セキュリティ技術 棚橋沙弥香 目次 今回は 開発者が気をつけるべきセキュリティ対策として 以下の内容について まとめました SQLインジェクション クロスサイトスクリプティング OSコマンドインジェクション ディレクトリ トラバーサル HTTPヘッダ インジェクション メールヘッダ インジェクション SQL インジェクションとは 1 データベースと連動した Web サイトで データベースへの問い合わせや操作を行うプログラムにパラメータとして

More information

Simple Violet

Simple Violet セキュリティパック管理画面の操作方法 更新 :2018 年 6 月 19 日 内容 セキュリティパックサービスでは お客様専用のサイトが用意されております 専用サイトでは 以下の機能が利用できます アカウントを登録する アカウントの登録 を参照してください 4 ページ 隔離メッセージを管理する 隔離メッセージの管理 を参照してください 6 ページ 承認済み送信者とブロック済み送信者を管理する 承認済み送信者とブロック済み送信者について

More information

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp Windows10 動作保障開始のお知らせ 各 OS やブラウザ毎の設定方法について 2016 年 7 月より 北九州市電子入札は Windows 10 を新たに動作保証対象といたします ご利用にあたっては以下の点や注意事項をご確認いただき 設定を行ってください 動作保証環境 (1)OS ブラウザのバージョン対応表 以下枠線部分の OS 及びブラウザが新たに追加される動作保証環境となります OS Windows10

More information

Microsoft PowerPoint - homepage 互換モード

Microsoft PowerPoint - homepage 互換モード 情報基礎ホームページ作成 コンピュータとネットワーク コンピュータ ネットワーク ネットワークとネットワーク 1 2 インターネット インターネット インターネット : 元々は ネットワークとネットワークを接続したもの 狭義には IP 接続された世界規模のコンピュータネットワーク 歴史 1960 年代後半 ARPAnet (Advanced Research Project Agency): 米国防総省による軍事研究支援用実験ネットワーク

More information

2019 年 6 月 20 日 2019 年 6 月現在対応クライアント環境について各バージョンごとの設定手順 2019 年 6 月現在の電子入札に参加するために必要なパソコンのソフトウェア推奨 環境です ご利用にあたっては以下をご参照ください 動作保証環境 (1)OS ブラウザのバージョン対応表

2019 年 6 月 20 日 2019 年 6 月現在対応クライアント環境について各バージョンごとの設定手順 2019 年 6 月現在の電子入札に参加するために必要なパソコンのソフトウェア推奨 環境です ご利用にあたっては以下をご参照ください 動作保証環境 (1)OS ブラウザのバージョン対応表 2019 年 6 月 20 日 2019 年 6 月現在対応クライアント環境について各バージョンごとの設定手順 2019 年 6 月現在の電子入札に参加するために必要なパソコンのソフトウェア推奨 環境です ご利用にあたっては以下をご参照ください 動作保証環境 (1)OS ブラウザのバージョン対応表 OS Internet Explorer のバージョン ( 1) 7 8 9 10 11 Windows10

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

3 課題提出方法競技者は 完成した作品 ( 未完成作品も含む ) を大会主催者側の用意する外付けの USB メモリに保存し提出する なお作品を保存した USB メモリは競技時間終了と同時に競技委員が回収する 4 注意事項 (1) 各テーブル用の CSV データは事前に配布されるファイルを使用する (

3 課題提出方法競技者は 完成した作品 ( 未完成作品も含む ) を大会主催者側の用意する外付けの USB メモリに保存し提出する なお作品を保存した USB メモリは競技時間終了と同時に競技委員が回収する 4 注意事項 (1) 各テーブル用の CSV データは事前に配布されるファイルを使用する ( 愛知県障害者技能競技大会データベース競技課題 1 課題公立図書館の業務を管理するシステムを後述 (P14) するDFD 図 (Data Flow Diagram) および仕様に基づいて作成しなさい データベースの名称は 図書館業務管理システム とする 課題は以下の1から 9 とする 課題 1. システムで必要とされるデータに関して それぞれのテーブルを作成し必要に応じて適切な主キーおよび制約 リレーションップを設定する

More information

目次 3 14P Wordpressテンプレートの設定方法 15P 17P livedoorテンプレートの設定方法 18P 21P FC2テンプレートの設定方法

目次 3 14P Wordpressテンプレートの設定方法 15P 17P livedoorテンプレートの設定方法 18P 21P FC2テンプレートの設定方法 特典テンプレートの設定方法 目次 3 14P Wordpressテンプレートの設定方法 15P 17P livedoorテンプレートの設定方法 18P 21P FC2テンプレートの設定方法 Wordpressテンプレートの設定方法 Wordpressテンプレートの設定方法 この作業を行う前に wordpressのインストールを済ませておいてください 1.テーマのインストール wordpressのインストール後

More information

ポータル管理アプリケーションのヘルプ

ポータル管理アプリケーションのヘルプ Apeos PEMaster Evidence Manager 2.3 ポータル管理アプリケーションのヘルプ Microsoft Windows Windows Server Windows Vista Excel Outlook PowerPoint Internet Explorer Active Directory ActiveX および Visual Studio は 米国 Microsoft

More information

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp

注意事項 (1)Windows 10 を使用する場合 注意事項 1 注意事項 3 注意事項 4 についてご対応をお願いします (2)Windows 8.1 を使用する場合 注意事項 2 注意事項 3 注意事項 4 についてご対応をお願いします (3)Windows 7 上で Internet Exp Windows10 動作保障開始のお知らせ 2016 年 7 月より Windows 10 を新たに動作保証対象といたします ご利用にあたって は以下の点にご注意ください 動作保証環境 (1)OS ブラウザのバージョン対応表 以下枠線部分の OS 及びブラウザが新たに追加される動作保証環境となります OS Windows10 Home/Pro (32bit 版 /64bit 版 )( 2) Windows8.1

More information

箇条書き 段落番号の設定 1. 設定する文章 ( 段落 ) を選択 2. 箇条書き 段落番号ボタンをクリックし 種類を選択 行間隔の設定行間隔 ( 段落前 段落後 行間 ) を設定する 1. 設定したい文章 ( 段落 ) を選択 2. 行間の行数 段落前後を指定 Word のリボン ページレイアウト

箇条書き 段落番号の設定 1. 設定する文章 ( 段落 ) を選択 2. 箇条書き 段落番号ボタンをクリックし 種類を選択 行間隔の設定行間隔 ( 段落前 段落後 行間 ) を設定する 1. 設定したい文章 ( 段落 ) を選択 2. 行間の行数 段落前後を指定 Word のリボン ページレイアウト Word 活用講座 平成 29 年度夏季研修 Lesson1 知って得する Word 機能 文字書式の設定 文字のルビ 書式のコピー クリア 段落書式の設定 ドロップキャップ ページ罫線 Lesson2 便利に活用! 差し込み印刷 テンプレートをダウンロードして 賞状 作成 家庭訪問のお知らせ 文書作成 名前ラベル 作成 差込ファイルを再度開くときの注意 練習問題 Lesson1 知って得する Word

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

引き算アフィリ 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

パソコンをご利用中に 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

Word によるホームページ勉強会第 10 日目フレームページの製作 Ⅰ.menu.html の製作 改定三宅節雄 1. Word を起動し 表示 印刷レイアウトを選択します ページレイアウト ページ設定の をクリックし フォントの設定からフォントサイズは 12p とします 2

Word によるホームページ勉強会第 10 日目フレームページの製作 Ⅰ.menu.html の製作 改定三宅節雄 1. Word を起動し 表示 印刷レイアウトを選択します ページレイアウト ページ設定の をクリックし フォントの設定からフォントサイズは 12p とします 2 Word によるホームページ勉強会第 10 日目フレームページの製作 Ⅰ.menu.html の製作 2014-08-12 改定三宅節雄 1. Word を起動し 表示 印刷レイアウトを選択します ページレイアウト ページ設定の をクリックし フォントの設定からフォントサイズは 12p とします 2.1 行目は MENU: と記入して 或いはワードアートで目次などと書いて改行 10 行 1 列の表を作成します

More information

Word によるホームページ勉強会第 1 日目 Word でトップページを作成 1 那須シニアネット三宅節雄 事前準備 1. JTrim か縮小専用をインストールし写真を加工できること 皆さんは JTrim または縮小専用をインストールされていると思いますがまだの方は 下記より JTrim はここか

Word によるホームページ勉強会第 1 日目 Word でトップページを作成 1 那須シニアネット三宅節雄 事前準備 1. JTrim か縮小専用をインストールし写真を加工できること 皆さんは JTrim または縮小専用をインストールされていると思いますがまだの方は 下記より JTrim はここか Word によるホームページ勉強会第 1 日目 Word でトップページを作成 1 那須シニアネット三宅節雄 事前準備 1. JTrim か縮小専用をインストールし写真を加工できること 皆さんは JTrim または縮小専用をインストールされていると思いますがまだの方は 下記より JTrim はここからインストール ( こちらを優先 ) 縮小専用はここからインストール願います ( こちらは機能が少ない

More information

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の

More information

完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15

完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15 表の入った文章を作成する パソコンボランティア PC どりーむ 改訂 2012.05 完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15 ページ設定 メニューバーの ファイル (F) から ページ設定 をクリックします 余白 タブから上 下 左 : 25mm 右 : 20mm に設定します 表題 ( タイトル ) の入力 1 行目の段落記号 3 行目の段落記号 あらかじめ 1 行目

More information

目次 第 1 章 インストール編 1. ATHENAをインストールする 2. ATHENAを起動する 第 2 章 HTML作成編 1. HTMLを新規作成する 2.各ボックス機能の使い方 3.パーツ 4.ボタン画像 CSSボタン 見出し テーブル 5.ファイル出力とアップロード 6.ライブラリ 7.

目次 第 1 章 インストール編 1. ATHENAをインストールする 2. ATHENAを起動する 第 2 章 HTML作成編 1. HTMLを新規作成する 2.各ボックス機能の使い方 3.パーツ 4.ボタン画像 CSSボタン 見出し テーブル 5.ファイル出力とアップロード 6.ライブラリ 7. ATENA (アテナ) 使い方マニュアル 目次 第 1 章 インストール編 1. ATHENAをインストールする 2. ATHENAを起動する 第 2 章 HTML作成編 1. HTMLを新規作成する 2.各ボックス機能の使い方 3.パーツ 4.ボタン画像 CSSボタン 見出し テーブル 5.ファイル出力とアップロード 6.ライブラリ 7.ページ追加 8.アップロード設定 第3章 解決編 1. アップデート

More information

Web データ管理 HTML+CSS (6) (2 章 ) 2011/11/9( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

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

More information

Word 2010 第5章

Word 2010 第5章 横書きのメニュー表を作成する パソコンボランティア PC どりーむ 改訂 202. 0 段組を利用し色々な文書装飾をする 美しいメニュー表を作りましょう 段組とは段組は 紙面を 段 という仕切りに合わせて 複数の列にわたって文字をレイアウトしていく機能です 目を引く文章の工夫とは メニューやカタログ チラシや広告などより多くの人に見てもらうための文章には レイアウトやデザインに工夫が必要となります

More information

Web データ管理 HTML+CSS (7) (2 章 ) 2011/11/16( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/15

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

More information

SMB送信機能

SMB送信機能 NW-FAX 受信設定マニュアル ECOSYS M6535cidn/M6530cdn/M6526cidn/M6526cdn ECOSYS M5526cdw/6635cidn ECOSYS M3540idn/M2640idw/M2540dw/M2535dn/M3645idn Ver.1.3 1. ネットワークの設定を確認する 1-1. Windows 10 設定時は管理者 (Administrators)

More information

EPSON PM-D800 活用ガイド

EPSON PM-D800 活用ガイド もくじ EPSON Creativity Suite EPSON Creativity Suite 製品紹介... 3 EPSON File Manager... 3 EPSON File Manager から起動できるアプリケーションソフト... 3 EPSON Creativity Suite 使い方... 5 起動方法... 5 使い方... 5 EPSON File Manager 製品紹介...

More information

FC2 掲示板.doc 1/6 平成 20 年 2 月 26 日 FC2 掲示板 FC2 のサンプル掲示板 で入力練習 適当に投稿画面に入力 投稿をプレビューで確認 記号表示だった絵文字が確認できます 画像認証が求められる 表示された数字を

FC2 掲示板.doc 1/6 平成 20 年 2 月 26 日 FC2 掲示板 FC2 のサンプル掲示板   で入力練習 適当に投稿画面に入力 投稿をプレビューで確認 記号表示だった絵文字が確認できます 画像認証が求められる 表示された数字を FC2 掲示板.doc 1/6 FC2 掲示板 FC2 のサンプル掲示板 http://bbs001.11.bbs.fc2.com/ で入力練習 適当に投稿画面に入力 投稿をプレビューで確認 記号表示だった絵文字が確認できます 画像認証が求められる 表示された数字を入 力し [ このまま投稿する ] をクリック 投稿完了メッセージ [BBS に戻る ] をクリ ック FC2 のサンプル掲示板に表示された

More information

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページの作り方 2011 年 4 月更新 明治大学 講習の前に この講習は ホームページ ビルダー 14 を利用してホームページを作成し 駿河台地区設置の WWW サーバーで公開する手順を実習する講習です ( 最新のバージョンと異なる場合もあります ) 講習では 2 つ ページを作成します テキストの中では 各自の USB メモリに保存するように指示されています 持っていない場合は デスクトップまたは

More information

目 次 1. Windows Live Mail を起動する 1 2. Windows Live Mail の画面構成 1 3. 電子メールを別ウインドウで表示する 2 4. メールを作成する 2 5. メールを送信する 4 6. メールを受信する 5 7. 受信したメールに返信する 5 8. 受信

目 次 1. Windows Live Mail を起動する 1 2. Windows Live Mail の画面構成 1 3. 電子メールを別ウインドウで表示する 2 4. メールを作成する 2 5. メールを送信する 4 6. メールを受信する 5 7. 受信したメールに返信する 5 8. 受信 作成者 : 原田侑示 このテキストは Word 2007 で作成しています 目 次 1. Windows Live Mail を起動する 1 2. Windows Live Mail の画面構成 1 3. 電子メールを別ウインドウで表示する 2 4. メールを作成する 2 5. メールを送信する 4 6. メールを受信する 5 7. 受信したメールに返信する 5 8. 受信したメールを転送する 6

More information

情報リテラシー(4)

情報リテラシー(4) 情報リテラシー (14) 教室の後方 3 列への着席 を禁止します 1 情報リテラシー (14) 2018 年度前期 九州産業大学理工学部 2 講義計画 第 8 回 (2018/ 6/ 8) デジタル情報の利用 (1) 第 9 回 (2018/ 6/15) デジタル情報の利用 (2) 第 10 回 (2018/ 6/22) 資料の作成 (1) 第 11 回 (2018/ 6/29) 資料の作成 (2)

More information

Microsoft Word - WindowsVista活用

Microsoft Word - WindowsVista活用 目次 第 1 章 WINDOWS VISTA の概要... 1 1-1 WINDOWS VISTA とは... 1 1-2 WINDOWS シリーズの歴史... 2 第 2 章ファイルの操作... 3 2-1 個人ファイルが置かれる場所... 3 2-2 メモ帳を開く... 8 2-3 ファイルを好きな場所に保存する... 10 2-4 ドキュメントを開く... 14 2-5 ファイルの表示を変更する...

More information

SOBA ミエルカ クラウドセミナーモード 配信者マニュアル 目次 はじめに 配信者のユーザー登録について ライブ配信の作成 ライブ配信への招待 ライブ配信への参加方法... 4 (1) ライブ配信を選んで参加する方法 ( 管理者 配信

SOBA ミエルカ クラウドセミナーモード 配信者マニュアル 目次 はじめに 配信者のユーザー登録について ライブ配信の作成 ライブ配信への招待 ライブ配信への参加方法... 4 (1) ライブ配信を選んで参加する方法 ( 管理者 配信 SOBA ミエルカ クラウドセミナーモード 配信者マニュアル 目次 はじめに... 2 1. 配信者のユーザー登録について... 2 2. ライブ配信の作成... 3 3. ライブ配信への招待... 4 4. ライブ配信への参加方法... 4 (1) ライブ配信を選んで参加する方法 ( 管理者 配信者 )... 5 (2) 招待状より参加する方法 ( 管理者 配信者 視聴者 )... 5 5. ライブ配信ルーム内の機能...

More information

brieart変換設定画面マニュアル

brieart変換設定画面マニュアル 変換設定画面マニュアル Ver. 1.1 更新日 :2012/11/19 株式会社アイ エヌ ジーシステム Copyright (C) 2012 ING System Co., Ltd. All Rights Reserved. 目次 1. brieartとは? 3 ラベル 26 リスト 29 brieartとは 3 開閉 ( アコーディオン ) 32 注意事項 制限事項など 4 ボタン 35 パネル

More information

MOS_Windows8

MOS_Windows8 テキストの見方や Windows 8 がインストールされているパソコンで の環境設定 CD-ROM のセットアップなど 学習を進める際に知ってお くべき内容について確認します Windows 8 がインストールされている環境では 各テキストに収録されている模擬試験プログラムが正常に動作しない場合があります 本書の記載は 次のテキストを対象としています また テキスト名には次の略称を使用しています テキスト名

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

スライド 1

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

More information

ESET NOD32アンチウイルス V4.2 リリースノート

ESET NOD32アンチウイルス V4.2 リリースノート ====================================================================== ESET NOD32 アンチウイルス V4.2 リリースノート キヤノンITソリューションズ株式会社 ====================================================================== はじめにキヤノンITソリューションズ製品をご愛顧いただき誠にありがとうございます

More information

WEB 案内状マニュアル

WEB 案内状マニュアル WEB 案内状マニュアル 目次 01. 目次 02. 管理画 へのログイン はじめに. ログイン 03. 管理画 へのログイン STEP1. 各項目の 04. 管理画 へのログイン STEP2. 公開ページのプレビュー 05. 管理画 へのログイン STEP3. 内容のアップロード 06. ゲストからのお返事の確認 お返事の内容確認方法について 07. 思い出ダウンロード データの保存について 08.

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

Microsoft Word - WebMail.docx

Microsoft Word - WebMail.docx 生涯メールの利用について 2015.4.1 1. はじめに生涯メールは 2015 年 4 月より Microsoft Office365 というクラウドサービスの運用に変更しました これは 東海大学のメールサービスの切り替えに伴う変更で 東海大学では 東海大学コミュニケーション & コラボレーションシステム ( 略して T365) と呼んでいます 従来は転送サービスのみとなっていましたが メールボックスを持ち

More information

Excel2013基礎 数式と表編集

Excel2013基礎 数式と表編集 OA ベーシック Excel2013 基礎数式と表編集 1 / 8 Excel2013 基礎数式と表編集 数式と表編集前編 ( 数式 ) 数式の入力 Excel では 等号 (=) で始まるデータを数式として認識します 数式を入力する場合は 数値を直接入力するのではなく 数値が入力されたセルを参照する形で式を立てます 基本的な 四則演算を行う場合は 四則演算子を使用します 操作数式を入力します 前月比を求める数式

More information

Microsoft Word で作るパンフレット 1. Microsoft Word とは Microsoft Word は Microsoft 社の製品で Microsoft 社は Windows OS を作っているアメリカの企業です その Microsoft 社が Microsoft Offic

Microsoft Word で作るパンフレット 1. Microsoft Word とは Microsoft Word は Microsoft 社の製品で Microsoft 社は Windows OS を作っているアメリカの企業です その Microsoft 社が Microsoft Offic Microsoft Word の色々な機能を使って あしりべつ郷土館のパンフレット作成 作成日時 :2004 年 4 月 作成者 : 中島由美 1 Microsoft Word で作るパンフレット 1. Microsoft Word とは Microsoft Word は Microsoft 社の製品で Microsoft 社は Windows OS を作っているアメリカの企業です その Microsoft

More information

Microsoft Word - 3章コンテンツ管理.doc

Microsoft Word - 3章コンテンツ管理.doc 第 3 章コンテンツ管理 3-1. 新着情報管理 新着情報の 登録 変更 削除を行います 新着情報を登録すると トップページ中央に表示されます ( レイアウトが初期設定の場合 ) 新着情報表示エリア 3-1-1. 新しく新着情報を掲載する 1 上部メニューにあるコンテンツ管理 > 新着情報管理ボタンを押します 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