Microsoft PowerPoint [互換モード]

Size: px
Start display at page:

Download "Microsoft PowerPoint [互換モード]"

Transcription

1 砂原秀樹 2011/06/06 WWW とインターネット WWW とは何か? WWW を構成する物 http HTML Web2.0 とは何か? WWW: World Wide Web Webとはクモの巣 構成要素 http: hyper text transfer Protocol HTML: hyper text Markup Language WWW サーバ上のデータを転送 http HTML イメージ WWW サーバ WWW 用の情報記述言語 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-style-type" " content="text/css" " /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta name="description" content="2008 年 4 月に新設されるメディア イノベータ育成のための大学院 慶應義塾大学大学院メディアデザイン研究科 (KMD)" /> <meta name="keywords" content=" メディア イノベータ メディア イノベーター メディアイノベータ メディアイノベーター KMD リアルプロジェクト デザイン テクノロジー ポリシー マネージメント " /> <title>kmd: 慶應義塾大学大学院メディアデザイン研究科 </title> <link href="../css/import.css" rel="stylesheet" type="text/css" media="screen,print" /> <script type="text/javascript" src="../js/rollover.js"></script> マルチメディア <a href="/jp/index.html" id="logo"><img src="/img_common/logo_jp.gif" width="263" height="34" alt=" 慶應義塾大学大学院メディアデザイン研究科 / KEIO MEDIA DESIGN" /></a> リンク 他のサイトの情報を参照する 他のサイトの情報を組み込む <a href=" お問い合わせ </a> 1

2 scheme ホスト名ローカルパート scheme:schme-specific CERN: 欧州原子核研究機構 素粒子物理学 原子核物理学の研究成果の共有のために WWWは考えられた (1990) Sir Timothy John Berners-Lee 日本最初のホームページ 文部省高エネルギー加速器研究機構計算科学センター scheme://host/local-part amazon.co.jp 消費行動に基づく推薦 結果の提示順 広告としての意味 リンク数 アクセス頻度 ワードカウント ( 個人の好み ) アクセス行動 ターゲッティング Google AdSense Tim O Reillyによる定義 プラットフォームとしてのウェブ 集合知の利用 データは次世代の インテルインサイド ソフトウェアリリースサイクルの終焉 軽量なプログラミングモデル 単一デバイスの枠を超えたソフトウェア リッチなユーザ体験 What is Web2.0? what-is-web-20.html 2

3 プラットフォームとしてのWeb Webという共通プラットフォームを使うことで いつでもどこでも誰でも使えるサービスが構成できる 集合知の利用 インターネット中の多数の情報を活用することで 知識 を構成できる 専門家の知識だけでなく 多くの意見が意味を持つ データは次世代の インテルインサイド 価値の保証として 良質な大量データを持つことに意味がある ソフトウェアリリースサイクルの終焉 ソフトウェアは常に更新され機能が追加されており 従来の開発 -テスト- 修正 - 公開というソフトウェア開発サイクルが意味を持たなくなった 軽量なプログラミングモデル 一つ一つのプログラムは簡単で軽量なソフトウェアで構成されており それらが同じプラットフォーム (Web) の上で動作しており 融合することで新しいサービスを構成していくこと 単一デバイスの枠を超えたソフトウェア パソコンだけでなく 携帯電話や PDA デジタル家電 自動車にも提供されるサービス 従来と比較してより多くの人が情報にアクセスできるようになる リッチなユーザ体験 Ajaxなどの技術を活用 高速 グラフィカル 双方向性といったユーザに快適なサービスを提供する 知っていることを 書き込んで行くことでできあがる百科事典 辞書 Wikipedia Wikitionary 書き込みとコーディネーション ラフなコンセンサスと第三者による監査による公平性の確保 キーワード選択の上手 下手 利用者の力量 利用者は上位 10~20 位ぐらいしか見ない 必要な情報が埋もれる 無限に存在する見られない情報ランキング リンクの多さによる情報の評価 広告収入 意図的ランキング Google 八分? Googleのデータベース上から意図的に削除された情報 係争中の情報など 基準が不明 Weblog 日記 + リンク 日々のメモと情報元の提示 逆リンク 発信者を名乗ること 参加者の身元保証 招待による参加承認 発信者を明示した上での情報発信 例 ) mixi, gree, orkut 機能 紹介 コミュニティ 日記 レビュー 同窓会 情報流通ビジネスへ レビューに基づく情報の販売 3

4 MicroBlog 140 文字 Short URLサービス bit.ly 政治と Twitter バラクオバマ ビジネスとTwitter 孫正義 レイティング 検索エンジン ポータルサイト ショッピングガイド My ページ SPAMフィルタ ウィルスチェッカ ファイアウォール 4

5 誰が書いたものか 発信者を信頼できるか? 新聞社 出版社? 著者? アルファブロガ? (A-list Blogger) 内容への裏付け 証拠の提示 多人数の証言 真か偽か 情報の信憑性の制御 情報に対する保証を誰がするか 一方的な意見の取り扱い ドクターキリコ事件 酒鬼薔薇事件 実世界と仮想世界との関係の認知 錯覚 有名人? ネットアイドル 強迫観念 いじめ 学校裏サイト ウィルス : メールやフロッピーディスク等を媒介として感染 ILOVEYOU Your Password SoBigF ウォーム : 自力で移動 NIMDA, CodeRed, MS Blast Hosts ファイルの書き換え 利用者は そのサイトにアクセスしたつもりで他のサイトに誘導される # # Host Database ( このファイルを書き換える ) # localhost loghost # brains.cs.uec.ac.jp brains scott.cs.uec.ac.jp scott virgil.cs.uec.ac.jp virgil alan.cs.uec.ac.jp alan gordon.cs.uec.ac.jp gordon 5

6 ホスト名の多言語化を悪用 さまざまな言語の似た文字を使う 日 ( ひ ) と 曰 ( いわく ) ー ( 音引き ) と 一 ( いち ) 0( ぜろ ) と O( おー ) 1( いち ) と l( える ) など 知らない言語には 似た文字がいっぱいある 正 ) 日本語.jp/ 誤 ) 曰本語.jp/ 正 ) 日本レジストリサービス.jp/ 誤 ) 曰本レジストリサービス.jp/ 誤 ) 日本レジストリサ一ビス.jp/ 6

Microsoft PowerPoint äº™æ‘łã…¢ã…¼ã…›

Microsoft PowerPoint äº™æ‘łã…¢ã…¼ã…› 砂原秀樹 suna@wide.ad.jp 2018/07/02 WWW とインターネット WWW とは何か? WWW を構成する物 http HTML Web2.0 とは何か? 1 WWW: World Wide Web Web とはクモの巣 構成要素 http: hyper text transfer Protocol HTML: hyper text Markup Language WWW サーバ上のデータを転送

More information

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1)

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

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

超簡単にWebページを作成

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

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

More information

ホームページの仕組み

ホームページの仕組み ホームページの勉強会 カリキュラム 第 1 ステップ : インターネットの起源 第 2 ステップ : インターネットの技術 第 3 ステップ : インターネットの歴史 第 4 ステップ : ホームページの基礎 第 5 ステップ : ブラウンハイムの H P について 第 6 ステップ :H P 編集作成ソフトについて 第 7 ステップ : ホームページビルダーを使う 第 8 ステップ : ホームページ更新の実践

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

ohp.mgp

ohp.mgp 2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.

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

コンパイラ

コンパイラ ソフトウェアアークテクチャ第 12 回 WORLD WIDE WEB 環境情報学部萩野達也 1 Web の誕生 1989 年にスイスジュネーブ CERN で誕生 Tim Berners-Lee CERN における情報管理のため 2 スライド URL https://vu5.sfc.keio.ac.jp/sa/login.php Web = ハイパーテキスト + インターネット 最初の Web サーバと

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

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++

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

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp

More information

Moshimo Challenge Report

Moshimo Challenge Report このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ界 No.1 とも言われているデザイナー ナムー が WEB ページ作成の コツを解説していきます 少し技術的な内容も含まれていますが 分からない ことは積極的に調べて 1 つ 1 つスキルアップをしていきましょうね! マリー HTML CSS のプロフェッショナル うさぎだけど好きなブラウザは Fire Fox ナムー

More information

スライド タイトルなし

スライド タイトルなし 御中 ドキュメント種 : お得意様名 : システム名 : デモ説明資料資料 EditionFlex DEMO 第一版平成 22 年 11 月第二版平成 22 年 12 月 11 日 15 日 Page - 1 1 DEMO1 Edition Flex エディター ( 編集画面 ) の呼出 DEMO1 では RESOLOGIC の Web サーバー上のデモメニューから まったく別のクラウド上にある Flex

More information

ÉvÉçPM_02

ÉvÉçPM_02 2 JavaScript 2JavaScript JavaScript 2-11hello1.html hello

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

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

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

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の提出物 今回の実習課題を制作し Web サーバにアップロードせよ 宛先 : dan@cc.matsuyama-u.ac.jp 件名 : Web デザイン #17_ 課題 本文 :

More information

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

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

More information

はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである 目次 基本仕様 ファイル ディレクトリ構成 画像ファイル 対応ブラウザ 品質管理 (X)HTML 制作 文字コード

はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである 目次 基本仕様 ファイル ディレクトリ構成 画像ファイル 対応ブラウザ 品質管理 (X)HTML 制作 文字コード 株式会社アジタス コーディングレギュレーション 改訂履歴 初版 2009/10/01 一部修正 2010/12/06 対応ブラウザ修正 画像ファイルの形式修正 補足追記 2011/05/02 対応ブラウザ修正 2013/04/12 はじめに 本書の目的は 制作の効率化 クオリティの向上 各作業者間のスタイルの統一を 図る目安になることで 常にブラッシュアップを繰り返し 現時点での最適解の共 有に活用するものである

More information

Microsoft Word - surfing

Microsoft Word - surfing ネットサーフィン 1 インターネット インターネットの起源は,1970 年代に米国の国防総省高等研究計画局 (DARPA) が出資し構築した ARPANET から始まります インターネットの語源は Internetworking で, ネットワーク同士を相互に接続することを意味します 日本国内では, 大学, 研究機関, 企業等が所有するネットワークが存在しますが, これらのネットワークは相互に接続されています

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

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学 九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送 インターネット クライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

More information

20141013_KAIT.pptx

20141013_KAIT.pptx 2014 SNS 2014 10 13 @rhys_no1 yoshiaki@linkedopendata.jp NPO Liked Open Data Initiative (2012 -) World Wide Web Consortium (2011-2012 ) (1999-2005) () Open Data on the Web (World Wide Web Consortium, Open

More information

Microsoft PowerPoint review.ppt [互換モード]

Microsoft PowerPoint review.ppt [互換モード] 情報通信システムのしくみ 村川猛彦 第 1 回 :2010 年 4 月 14 日 ( 水 ) 本日話すこと 自己紹介, この科目の進め方 インターネットコミュニケーション HTTP,HTMLHTML ハイパーリンク検索エンジンブログ SNS インターネットサービスの収益 2 自己紹介 氏名 : 村川猛彦 ( むらかわたけひこ ) 所属 : システム工学部情報通信システム学科 職名 : 講師 研究テーマ

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

untitled

untitled Ajax Web Ajax http://www.openspc2.org/javascript/ajax/ajax_stu dy/index.html Life is beautiful Ajax http://satoshi.blogs.com/life/2005/06/ajax.html Ajax Ajax Asynchronous JavaScript + XML JavaScript XML

More information

I. はじめに パーソナライズド Web ページ生成機能は 特に新しくページを作成してから利用ということ ではなくて 今回ご説明するような感じで利用することもできます メール本文内の URL のクリック率などは いちおう 無料のアクセス解析ツールなどとメール本文内の URL を少々工夫することによっ

I. はじめに パーソナライズド Web ページ生成機能は 特に新しくページを作成してから利用ということ ではなくて 今回ご説明するような感じで利用することもできます メール本文内の URL のクリック率などは いちおう 無料のアクセス解析ツールなどとメール本文内の URL を少々工夫することによっ パーソナライズド Web ページ生成 TIPS メール本文の どの URL がクリックされたか? 精読率をしらべる はじめに いつもネット商人 Pro ご利用ありがとうございます このレポートでは バージョン 1.08 からの機能 パーソナライズド Web ページ生成機能を使って メール本文内のどの URL がクリックされたかを計測する方法を解説します 1 I. はじめに パーソナライズド Web

More information

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す HTML/CSS 1 HTML について Hyper Text Markup Language( ハイパーテキストマークアップランゲージ ) 略記 略称:HTML( エイチティーエムエル ) とは ウェブ上のドキュメントを記述するためのマークアップ言語である Web 作成基本プログラミング用語であり C 言語のようなプログラミングとは違い 文章の中に記述することでさまざまな機能を記述設定することができる

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

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

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

More information

SaCSS 49 LT

SaCSS 49 LT レスポンシブサイトの作り方 ワンソースで構築するWebサイトの基本的な作り方 2014/6/9 Ver.1.1 Hirotaka Ichimura レスポンシブ Web デザインとは 今まで一般的だったWebサイト制作の方法は PC 用 携帯専用と分けられ別々にサイトを構築し 閲覧したユーザーの端末によりプログラムで振り分けることで表示するサイトを変更して対応してきました そのため 単純計算で最低でも2

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

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

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

More information

i

i 5.0 138 5.1 139 5.2 IE 141 5.3 URL 142 5.4 143 5.5 144 5.6 IE 145 5.7 145 5.8 147 5.9 148 5.10 154 5.11 157 5.12 160 5.13 163 5.14 Web 165 5.15 167 5.16 168 5.17 169 5.18 172 5.19 173 5.20 Web 174 5.21

More information

Google Analytics とは (1) Google Analytics は無料で利用できる高機能アクセス解析ツールです ページビュー 参照元 検索キーワードはもちろん各参照元や検索キーワード別の売上金額や売上件数等 ネットショップ運営に非常に有用な情報を取得できます レンタルショッピングカ

Google Analytics とは (1) Google Analytics は無料で利用できる高機能アクセス解析ツールです ページビュー 参照元 検索キーワードはもちろん各参照元や検索キーワード別の売上金額や売上件数等 ネットショップ運営に非常に有用な情報を取得できます レンタルショッピングカ レンタルショッピングカートマニュアル Vol.3 ~ Google Analytics 編 ~ Google Analytics とは (1) Google Analytics は無料で利用できる高機能アクセス解析ツールです ページビュー 参照元 検索キーワードはもちろん各参照元や検索キーワード別の売上金額や売上件数等 ネットショップ運営に非常に有用な情報を取得できます レンタルショッピングカートはGoogle

More information

Microsoft Word - 目次.doc

Microsoft Word - 目次.doc 4 インターネットの利用 1. WWW(World Wide Web) の活用 1.1. Web Browser の種類と使い方 a. Microsoft Internet Explorer 使用法 アドレスバーに閲覧するサイトのアドレス (URL) を入力し ENTER キーを押下する あるいは移動ボタンをクリックする ツールバーのボタンとその機能を下表に記す 表 Microsoft Internet

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

スライド 1

スライド 1 株式会社アジタス コーディングレギュレーション 改訂履歴 初版 2009/10/01 一部修正 2010/12/06 対応ブラウザ修正 画像ファイルの形式修正 補足追記 2011/05/02 対応ブラウザ修正 2013/04/12 文言 内容一部修正 2014/02/25 対応メーラーの追加 2014/04/08 メールアドレスの暗号化方法を変更 2014/06/05 対応ブラウザ修正 2015/01/21

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

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

CONTENTS 0 /JSP 13 0.1 Web 14 1 HTML Web 21 1.1 Web HTML 22 1.2 HTML 27 1.3 Web 33 1.4 HTML 43 1.5 46 1.6 47 1.7 48 2 Web 51 2.1 Web 52 2.2 Web 54 2.3 Web 59 2.4 65 2.5 68 2.6 75 2.7 76 2.8 77 3 81 3.1

More information

prg.indb

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

More information

数のディジタル化

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

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

メディプロ1 Javaサーブレット補足資料.ppt

メディプロ1 Javaサーブレット補足資料.ppt メディアプロジェクト演習 1 Java サーブレット補足資料 CGI の基本 CGI と Java サーブレットの違い Java サーブレットの基本 インタラクティブな Web サイトとは Interactive q 対話 または 双方向 q クライアントとシステムが画面を通して対話を行う形式で操作を行っていく仕組み 利用用途 Web サイト, シミュレーションシステム, ゲームなど WWW = インタラクティブなメディア

More information

V.ブラウザの使い方

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

More information

■新聞記事

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

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

研究開発の概要のイメージ ①画像 音声 映像情報の分析技術 周辺コンテンツや他情報源から収集したテキスト情報の分析 画像特徴量分析による信憑性検証 Web画像の典型度 過不足性 W b画像の典型度 過不足性 整合性の分析 映像 音声の偏り分析や 映像 音声の偏り分析や 視聴者評価情報の分析 Webア

研究開発の概要のイメージ ①画像 音声 映像情報の分析技術 周辺コンテンツや他情報源から収集したテキスト情報の分析 画像特徴量分析による信憑性検証 Web画像の典型度 過不足性 W b画像の典型度 過不足性 整合性の分析 映像 音声の偏り分析や 映像 音声の偏り分析や 視聴者評価情報の分析 Webア 電気通信サービスにおける情報信憑性検証技術に関する研究開発 課題ア Webコンテンツ分析技術開発成果について 1. 施策の目標 ネットワーク上の文字 音声 画像 映像情報について 情報の信頼性を分析する技術を確立し 信頼できる情報を提供することで 誰でもが思いのまま 簡単に 信頼して コンテンツを取り扱い 高度に利活用できる環境を実現する 2. 研究開発の背景 画像 音声 映像情報がWebコンテンツの一部としてインターネット上に大量に流通しているが

More information

XAMPP で CMS のお手軽 テスト環境を手に入れよう 2011/5/21 上村崇 1

XAMPP で CMS のお手軽 テスト環境を手に入れよう 2011/5/21 上村崇 1 XAMPP で CMS のお手軽 テスト環境を手に入れよう 2011/5/21 上村崇 1 CMS はphpファイルなど 動的なファイルばかりで 構成されています 2 パソコン上で静的な html ファイルは 開くことはできます しかし php ファイルはうまく表示されません 3 パソコン上では CMS の動作確認 はうまく行えません 4 CMS のデザインを編集するときの 一般的なフロー 5 ファイルを修正するたびに

More information

ホームページ作成技法

ホームページ作成技法 Web ページプログラミング Dr. Anna Yamaguchi Course URL: http://www2.obirin.ac.jp/annay/ 1 dr. Anna Yamaguchi 工学博士 : 東京都立大学大学院 ( 現首都大学東京 ) 工学研究科電気工学博士号 Internet Packet Loss Recovery Using Convolutional Codes and

More information

ルール&マナー集_社内版)_修正版.PDF

ルール&マナー集_社内版)_修正版.PDF WWW(World Wide Web) Web 12 WWW ID 2 1 2 3 4 WWW World Wide Web 5 5 A B 11 http://www.enc.or.jp/enc/code/rule/main.html 12 3 ... 2 1... 5 1.1... 5 1.2... 5 1.3... 6 1.4... 7 2... 9 2.1... 9 2.2 ID... 10

More information

Microsoft Word - no11

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

More information

ネットワーク入門

ネットワーク入門 情報科学 A 第 7 回インターネットと Web ページ 情報科学 A 第 1 回 第 7 回 今日のフォルダー作成 xxxxx.html 1 Excel の復習 次ページ以降の 4 つの曲線を描く 2 散布図 リサジュー曲線 Curve1.xlsx 座標 (x, y) は左の式から出せる時 角度 0~360 で下グラフを描く この時 A B a b は下参照 情報科学 A グラフは散布図 ( 平滑線

More information

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本書の構成 Web サイト制作の流れ 本書の構成と内容 1-2 Web サイト制作業界の人材像 Web サイト制作に必要な職掌と役割 各職掌の役

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本書の構成 Web サイト制作の流れ 本書の構成と内容 1-2 Web サイト制作業界の人材像 Web サイト制作に必要な職掌と役割 各職掌の役 Ver.1 2015/12/18 ( 仮称 ) - コンセプトメイキングから運用まで - のご案内 表紙デザイン改訂中 2016 年 ( 前期 後期 )Web デザイナー検定エキスパート出題範囲について 2016 年 3 月の ( 仮称 )- コンセプトメイキングから運用まで - の 発行にともない 2016 年の出題範囲は改訂版の内容から出題いたします 書名 ( 仮称 )- コンセプトメイキングから運用まで

More information

PowerPoint Presentation

PowerPoint Presentation コンピュータ科学 III 担当 : 武田敦志 http://takeda.cs.tohoku-gakuin.ac.jp/ IP ネットワーク (1) コンピュータ間の通信 to : x Data to : x y Data to : y z Data 宛先 B のパケットは z に渡す A 宛先 B のパケットは y に渡す ルーティング情報

More information

2013.10.22 Facebook twitter mixi GREE Facebook twitter mixi GREE Facebook Facebook Facebook SNS 201 1 8 Facebook Facebook Facebook Facebook 1,960 7 2012 400 Facebook SNS mixi Google Facebook Facebook

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 Web データ管理 CGI (3 章 ) 2011/11/30( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 CGI とは Common Gateway Interface の略 通常のページでは

More information

リンクされたイメージを表示できません ファイルが移動または削除されたか 名前が変更された可能性があります リンクに正しいファイル名と場所が指定されていることを確認してください 9 2

リンクされたイメージを表示できません ファイルが移動または削除されたか 名前が変更された可能性があります リンクに正しいファイル名と場所が指定されていることを確認してください 9 2 1 リンクされたイメージを表示できません ファイルが移動または削除されたか 名前が変更された可能性があります リンクに正しいファイル名と場所が指定されていることを確認してください 9 2 3 47 25 16. 17. 18. 8 20. 9 21 10 22. 4 5 6 4 19 26 4,305 17 75 98 386 163 4,305 1,713 813 0 769 1,782 4,403

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング 政策情報学部 渡辺恭人 riho-m@cuc.ac.jp 作業 1: 前回分を少し改造 1 行目の place = 那覇 の 那覇 の部分を他の地名に変えてみる 南西諸島地域以外の場合は 2 行目も変更する必要がある xmlfile = http://weather.livedoor.com/forecast/rss/amedas/temp/ 10/47.xml http://weather.livedoor.com/weather_hacks/rss_feed_lis

More information

マルチエージェントシステムグループの研究計画

マルチエージェントシステムグループの研究計画 e- ラーニング ( 第 3 回 :2009 年 4 月 22 日 ) Rieko INABA 先週の課題 1) e-learning のコンテンツやコースの設計において 留意しなければならないことは何か? 学習者の能力や環境に合わせ コンテンツの粒度とコンテキストを決める 同志社大学文化情報学部 e-learning by Rieko Inaba 2 復習 : コンテンツオブジェクト 集合コンテンツ

More information

Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 大月 茂樹

Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 大月 茂樹 Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 2 8 4 3 大月 茂樹 Q App Store / Android Marketでアプリを 販売している orしたことがある 地方におけるスマホアプリ開発事情 Web制作会社が直面する問題 デザイナーでもできる スマホアプリ開発手法 App Storeでの スマホアプリ公開フロー

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

wide94.dvi

wide94.dvi 14 WWW 397 1 NIR-TF UUCP ftp telnet ( ) WIDE Networked Information Retrieval( NIR ) vat(visual Audio Tool) nv(netvedeo) CERN WWW(World Wide Web) WIDE ISODE WIDE project WWW WWW 399 400 1994 WIDE 1 WIDE

More information

2012-第4回.pptx

2012-第4回.pptx コンピュータ概論 第 4 回 : 情報倫理 (1) 第 4 回情報倫理 (1) の目的 1Internet の基本構造について学ぶ 2SNS や掲示板などへの書き込みに関する危険性やマナーについて確認する 3Internet を利用することによって生じるウィルス感染などの問題点について具体的な事例を通じて基本的な心得を確認する とシラバスに書かれている部分を行います インターネットって何? インターネット

More information

Microsoft PowerPoint - homepage 互換モード

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

More information

PowerPoint Presentation

PowerPoint Presentation 2 3 4 HTML 5 Level.1 Markup Professional HTML 5 Level.2 Application Development Professional 5 6 7 8 9 http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam http://www.pearsonvue.com/japan/registration/

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

PowerPoint Presentation

PowerPoint Presentation 上級プログラミング 2( 第 1 回 ) 工学部情報工学科 木村昌臣 今日のテーマ 入出力に関わるプログラムの作り方 ネットワークプログラミングの続き TCP の場合のプログラム 先週のプログラムの詳細な説明 URLクラス サーバープログラムの例 データ入出力プログラミングの復習 テキストの読み込み関係のクラス テキストからデータを読み込むときには 通常 三段構えで行う バイナリデータとして読み出し

More information

Microsoft Word - homepage

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

More information

スライド 1

スライド 1 秋学期情報スキル応用 田中基彦教授, 樫村京一郎講師 ( 工学部共通教育科 ) / Web ページとは, 作成する HTML 言語とホームページ Web 検索エンジン ( 教科書第 8 章 ) Web ページを閲覧, 作成する 1.Web ページを閲覧する ブラウザを利用 - Internet (Expl.11), Firefox Adobe Reader や Flash Player が必要な場合も

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 総務省 ICTスキル総合習得教材 概要版 eラーニング用 [ コース1] データ収集 1-5:API によるデータ収集と利活用 [ コース1] データ収集 [ コース2] データ蓄積 [ コース3] データ分析 [ コース4] データ利活用 1 2 3 4 5 座学本講座の学習内容 (1-5:API によるデータ収集と利活用 ) 講座概要 API の意味とイメージを 主に利用しているファイル形式と合わせて紹介します

More information

Microsoft Word - GISA2007moblog.doc

Microsoft Word - GISA2007moblog.doc 結果の上位に出す PageRank という方法により 人々 が必要としているページを高い確率で探し出すこと を可能とした Google マップは 2005 年から米国で 始まり キーワード検索を行うと 一定の地域内の 駅 店 学校など 目印となる情報を検索し 地図 上に表示することができるものである Google マップ は Ajax Asynchronous JavaScript + XML 技術を使うことで

More information

IFRS 2011

IFRS 2011 IFRS 2011 International Financial Reporting Standards XBRL(eXtensible Business Reporting Language) EDINET XBRL XBRL XBRL IFRS Contents Contents... 2... 3... 6... 8... 10...11...11... 12... 14... 14...

More information

ネットワーク入門

ネットワーク入門 情報科学 A 第 7 回インターネットと Web ページ 情報科学 A 今日のフォルダー作成 第 1 回 第 7 回 images xxxxx.html xxxxx.jpg 1 今日やること Excelによるマクロ機能 インターネットの仕組み Webページ閲覧の仕組み Webページの作成 2 Excel のマクロ機能 マクロ 繰り返し同じ操作を行うとき その一連作業を マクロ に記録しておくと 作業の効率が上がる

More information

Microsoft Word - XOOPS インストールマニュアルv12.doc

Microsoft Word - XOOPS インストールマニュアルv12.doc XOOPS インストールマニュアル ( 第 1 版 ) 目次 1 はじめに 1 2 XOOPS のダウンロード 2 3 パッケージの解凍 4 4 FFFTP によるファイルアップロード手順 5 5 ファイルアップロード後の作業 11 6 XOOPS のインストール 15 7 インストール後の作業 22 8 XOOPS ログイン後の作業 24 愛媛県総合教育センター情報教育研究室 Ver.1.0.2

More information

目次一括管理 _ 設定編 サムネイル管理... 3 サムネイル管理 _ 設定編... サムネイル表示事前設定 店舗ページ サムネイル用置換タグ ライトボックス設定 店舗ページ ライトボックス用置換タグ

目次一括管理 _ 設定編 サムネイル管理... 3 サムネイル管理 _ 設定編... サムネイル表示事前設定 店舗ページ サムネイル用置換タグ ライトボックス設定 店舗ページ ライトボックス用置換タグ サムネイル管理編 Ver 1.03 2018/01/24 お問合せに関して不明点や疑問点があれば 下記サポートセンターにご連絡いただくか 当社システムの管理ページ ( トップページ ) の左端メニューにある お問合せ の項目をクリックして表示される お問合せフォームからご連絡ください 電話サポート窓口電話番号 :03-5577-4355 電話サポート受付時間 10:00~12:00 13:00~18:00(

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

_mokuji_2nd.indd

_mokuji_2nd.indd 前書き 3 目次 5 第 1 章 UTM/ 次世代ファイアウォールを導入しよう 13 1-1 UTM が求められる背景 14 1-2 FortiGate の特徴 15 1-3 FortiGate が備えるセキュリティ機能 16 1-4 製品の種類と性能 18 [ コラム ]FortiGate の歴史 21 1-5 ハードウェア仕様 22 第 2 章 FortiGate の基本設定 25 2-1 FortiGate

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1. インターネットに関する最近の動向 利用者数の拡大 ブロードバンド化の進展 H28 年末で普及率約 83% 利用者数約 1 億人 固定は FTTH( 光ファイバ ) モバイルは LTE(3.9G) の進展 モバイル化の進展 ( いつでも どこでも ) スマートフォン タブレットの普及 携帯回線のブロードバンド化 (3.5G 3.9G 4G) クラウドコンピューティング化の進展 背景は インターネット接続端末の普及

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

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1. インターネットに関する最近の動向 利用者数の拡大 ブロードバンド化の進展 H28 年末で普及率約 83% 利用者数約 1 億人 固定は FTTH( 光ファイバ ) モバイルは LTE(3.9G) の進展 モバイル化の進展 ( いつでも どこでも ) スマートフォン タブレットの普及 携帯回線のブロードバンド化 (3.5G 3.9G 4G) クラウドコンピューティング化の進展 背景は インターネット接続端末の普及

More information

<4D F736F F F696E74202D208A778F708FEE95F197AC92CA82F08EC08CBB82B782E98B5A8F E97708B5A8F70816A5F94D196EC8D758E742E >

<4D F736F F F696E74202D208A778F708FEE95F197AC92CA82F08EC08CBB82B782E98B5A8F E97708B5A8F70816A5F94D196EC8D758E742E > 講義 (5) 学術情報流通を実現する技術 (2) 応 技術 佛教 学図書館専 員飯野勝則 2013 年 9 25 at NII シンプルな学術情報流通 近な例 CiNii に 量の論 データを登録する というのも学術情報流通の 形態 CiNii(NII ELS) に 量のデータを登録する (1) TSV(Tab Separated Value) 形式 E データ項 をタブによって切り分けたテーブルを連想させるフォーマット

More information

UTF-8への文字コード変更に伴う自作CSSとJavascript修正について

UTF-8への文字コード変更に伴う自作CSSとJavascript修正について UTF-8 への文字コード変更に伴う自作 CSS と Javascript 修正について Google の推奨により お店ページの文字コードを現在の EUC-JP から UTF-8 へ変更します 文字コードを UTF-8 にすることで 検索結果の順位や数にプラスに働くことが期待できます 今回の文字コードの変更により 店舗さん自身で設置しているスタイルシートや Javascript がある場合 お店ページのレイアウトが崩れる

More information

ホームページの仕組み

ホームページの仕組み ホームページの勉強会 カリキュラム 第 1 ステップ : インターネットの起源 第 2 ステップ : インターネットの技術 第 3 ステップ : インターネットの歴史 第 4 ステップ : ホームページの基礎 第 5 ステップ : ブラウンハイムの H P について 第 6 ステップ :H P 編集作成ソフトについて 第 7 ステップ : ホームページビルダーを使う 第 8 ステップ : ホームページ更新の実践

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

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義で使うフォルダ 1/23 2/23 CGI とは Common Gateway Interface の略

More information

2. 動的コンテンツとは動的コンテンツとは Web ブラウザからの要求に応じて動的に Web ページや画像などを生成する Web コンテンツのことをいいます Web で利用するサーチエンジンやアクセスカウンタ等は この仕組みを用いています 動的コンテンツは大きく次の二つに分類されます (1) Web

2. 動的コンテンツとは動的コンテンツとは Web ブラウザからの要求に応じて動的に Web ページや画像などを生成する Web コンテンツのことをいいます Web で利用するサーチエンジンやアクセスカウンタ等は この仕組みを用いています 動的コンテンツは大きく次の二つに分類されます (1) Web 作成 : 平成 15 年 01 月 29 日 修正 : 平成 30 年 02 月 13 日 動的コンテンツ利用手引き (CGI PHP) 目 次 1. はじめに... 1 2. 動的コンテンツとは... 2 3. 動的コンテンツを作成する前に... 2 3.1. 危険性について... 2 3.2. 遵守事項... 2 3.3. 免責事項... 3 4. 利用方法... 4 4.1. CGI を使う...

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

NEC ラーニング Microsoft MVP for Visual Basic 山崎明子 利用シーンの拡大 開発の促進 運用性の強化 設計目標 ページの概念を超えた Web エクスペリエンス 検索候補 アクセラレータ Web スライス 迅速かつ簡単な Web 開発 開発者ツール Ajax Navigation, DOM Storage などに対応 快適で安心なブラウジング パフォーマンスの向上

More information