[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01

Size: px
Start display at page:

Download "[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01"

Transcription

1 [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01 オリエンテーション 約 40 分 01_ 学習の進め方 02_ リファレンスの紹介 約 09 分 03_ サンプルファイルの確認 04_Dreamweaverでの学習の準備 (1) 約 12 分 05Dreamweaverでの学習の準備 (2) 約 09 分 06GoogleCromeでの学習準備 Chapter02 Webの基本 01_webページを表示するしくみ 02_webページをつくるファイル 約 14 分 Chapter03 HTMLの基本 約 32 分 01_HTMLとは 02_HTMLの基本構文 03_HTMLに必須の要素 約 09 分 04_ ブロックレベル要素とインライン要素 約 08 分 05_ 属性を詳しくみる 約 06 分 Chapter04 HTMLを記述する際の注意 約 16 分 01_HTMLを記述する際の注意 約 08 分 02_ 実体参照 03_HTMLのコメント Chapter05 リンク構造を作る 約 13 分 01_aアンカー 02_ 相対パスと絶対パス 約 06 分 Chapter06 全ての要素を確認する 01_ すべての要素を確認する Chapter07 テキストコンテンツに関する要素 01_p_ 段落 02_ul_ 順序なしリスト 03_ol_ 順序つきリスト 04_dl_ 説明リスト 05_div_ コンテンツ分割 06_hr_ 主題分割 07_blockquote_ ブロック引用 08_figure_ 図表 自己完結コンテンツ 09_pre_ 整形済みテキスト Chapter08 コンテンツセクショニングに関する要素 01_h1_h6_ 見出し 02_header_main_footer 03_article_ 記事など 自己完結コンテンツ 04_section_ セクション 05_nav_ 目次 06_address_ 連絡先 07_aside_ 間接的な関係の文章 約 29 分約 04 分約 24 分約 04 分約 04 分約 04 分

2 Chapter09 画像とマルチメディアに関する要素 01_img_ 画像 02_audio_ 音声 03_video_ ビデオ 04_map_ クリック可能な領域指定 Chapter10 テーブルに関する要素 01_table_ テーブル 02_table_ 行 列の結合 03_table_ その他の要素 約 19 分約 08 分約 14 分約 04 分 Chapter11 フォームに関する要素 約 55 分 01_formフォーム 02_1 行のテキスト 約 10 分 03_1 行のテキスト _ アドレス 約 04 分 04_1 行のテキスト _ パスワード 05_ 複数行のテキスト 約 06 分 06_ セレクトボックス 07_ ラジオボタン 約 09 分 08_ チェックボタン 約 10 分 Chapter12 その他 覚えておきたい要素 01_br_ 改行 02_span_ 行内汎用コンテナ 03_small_ 注釈 04_strong_em_ 重要性 強調 05_del_ins_ 編集範囲の特定 06_iframe_ インラインフレーム 約 16 分約 04 分 Chapter13 その他 覚えておきたい要素 約 43 分 01_ 設定されているメタデータの概要 約 04 分 02_viewport_ スマートフォン対応 約 06 分 03_IE 互換モード 04_ タッチアイコン 05_ ファビコン 06_ 自動リンクの設定 Chapter14 SEO 対策 SNS 対策 01_SEO 対策とは 02_SEO 対策の設定 03_SNS 対応 OGPとは 04_OGPの設定 05_Twitter 専用の設定 Chapter15 地図 動画の読み込み 01_youtubeの読み込み 02_GoogleMapの読み込み 約 21 分約 06 分約 09 分約 04 分 Chapter16 コンテンツモデルについて 約 06 分 01_ コンテンツモデルについて 約 06 分 Chapter17 CSSの基本 01_CSSとは 02_CSSの基本構文 03_CSSを記述するところ 04_CSSの学習を始める前の準備 約 27 分約 06 分約 11 分

3 Chapter18 セレクターの種類 約 16 分 01_ セレクターの種類 02_ 要素セレクター 03_classセレクター 04_idセレクター 約 04 分 05_ 属性セレクター 06_ 全称セレクター Chapter19 擬似クラス 約 26 分 01_ 擬似クラスとは 02_hover 03_checked 04_active 05_focus 06_firstChild_lastChild 07_firstOfType_lastOfType Chapter20 疑似要素 約 11 分 01_ 擬似要素 02_before_after 03_fisrtLetter_firstLine 約 04 分 Chapter21 セレクターの組み合わせ 約 17 分 01_ セレクターの組み合わせ 02_ 複数のセレクタを同時に指定 03_ 子孫結合子 AB 約 04 分 04_ 子結合子 A-B 05_ 隣接兄弟結合子 A+B Chapter22 CSSを記述する際の注意 約 19 分 01_CSSを記述する再の注意 02_ コメント 03_ カスケード 04_ スタイルの継承 約 06 分 05_ スタイルの優先順位 Chapter23 文字 行に関するプロパティ 約 31 分 01_ フォント全般の指定 02_ フォントスタイル 03_ フォントの太さ 04_ フォントサイズ 05_ 行高の指定 06_ フォントファミリー 約 04 分 07_ 文字色の指定 08_ 文字横揃えの指定 09_ 縦揃えの指定 10_ 文字装飾の指定 Chapter24 トピックス 01_CSSでの色の指定 02_CSSでの長さの指定 (1) 02_CSSでの長さの指定 (2) 約 29 分約 14 分約 04 分約 11 分

4 Chapter25 背景に関するプロパティ 約 16 分 01_ 背景全般の指定 02_ 背景色 03_ 背景画像 04_ 背景画像のサイズ 05_ 背景画像の繰り返し 06_ 背景画像の位置 Chapter26 ボックスに関するプロパティ 約 51 分 01_ ボックスとは 約 04 分 02_ ボックスモデルとは 03_border 枠線 約 04 分 04_borderradius 枠角 05_ 影をつける 06_padding_ 内余白 07_margin_ 外余白 08_ マージンの相殺 09_ 高さの指定 10_ 幅の指定 約 04 分 11_ 高さ 幅の計り方 約 06 分 12_ アウトライン Chapter27 表示 配置に関するプロパティ 約 28 分 01_ 表示に関する指定 約 06 分 02_ はみ出しに関する指定 約 04 分 03_ 配置に関する指定 約 09 分 04_ 配置位置に関する指定 05_ 表示順に関する指定 約 06 分 Chapter28 アニメーションに関するプロパティ 約 15 分 01_ 時間変化 02_ アニメーション 03_ 変形 Chapter29 レイアウト 約 08 分 01_ フレックスボックス _flex 約 08 分 02_floatとclear 約 06 分 03_clearfix 規則について 約 10 分 01_@ 規制について 02_ 画面の種類に応じたスタイル変更 Chapter31 JavaScript 01_JavaScript

5 閲覧チェック HTML/CSS ワーク 動画タイトル 時間 ( 計 11 時 32 分 ) アプリサイト - HTML 約 156 分 01 完成形の確認と制作の流れについて 02 コードエディタと制作環境について 約 08 分 03 HTMLと使用するwebブラウザについて 約 09 分 04 HTMLを作成してみる 約 11 分 05 HTML5つの基本 約 08 分 06 HTMLの組み方の手順 (1) 約 06 分 06 HTMLの組み方の手順 (2) 約 09 分 07 ヘッダー / フッダー / メインタグ 約 10 分 08 見出しのタグ 約 12 分 09 ブラウザの確認とHTML5 outliner 10 What's tempwave? のマークアップ (1) 約 12 分 10 What's tempwave? のマークアップ (2) 約 14 分 11 ヘッダー 約 11 分 12 アプリの機能紹介部分 (1) 約 06 分 12 アプリの機能紹介部分 (2) 約 10 分 13 フッター 約 04 分 14 headタグの中身について 約 10 分 15 W3C Validation Service 約 06 分 アプリサイト - CSS - PC 約 337 分 01 CSSとは? 約 08 分 02 reset.css 03 CSSの記述ルールについて 約 12 分 04 CSSコーディングの流れについて 約 08 分 05 文字のサイズと色の設定 約 06 分 06 font familyとweb fontについて 約 13 分 07 フルードイメージについて 08 ヘッダーエリア (1) ボックスの説明 08 ヘッダーエリア (2)Margin-auto 約 08 分 08 ヘッダーエリア (3)line-height 約 08 分 08 ヘッダーエリア (4)marginとPaddingの違い 約 11 分 09 横並びレイアウト float(1) 約 06 分 09 横並びレイアウト float(2) 約 15 分 10 floatの続き (1) 約 10 分 10 floatの続き (2) 11 背景画像の調整 約 12 分 12 フッターエリア (1) 複数の背景画像の設定 約 14 分 12 フッターエリア (2) 中央揃え 約 12 分 12 フッターエリア (3) spanタグ 約 12 分 12 フッターエリア (4) 仕上げ 13 font-awesome 約 13 分 14 背景関連 約 09 分 15 flexboxの基礎 (1) 約 08 分 15 flexboxの基礎 (2) 約 09 分 16 flexboxを使った様々なレイアウト 17 特徴エリア 約 11 分 18 flex-direction 約 12 分 19 様々なセレクター 約 10 分 20 アイコン部分の設定 約 14 分 21 特徴部分の仕上げ 約 16 分 22 What's tempwave(1) 22 What's tempwave(2) 約 11 分 22 What's tempwave(3) 約 12 分 22 What's tempwave(4) 約 14 分

6 アプリサイト - CSS - SP 約 120 分 01 スマホサイトのコーディングのポイント 約 13 分 02 ヘッダーのスマホ用レイアウトの調整 約 08 分 03 スマホ用レイアウト (1)What's tempwave 約 06 分 03 スマホ用レイアウト (2)weather now 約 06 分 04 box-sizing-border-boxについて 約 09 分 05 ヘッダー細部の調整 約 12 分 06 What's tempwave 細部の調整 07 オーバーレイ細部の調整 08 weather now(1) 約 06 分 08 weather now(2) 08 weather now(3) 約 08 分 09 フッター細部の調整 約 14 分 10 文字周りの調整 約 09 分 11 タブレットで見たときの見た目の調整 約 08 分 番外編 Google Chromeの検証ツールの使い方 CSSが効かない時に確認したいこと (1) CSSが効かない時に確認したいこと (2) 約 41 分 約 18 分約 12 分約 11 分 サーバーへのアップロード FTPについて (1) FTPについて (2) サイトの公開方法 (1) サイトの公開方法 (2) 約 38 分 約 10 分約 10 分約 06 分約 12 分 閲覧チェック Web 概論 動画タイトル 時間 ( 計 0 時 51 分 ) Web 概論 01.Web ってなに? 02.Webサイトを作るのに必要なもの 03.Web 制作の流れ 約 51 分 約 21 分約 12 分約 18 分

ホームページ制作 基礎編 (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

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックワーク 閲覧チェック 動画タイトル 時間 ( 計 22 時 33 分 ) 名刺 約 56 分 デザインコンセプト説明 約 04 分 01 新規フ

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックワーク 閲覧チェック 動画タイトル 時間 ( 計 22 時 33 分 ) 名刺 約 56 分 デザインコンセプト説明 約 04 分 01 新規フ [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックワーク ( 計 22 時 33 分 ) 01-01. 名刺 約 56 分 デザインコンセプト説明 約 04 分 01 新規ファイル作成 (1) 約 08 分 01 新規ファイル作成 (2) 約 10 分 02 名刺のおもて面 ( ロゴとURL) の作成 約 13

More information

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックリファレンス 閲覧チェック 動画タイトル 時間 ( 計 20 時 10 分 ) Step1 Illustratorの基本操作 Illustratorの起動と基

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックリファレンス 閲覧チェック 動画タイトル 時間 ( 計 20 時 10 分 ) Step1 Illustratorの基本操作 Illustratorの起動と基 [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! Step1 Illustratorの基本操作 Illustratorの起動と基本画面についてツールパネルやパネルの使い方作業画面を拡大 縮小する / 表示位置を変更する表示方法を変更するオブジェクトを選択 移動するオブジェクトを削除する / 作業の取り消しとやり直しドキュメントの保存と閉じ方

More information

Web 設計入門

Web 設計入門 Web デザイン実践 #4-1 CSS(2) D.Mitsuhashi 1 HTML5 コンテンツモデル D.Mitsuhashi 2 コンテンツモデル HTML5 の要素は意味の上で 7 つのカテゴリに分けられる コンテンツモデルから 要素の中に何を含んでよいかが決定される 参考 W3C: HTML5 content models http://www.w3.org/tr/html5/dom.html#content-models

More information

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 目次 1. はじめに ( 資料の目的 ) 2. Coach View 構造の基本 2.1 CSS の基礎 2.2 Coach における CSS 記述場所 2.3 標準 Coach View 構造の基本 2.4 Coach における CSS セレクター指定の基本 3. 実践

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

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

クイックスタートマニュアル目次 スマホサイトビルダーモビークとは? モビークの特徴 ドラッグ& ドロップで簡単編集 スタイリッシュなデザイン部品 PC サイトと自動連動 最高のSEO 対策導入までの流れ STEP1 初期デザイン設定 STEP2 ページの登録 STEP3 スマホページの編集 STEP

クイックスタートマニュアル目次 スマホサイトビルダーモビークとは? モビークの特徴 ドラッグ& ドロップで簡単編集 スタイリッシュなデザイン部品 PC サイトと自動連動 最高のSEO 対策導入までの流れ STEP1 初期デザイン設定 STEP2 ページの登録 STEP3 スマホページの編集 STEP スマホサイトビルダーモビーククイックスタートマニュアル 更新日 :2014 年 06 月 02 日 Ver:2.0.0 Copyright2012-2014mobeekAllRightsreserved. クイックスタートマニュアル目次 スマホサイトビルダーモビークとは? モビークの特徴 ドラッグ& ドロップで簡単編集 スタイリッシュなデザイン部品 PC サイトと自動連動 最高のSEO 対策導入までの流れ

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

extChatText.pdf

extChatText.pdf 拡張機能ユニット チャット風テキストユニット マニュアル シフトテック株式会社 発行 :2018/12/19 チャット風テキストユニット マニュアル - 1 概要 チャットのような会話形式でテキストを表示するユニットです ール ー ア ン ンテ ー 特徴 アイコン用画像 + 名前 + 吹き出し付テキストで構成されたユニットです 表示位置を左右に出し分けることで チャットのような会話形式でテキストを表示できます

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

Microsoft PowerPoint - css-3days.ppt [互換モード]

Microsoft PowerPoint - css-3days.ppt [互換モード] 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

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

Web 設計入門

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

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

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

extCountdown.pdf

extCountdown.pdf 拡張機能ユニット カウントダウンユニット マニュアルシフトテック株式会社 発行 :2018/11/21 改定 :2018/12/13 カウントダウンユニット マニュアル - 1 概要 指定された日時までカウントダウンを行うユニットです ール ー ア ン ンテ ー 特徴 指定した日時までカウントダウンし 終了後は自動で停止します 任意の URL を設定すると カウント終了後にページにアクセスがあった場合

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

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top 1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます

More information

保存版 改訂版 日本私立短期大学協会広報 HP 短大クエスチョン 情報発信マニュアル 2019 年 1 月 日本私立短期大学協会 株式会社ル プロジェ制作

保存版 改訂版 日本私立短期大学協会広報 HP 短大クエスチョン 情報発信マニュアル 2019 年 1 月 日本私立短期大学協会 株式会社ル プロジェ制作 保存版 改訂版 日本私立短期大学協会広報 HP 短大クエスチョン 情報発信マニュアル 2019 年 1 月 日本私立短期大学協会 株式会社ル プロジェ制作 目次 目次... 2 ログイン... 4 管理画面へのアクセス... 4 ログインとログアウト... 4 短期大学情報の変更... 5 情報変更の手順... 5 情報変更画面の紹介... 6 お知らせの追加と編集 ( 貴学お知らせへのリンク )...

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

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

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

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

第21章 表計算

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

More information

SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000

More information

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字 コンピュータ基礎実習 ( 上級 ) 第 12 週 コンピュータ基礎実習 ( 上級 ) 第 12 週スタイルシートの基礎今回の授業は スタイルシート (CSS) の使い方を解説します 1. CSS の基本 ( 教科書第 3 章 ) 1.1. CSS とは CSS は Cascading Style Sheets の略で ウェブページの見栄えを設定するための言語です CSS はウェブページにとって比較的新しい規格ですが

More information

Web情報システム 第1章~第5章

Web情報システム 第1章~第5章 Web 情報システム マルチメディア情報通信ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情報システム マルチメディア情報の流通 Web 情報システム概論 デジタルメディアの特徴 デジタルメディアの記述 HTML (Hyper Text Markup Language) CSS (Cascading style sheet) デジタルメディアの制御 JavaScript コンピュータとネットワークの基礎

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

■新聞記事

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

More information

タグ付きPDFとは何か?

タグ付きPDFとは何か? PDF sample はじめに タグ付き PDF という言葉を見かけるようになりましたが タグ付き PDF とは一体どういったものなのでしょうか 本書ではタグ付き PDF とはなにか? について簡単に説明します なお 本書は EPUB アクセシビリティの機能の1つである ページ分割マーク の CAS 記法マークアップと EPUB3 のサンプルとして用意されたものです i 目 次 はじめに i 第

More information

Kazasu アンケート機能 操作マニュアル 1

Kazasu アンケート機能 操作マニュアル 1 Kazasu アンケート機能 操作マニュアル 1 目次 アンケート送信機能とは... 3 利用の流れ... 3 質問形式の種類... 4 アンケートの新規作成... 6 テンプレートアンケート... 7 アンケートの基本構造... 8 テンプレートを使って作成... 14 項目内容の追加... 20 アンケート項目の削除... 23 アンケート登録... 23 回答画面の確認... 23 項目の種類について...

More information

EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima

EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body background-image: url("../images/wallpaper1.gif"); /* == 記事記入枠 container ( 全画面共通 )=========

More information

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理 CSS Taichi Kaminogoya 2007-03-24T13:30:00+09:00 about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理 CSS photo by timlovesbrian. http://www.flickr.com/photos/cmsspork/417022096/ http://creativecommons.org/licenses/by/3.0/

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

Web 設計入門

Web 設計入門 情報処理技法 ( マルチメディアと表現 )I 第 11 回 CSS によるレイアウトデザイン (1) D.Mitsuhashi 1 擬似クラスと疑似要素 D.Mitsuhashi 2 擬似クラス 要素名のセレクタだけでは指定できない特定の状況下でのデザインを指定するには擬似クラスを用いる ポインタが重なった時 クリックした時 N 番目の小要素 a:hover li:last-child :root

More information

CSS Taichi Kaminogoya 2007-05-26T14:00:00+09:00 design de sign coration デザイン サイン 情報 をデコレーション 装飾 どれが重要なのかのサイン メッセージ CSS CSS CSS CSS デザイン 線や色でサイン 情報をイイトコロに配置 CSS CSS CSS { : ; { : ; { : ; { : ; CSS

More information

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ [SP 改 ] フォームレイアウトデザイナー FOR SHAREPOINT 2013 ユーザーマニュアル 1.0 版 2014 年 04 月 11 日 株式会社アンク 目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18

More information

【インターネットビルダー2】投稿マニュアル

【インターネットビルダー2】投稿マニュアル インターネットビルダー 2 投稿マニュアル 第 1 版 株式会社サイネックス 1 / 34 Copyright 2016 SCINEX CO.,LTD. All Rights Reserved. 目次 表紙... 1 目次... 2 Ⅰ. 管理画面へのログインについて... 3 1-1. 管理画面にログインする... 3 Ⅱ. 最新ニュース について... 4 2-1. 最新ニュース を新規追加するには...

More information

競技課題|ホームページ

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

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

ホームページ 成功事例説明会

ホームページ 成功事例説明会 かんたんビジネスブログ 体験版操作ガイド 株式会社 LIXIL 住生活ソリューション 2011.07 改訂 目次 1. ブログ画面の基本構成 2. 更新画面の基本構成 3. ページと記事 4. 新しい記事の作成 文章の入力 画像の貼り付け 5. 記事の編集 削除 6. 文字の装飾 7. リンク設定 8. ページの作成 9. メニューの作成 < 参考 > 部品とレイアウト 3 4 5 6 9 12 13

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

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で 1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです

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

定期講座ガイド ~Office2016~ 協立情報通信株式会社

定期講座ガイド ~Office2016~ 協立情報通信株式会社 定期講座ガイド ~Office2016~ 協立情報通信株式会社 目次 共通... 5 M-TK-1601... 5 MOS 試験オリエンテーション ~ 学習の進め方 模擬試験プログラムの使い方 試験の攻略ポイント~... 5 WORD... 5 M-TW-1601... 5 文書の作成と管理 1 ~ 文書の作成 文書内の移動 書式設定 ~... 5 WORD... 6 M-TW-1602... 6

More information

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

Microsoft Word - 教材WebページのHTML5及びCSS3の解説 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)

More information

数のディジタル化

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

More information

1. 管理画面へのログイン方法 (1 ) エコボル サイトの TOP ページから登録店専用ページへユーザー名 パスワードを入力してログインボタンをクリックします 図 1) エコボル サイトの TOP 画面 図 2) システムログイン画 登録店さまには事前にユーザー名パスワードを記載したメールを送付し

1. 管理画面へのログイン方法 (1 ) エコボル サイトの TOP ページから登録店専用ページへユーザー名 パスワードを入力してログインボタンをクリックします 図 1) エコボル サイトの TOP 画面 図 2) システムログイン画 登録店さまには事前にユーザー名パスワードを記載したメールを送付し エコボル登録店様情報更新マニュアル 目次 1. 管理画面へのログイン方法 2. ダッシュボードの各機能について 3. 記事を作成する1 4. 記事を作成する2 5. 記事を作成する3 6. 画像を配置する1 7. 画像を配置する2 8. 画像を削除する 9. 登録した記事を編集する1 10. 登録した記事を編集する2 11. 登録した記事を編集する3 12. 記事を公開しない 13. 投稿した記事の表示順位を変える

More information

フォト アルバム

フォト アルバム 操作説明書 ESCORT 目次 ESCORT 目次 ESCORT 操作の流れログイン / ログアウト方法ホーム ( メニュー ) ユーザー管理 ユーザー登録 / ユーザー修正方法 ユーザー削除方法ディレクトリ管理 ディレクトリ登録 / ディレクトリ修正方法 ディレクトリ削除方法ディレクトリ切替テンプレート管理 テンプレート登録 / テンプレート再設定方法 テンプレート削除方法 特殊タグ設定方法定数タグ設定

More information

brieart初期導入ガイド

brieart初期導入ガイド 初期導入ガイド Ver..0 更新日 :0/9/7 株式会社アイ エヌ ジーシステム Copyright (C) 0 ING System Co., Ltd. All Rights Reserved. 目次. brieart とは? brieart とは? 注意事項 制限事項など. brieart 導入の流れ 6. brieart の管理画面にログイン 7. 登録情報 8 登録情報の確認 変更 8

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

登録する - ヘルプ https://support.google.com/sites/bin/answer.py?hl=ja&answer=153098&topic=23216... 1/1 ページ 登録する を使用すると 独自のサイトを簡単に作成し 更新できます では 各種情報 ( 動画 スライドショー カレンダー プレゼンテーション 添付ファイル テキストなど ) を 1 つの場所に表示し それを小さなグループ

More information

HTML5&CSS3 レッスンブック

HTML5&CSS3 レッスンブック STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの

More information

■デザイン

■デザイン Joruri CMS 2.0.0 基本マニュアル (2013.7.23) デザイン デザインでは 各ページ内に構成されるパーツである ピース と それをページ内に配置し構成する レイアウト を作成できます また スタイルシート でピース レイアウトの HTML を制御し装飾する CSS を設定できます ピースデザイン > ピース ピース をクリックすると 現在登録されているピースが ピース ID のアルファベッ

More information

TweecPress-Manual.indd

TweecPress-Manual.indd 管理画面ー操作マニュアル 管理画面 URL http://demo.tweec.net/wp-admin/ ID guest Pass gu0es8t 目次 ダッシュボード 3 ログイン直後の初期画面 3 All in One SEO 4 タイトル ディスクリプション キーワードなど SEO に関する部分の編集 4 Jetpack 5 Facebook Twitter など SNS と連携させる時の設定

More information

2 / 25 複数ソフトの組み合わせ テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した west.txt を Excel で開きます 1. Excel を起動します 2. [Office ボタ

2 / 25 複数ソフトの組み合わせ テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した west.txt を Excel で開きます 1. Excel を起動します 2. [Office ボタ 2011 1 年度春学期基礎ゼミナール ( コンピューティングクラス ) Bコース 1 / 25 コンピュータリテラシー [ 全 15 講 ] 2011 年度春学期 基礎ゼミナール ( コンピューティングクラス ) 2 / 25 複数ソフトの組み合わせ 2 15-1 テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した

More information

スライド 1

スライド 1 e 研修 S-LMS+ e ラーニング Simple e-learning Management System Plus 操作説明書 管理者機能 ( 研修コース教材作成管理 (LCMS) 編 ) Learning Content Management System 05 年 月 Ver..7. アーチ株式会社 機能 e 研修管理機能 LOGIN 画面 (PC 環境用 ) 説明 e 研修管理機能 LOGIN

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

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を 管理画面操作マニュアル 施設 目次 1. ログイン... 2 1-1 管理画面へのログイン... 2 2. 施設... 2 2-1 施設一覧... 3 2-2 施設の新規作成... 4 2-3 施設の編集... 9 2-4 施設の削除...10 2-5 ダウンロード... 11 2-6 インポート...12 3. 写真 地図...13 3-1 施設写真の登録...13 3-2 施設地図の登録...16

More information

スーパー英語アカデミック版Ver.2

スーパー英語アカデミック版Ver.2 オーサリング オーサリング機能は 先生独自のオリジナル教材を作成することのできる機能です AE3 で使用されている音声やパッセージを利用した問題の作成や YouTube などの動画や先生オリジナルの音声など 独自の素材を利用した問題の作成が可能です ここでは オーサリングの素材管理に関する利用法を説明します 素材管理 オーサリングの素材管理機能では クラス管理者が独自に登録する音声や画像 パッセージ

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 概要 4 は お店からのお知らせなど 短い文章の記事に向いています 画像 枚 本文 00 文字 500 文字程度の記事が適切です のポイント 記事作成の流れ ブログ記事タイトル 使い分け 短い文章に最適 ブログ記事タイトル記入 営業時間の変更やおやすみのお知らせなど 本文を書く 写真 使用する機能 画像挿入文字色の変更リンク追加 機能 アイキャッチ画像文字色変更リンク追加 3 投稿する 本文 自由な画像追加

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Seijo.Tokyo のコンテンツ作成 管理方法基本編 大江将史 初版 2017.7.3 2 版 2017.7.10 seijo.tokyo 1 コンテンツ作成 管理のイメージ コンテンツとは サイト上で作成する文章やイメージ リンクなどで構成されるもの 複数のコンテンツを組み合わせて seijo.tokyo という WEB サイト が作られている コンテンツは サイト上で ログイン をしなければ

More information

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

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

More information

スライド 0

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

More information

コンテンツ作成基本編

コンテンツ作成基本編 コンテンツ作成マニュアル基本編 もくじ コンテンツとは 公開する物件検索サイト内の情報の一つ一つを指します 3~8 サイト作成の流れ 物件検索一覧ページ 物件検索を行うためのページを作成するための一覧の流れです 9~4 その他コンテンツについて 各々のページを作成するための コンテンツ管理画面の項目です 5~7 コンテンツとは 3 コンテンツとは コンテンツとは 公開する Web サイトのページ つ

More information

01ログイン

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

More information

Web05

Web05 情報処理技法 ( マルチメディアと表現 )I 第 4 回 構造化 書 HTML(2) D.Mitsuhashi 1 字化けのしくみ D.Mitsuhashi 2 字コード 字コード コンピュータ上では, 字は数値として扱われる 数値と 字との対応規則を 字コードという アルファベットと数字をあらわすには, 2 進数で 8 桁 (8bit = 1byte) あれば りる ASCII コード 1byte

More information

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を SHIRASAGI 管理画面操作マニュアル 施設 1. ログイン 2 1-1 管理画面へのログイン 2 2. 施設 3 2-1 施設一覧 3 2-2 施設の新規作成 4 2-3 施設の編集 8 2-4 施設の削除 9 3. 写真 地図 10 3-1 施設写真の登録 10 3-2 施設地図の登録 14 1 1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン

More information

エクセル応用 2016 第 1 章関数の利用 1 作成するブックを確認する 2 関数の概要 3 数値の四捨五入 切り捨て 切り上げを使う 4 順位を求める 5 条件で判断する 6 日付を計算する 7 表から該当データを参照する 第 2 章表作成の活用 1 作成するブックを確認する 2 条件付き書式を

エクセル応用 2016 第 1 章関数の利用 1 作成するブックを確認する 2 関数の概要 3 数値の四捨五入 切り捨て 切り上げを使う 4 順位を求める 5 条件で判断する 6 日付を計算する 7 表から該当データを参照する 第 2 章表作成の活用 1 作成するブックを確認する 2 条件付き書式を エクセル基礎 2016 第 1 章 Excelの基礎知識 1 Excelの概要 2 Excelを起動する 3 ブックを開く 4 Excelの画面構成 5 ブックを閉じる 6 Excelを終了する 第 2 章データの入力 1 新しいブックを作成する 2 データを入力する 3 データを編集する 4 セル範囲を選択する 5 ブックを保存する 6 オートフィルを利用する 第 3 章表の作成 1 作成するブックを確認する

More information

Microsoft Word - 資料5-1_資料掲載_ver docx

Microsoft Word - 資料5-1_資料掲載_ver docx ( 資料 5-1) 授業資料の掲載 授業資料を掲載する手順について説明します. ここでは,PDF と Powerpoint ファイルを例に説明しますが, 他の形式のファイルも資料として掲載可能です. 1. コースメニュー画面のコンテンツ一覧から, 資料 の 新規作成 を選択 あるいは, 編集 / 削除 をクリック後, 下画面で 新規作成 を選択しても構いません. 1 2. オプション設定 画面で,

More information

Microsoft Word - ニュース更新システム(サイト用).docx

Microsoft Word - ニュース更新システム(サイト用).docx 1. ニュース更新システム 1.1. 記事情報管理 1.1.1. ニュース更新システムへのログイン ニュース更新システム用の ログイン ID とパスワードで ログインしてください 1 1.1.2. 新しい記事 1.1.2.1. 追加 新しく記事を追加します 記事情報管理画面 ここをクリック ( 次ページへ ) 2 1.1.2.2. 作成 記事内容を作成します 記事情報編集画面 ➀ ➁ ➂ ➃ 必須

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 資料 2 自動車部品技術情報提供サービス 出展企業向け機能説明 記載内容は開発中のものであり リリースまでに仕様が変更される場合があります 登録されている内容 ( 企業 部品 ) は全て架空の情報であり 実際の内容とは異なります 2017 年 10 月 一般社団法人日本自動車部品工業会 1 システムへのサインイン サインイン画面 1 ユーザー ID とパスワードを入力します 2 サインイン ボタンをクリックします

More information

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必 1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン

More information

スライド 1

スライド 1 e 研修 PDCA 運用チェック Simple e-learning Management System Plus 操作説明書 管理者機能 ( 運用チェック テーマ設定編 ) 05 年 4 月 Ver..7 アーチ株式会社 e 研修管理機能運用チェック テーマ設定 機能 説明 e 研修管理機能運用チェック テーマ設定 運用チェックのテーマを設定します テーマ名 使用機能の選択 運用期間 チェックリストの項目数

More information

スライド 1

スライド 1 最終更新 : 2017/4/12 アメーバプレス Pro ver.1.4.1 取り扱い説明書 目次 2 導入 1. はじめに 3 2. インストール方法 5 3. アクティベーション 6 設定 4. ログイン設定 7 5. デフォルト設定 8 6. スタイル設定 9 7. 記事投稿画面 11 使い方 8. ワードプレスから投稿する 12 その他 9. その他の機能 14 10. FAQ 15 1.

More information

ブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt(

ブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt( 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 HTML+CSS (4) (2 章 ) 2013/5/15( 水 ) 演習名 使用するフォルダ 演習 1 Z: Webプログラミング1 20130515 演習

More information

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

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

More information

PowerPoint プレゼンテーション

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

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

Microsoft Word - 操作マニュアル(PowerPoint2013)

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

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

インターネット社会の発展

インターネット社会の発展 インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト

More information

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

Microsoft PowerPoint _3a-SEO.pptx

Microsoft PowerPoint _3a-SEO.pptx 3.Web の使いやすさ 検索エンジン最適化 Web アクセシビリティ 1 検索エンジンのシェア 2018 年 5 月現在の世界シェア (%) モバイル にはタブレット端末も含む デスクトップ モバイル Google 70.0 81.3 Baidu ( 百度 ) 17.2 12.7 Bing ( マイクロソフト ) 7.6 0.8 Yahoo! 3.6 0.8 その他 1.6 4.4 出典: http://netmarketshare.com/

More information

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ 1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き

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

文書作成ソフト ( 初級 ) 第 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

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

【お試し版】Web制作者のためのCSS設計の教科書(非売品) UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI

More information

目次 STEP.1Word ファイルを小冊子にする... 1 注意... 2 STEP1-1 印刷 (EPSON) の場合... 5 STEP.2 冊子つくり... 7 STEP.3 新しいページの挿入... 7 STEP.4 見出し... 8 STEP.5 目次を作成... 9 STEP.6 冊子

目次 STEP.1Word ファイルを小冊子にする... 1 注意... 2 STEP1-1 印刷 (EPSON) の場合... 5 STEP.2 冊子つくり... 7 STEP.3 新しいページの挿入... 7 STEP.4 見出し... 8 STEP.5 目次を作成... 9 STEP.6 冊子 Word の便利な機能を使って小冊子 つくりを学びます 目次 STEP.1Word ファイルを小冊子にする... 1 注意... 2 STEP1-1 印刷 (EPSON) の場合... 5 STEP.2 冊子つくり... 7 STEP.3 新しいページの挿入... 7 STEP.4 見出し... 8 STEP.5 目次を作成... 9 STEP.6 冊子の表紙作成... 10 1.Word2007ワードアートの挿入

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

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は 1225-9 練習 9 Skew Wheel(skewX, skewy, skew) カラーホイールが斜めに回転するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると カラーホイールが 回転しながら斜めに傾いていきます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 カラーホイールの画像の傾き transform

More information

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り 1250 アウトラインのトランジション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースとして使用されることが多い機能です outline はボックスに指定して border と同じようにトランジションさせることもできますが あまり使われることはないかもしれません outline には border と違って 角の半径を指定して丸くする機能はありません 入力フィールドをクリックすると変化します

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

目次 STEP.1 冊子の作成 Word を起動し ページの設定... 1 STEP.2 冊子の表紙作成 Word2007ワードアートの挿入 ( 表紙作成 ) Word2010ワードアートの挿入 ( 表紙作成 )... 3 STEP.3 新しいページの挿入.

目次 STEP.1 冊子の作成 Word を起動し ページの設定... 1 STEP.2 冊子の表紙作成 Word2007ワードアートの挿入 ( 表紙作成 ) Word2010ワードアートの挿入 ( 表紙作成 )... 3 STEP.3 新しいページの挿入. WORD で冊子を作ろう Word の便利な機能を使って冊子つくりを学びます 目次 STEP.1 冊子の作成... 1 1.Word を起動し ページの設定... 1 STEP.2 冊子の表紙作成... 2 1.Word2007ワードアートの挿入 ( 表紙作成 )... 2 2.Word2010ワードアートの挿入 ( 表紙作成 )... 3 STEP.3 新しいページの挿入... 5 3. 新しいページの挿入...

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

id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b

id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b CSS まとめ 1. CSS とは? ホームページを作る技術の一つで, 見た目の記述をするもの. W3C で作成されており,W3C のサイトで仕様を確認できる. 2. CSS が記述できる場所 1 style タグで記述 (html 内に記述 ) する. 2 style 属性で記述 (html 内に記述 ) する. 3 外部ファイルで記述する.( 一般的な方式であり, 以下, この方式の説 明 )

More information

スライド 1

スライド 1 第 5 章ワープロ A(Word2010/2007 共通 ) ( 解答と解説 ) 5A-1. 文書の編集 1 スタイルの設定 ( ア )= く スタイルとは さまざまな書式を組み合わせて名前を付けて登録したものです あらかじめ用意してあるもの以外に新規に登録することもできます ここでは 後で使う目次の項目として 3 箇所に 見出し 1 を設定します 2 段落 ダイアログボックス インデントと行間隔

More information