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

Size: px
Start display at page:

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

Transcription

1 砂原秀樹 2018/07/02 WWW とインターネット WWW とは何か? WWW を構成する物 http HTML Web2.0 とは何か? 1

2 WWW: World Wide Web Web とはクモの巣 構成要素 http: hyper text transfer Protocol HTML: hyper text Markup Language WWW サーバ上のデータを転送 ブラウザ ブラウザ http ブラウザ ブラウザ ブラウザ HTML イメージ WWW サーバ 2

3 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> 3

4 scheme ホスト名ローカルパート scheme:schme-specific scheme://host/local-part CERN: 欧州原子核研究機構 素粒子物理学 原子核物理学の研究成果の共有のために WWW は考えられた (1990) Sir Timothy John Berners-Lee 日本最初のホームページ 文部省高エネルギー加速器研究機構計算科学センター 4

5 ACM (Association for Computing Machinery) による計算機科学分野での顕著な貢献をした人に贈られる賞 計算機科学分野のノーベル賞とも言われる 過去の受賞者 1983 年 Ritchie, Dennis M./Thompson, Kenneth Lane (UNIX Operating System) 2002 年 Adleman, Leonard (Len) Max/Rivest, Ronald (Ron) Linn/Shamir, Adi (RSA 暗号 / 公開鍵暗号 ) 2003 年 Kay, Alan ( オブジェクト指向 Personal Computing) 2004 年 Cerf, Vinton ( Vint ) Gray/Kahn, Robert ( Bob ) Elliot (The Internet) 2015 年 Diffie, Whitfield/Hellman, Martin ( 公開鍵暗号 / デジタル署名 / 鍵交換 ) 5

6 amazon.co.jp 消費行動に基づく推薦 結果の提示順 広告としての意味 リンク数 アクセス頻度 ワードカウント ( 個人の好み ) アクセス行動 6

7 ターゲッティング Google AdSense Tim O Reilly による定義 プラットフォームとしてのウェブ 集合知の利用 データは次世代の インテルインサイド ソフトウェアリリースサイクルの終焉 軽量なプログラミングモデル 単一デバイスの枠を超えたソフトウェア リッチなユーザ体験 What is Web2.0? what-is-web-20.html 7

8 プラットフォームとしての Web Web という共通プラットフォームを使うことで いつでもどこでも誰でも使えるサービスが構成できる 集合知の利用 インターネット中の多数の情報を活用することで 知識 を構成できる 専門家の知識だけでなく 多くの意見が意味を持つ データは次世代の インテルインサイド 価値の保証として 良質な大量データを持つことに意味がある ソフトウェアリリースサイクルの終焉 ソフトウェアは常に更新され機能が追加されており 従来の開発 - テスト - 修正 - 公開というソフトウェア開発サイクルが意味を持たなくなった 軽量なプログラミングモデル 一つ一つのプログラムは簡単で軽量なソフトウェアで構成されており それらが同じプラットフォーム (Web) の上で動作しており 融合することで新しいサービスを構成していくこと 単一デバイスの枠を超えたソフトウェア パソコンだけでなく 携帯電話や PDA デジタル家電 自動車にも提供されるサービス 従来と比較してより多くの人が情報にアクセスできるようになる リッチなユーザ体験 Ajax などの技術を活用 高速 グラフィカル 双方向性といったユーザに快適なサービスを提供する 8

9 知っていることを 書き込んで行くことでできあがる百科事典 辞書 Wikipedia Wikitionary 書き込みとコーディネーション ラフなコンセンサスと第三者による監査による公平性の確保 キーワード選択の上手 下手 利用者の力量 利用者は上位 10~20 位ぐらいしか見ない 必要な情報が埋もれる 無限に存在する見られない情報ランキング リンクの多さによる情報の評価 広告収入 意図的ランキング Google 八分? Google のデータベース上から意図的に削除された情報 係争中の情報など 基準が不明 9

10 Weblog 日記 + リンク 日々のメモと情報元の提示 逆リンク 発信者を名乗ること 参加者の身元保証 招待による参加承認 発信者を明示した上での情報発信 例 ) mixi, gree, orkut 機能 紹介 コミュニティ 日記 レビュー 同窓会 情報流通ビジネスへ レビューに基づく情報の販売 10

11 11

12 MicroBlog 140 文字 Short URL サービス bit.ly 政治と Twitter バラクオバマ ビジネスと Twitter 孫正義 12

13 本名での登録 詳細な個人情報 タイムライン 写真等の共有 Twitter との連携 13

14 レイティング 検索エンジン ポータルサイト ショッピングガイド My ページ SPAM フィルタ ウィルスチェッカ ファイアウォール 誰が書いたものか 発信者を信頼できるか? 新聞社 出版社? 著者? アルファブロガ? (A-list Blogger) 内容への裏付け 証拠の提示 多人数の証言 真か偽か 情報の信憑性の制御 情報に対する保証を誰がするか 一方的な意見の取り扱い 14

15 ドクターキリコ事件 酒鬼薔薇事件 実世界と仮想世界との関係の認知 錯覚 有名人? ネットアイドル 強迫観念 いじめ 学校裏サイト HTML5 とは何か?? HTML の新しいバージョン HTML の柔軟性とその問題 拡張が容易 一方でいろんな技術が乱立 例 ) JavaFX, AdobeFlash, MicrosoftSilverlight 必要な記述能力を再定義 Audio, Video, Canvas など オフライン操作 CSS (Cascading Style Sheets) 15

16 HTML マルチメディア形式の情報表現 http 通信プロトコル https 暗号化通信路を用いた http ( 後期に詳細を ) 双方向通信 拡張性 Javascript 新たな通信基盤モデル 16

Microsoft PowerPoint [互換モード]

Microsoft PowerPoint [互換モード] 砂原秀樹 suna@wide.ad.jp 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 サーバ上のデータを転送

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 のしくみと応用 ('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

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

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

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

More information

PowerPoint プレゼンテーション

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

More information

超簡単にWebページを作成

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

ホームページの仕組み

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

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

コンパイラ

コンパイラ ソフトウェアアークテクチャ第 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

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

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

~/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

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

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

Moshimo Challenge Report

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

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

スライド タイトルなし

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

More information

Microsoft Word - surfing

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

More information

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

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

More information

Microsoft Word 基_シラバス.doc

Microsoft Word 基_シラバス.doc 4-5- 基 Web アプリケーション開発に関する知識 1 4-5- 基 Web アプリケーション開発に関する知識 スクリプト言語や Java 言語を利用して Ruby on Rails やその他 Web フレームワークを活用して HTML(4, 5) XHTML JavaScript DOM CSS といったマークアップ言語およびスクリプト言語を活用しながら Ⅰ. 概要ダイナミックなWebサービスを提供するアプリケーションを開発する際に

More information

ÉvÉçPM_02

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

More information

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

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

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

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

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

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

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

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

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

演習室の 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

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

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

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

More information

1. 信頼済みサイトの設定 (1/3) この設定をしないとレイアウト ( 公報 ) ダウンロードなどの一部の機能が使えませんので 必ず設定してください 1 Internet Explorer を起動し [ ツール ]-[ インターネットオプション (O)] を選択します 2 [ セキュリティ ] の

1. 信頼済みサイトの設定 (1/3) この設定をしないとレイアウト ( 公報 ) ダウンロードなどの一部の機能が使えませんので 必ず設定してください 1 Internet Explorer を起動し [ ツール ]-[ インターネットオプション (O)] を選択します 2 [ セキュリティ ] の Internet Explorer の初期設定 信頼済みサイト の設定や ポップアップブロック の設定を確認する必要があります 以下の手順で設定してください 1. 信頼済みサイトの設定 2. タブブラウズの設定 3. セキュリティ設定の変更 4. ポップアップブロックの設定 5. 推奨する文字サイズの設定 6. 規定のブラウザに設定 7. 互換表示の無効の設定 8. ランキングやハイライトの印刷設定

More information

■新聞記事

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション アカデミック認定校 プロフェッショナル認定資格合格者 Lv1: 27 名 Lv2: 5 名 2017 年 6 月現在 https://www.fork.co.jp/ http://4009.jp/ 2 本日解説する主な内容 3 4 HTML4.01 に比べて複雑な処理が容易になり 文書構造をより明確に書けるようになった 動画や音声をシンプルに扱えるようになった 新たな属性が増え フォーム周りの機能が強化された

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

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

演習室の 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

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

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

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

Microsoft PowerPoint - janog15-irr.ppt

Microsoft PowerPoint - janog15-irr.ppt JPIRR IRRの未来 JPNIC 川端宏生 NTT コミュニケーションズ JPNIC IRR 企画策定専門家チーム Chair 吉田友哉 発表内容 JPNIC IRR(JPIRR) の正式サービス化へ向けた検討報告 川端宏生 JPIRR IRR の未来 吉田友哉 2005/1/21 copyright (c) JPNIC

More information

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

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

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

untitled

untitled IT IT IT IT 1 IT 2 Software as a Service (SaaS 3 ) IT SaaS 4 SaaS SaaS PC SaaS SaaS Web SaaS ID IT SaaS IT 1 2 3 Software as a Service ASP(Application Service Provider) SaaS 4 ASPIC SaaS SaaS SaaS SaaS

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

柔軟に行えるとともに 将来のシステム拡張性を考慮するものとする またデータのバックアップが行えるとともにサービス停止など障害時の復旧作業や必要に応じた再インストール等に対応する (OS のアップデート等の定期的な保守を実施するとともに 継続的に CMS の機能向上を図るものとする ) (11) ドメ

柔軟に行えるとともに 将来のシステム拡張性を考慮するものとする またデータのバックアップが行えるとともにサービス停止など障害時の復旧作業や必要に応じた再インストール等に対応する (OS のアップデート等の定期的な保守を実施するとともに 継続的に CMS の機能向上を図るものとする ) (11) ドメ 別添 笠置いこいの館ウェブサイト作成指針 笠置いこいの館を国内外に向けて効果的に情報発信するため 以下の項目にしたがっ てウェブサイトを作成する 1 方針本業務を行うにあたって 以下の方針に基づいてシステム構築を行うこと (1) 利用者の誰もが目的の情報に快適にたどりつけるようにする ウェブサイトを利用する人々の視点に立って情報を分類し 探しやすいサイト構成を目指すとともに 利用者の利便性を重視した使いやすいナビゲーションを配置し

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

スライド 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

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

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

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

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

<4D F736F F D FC8E448FEE95F1837C815B835E838B C8F92E88B608F912E646F63>

<4D F736F F D FC8E448FEE95F1837C815B835E838B C8F92E88B608F912E646F63> 公共調達検索ポータルサイト要件定義書 ( 抄 ) 平成 19 年 4 月 国土交通省 目次 1 はじめに...1 2 ポータルサイトの目的...2 2-1 入札参加希望者の検索効率向上...2 2-2 公共調達手続の透明化...2 2-3 競争性の向上...2 3 システム化の範囲...2 3-1 入札情報の作成...2 3-2 掲載情報の承認...2 3-3 入札情報の掲載...2 4 システム要件...3

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

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

<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

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

V.ブラウザの使い方

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

More information

2008 年度上期未踏 IT 人材発掘 育成事業採択案件評価書 1. 担当 PM 田中二郎 PM( 筑波大学大学院システム情報工学研究科教授 ) 2. 採択者氏名チーフクリエータ : 北山朝也 ( 株式会社ソニー コンピュータエンタテインメントソフトウェアプラットフォーム開発部 ) コクリエータ :

2008 年度上期未踏 IT 人材発掘 育成事業採択案件評価書 1. 担当 PM 田中二郎 PM( 筑波大学大学院システム情報工学研究科教授 ) 2. 採択者氏名チーフクリエータ : 北山朝也 ( 株式会社ソニー コンピュータエンタテインメントソフトウェアプラットフォーム開発部 ) コクリエータ : 2008 年度上期未踏 IT 人材発掘 育成事業採択案件評価書 1. 担当 PM 田中二郎 PM( 筑波大学大学院システム情報工学研究科教授 ) 2. 採択者氏名チーフクリエータ : 北山朝也 ( 株式会社ソニー コンピュータエンタテインメントソフトウェアプラットフォーム開発部 ) コクリエータ : 川田正明 ( 慶應義塾大学大学院政策 メディア研究科博士課程 ) コクリエータ : 丸岡和人 ( 株式会社レベリオ

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

ネットワーク入門

ネットワーク入門 情報科学 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

LeafletとCesiumを切り替えて使用するライブラリS-mapの公開

LeafletとCesiumを切り替えて使用するライブラリS-mapの公開 Leaflet と Cesium を切り替えて使用するライブラリ S-map の公開 西岡芳晴 産業技術総合研究所地質情報研究部門シームレス地質情報研究グループ 20 万分の 1 日本シームレス地質図 ~ 誰にでも使いやすい地質図を目指して ~ S-map 公開サイト ( 試験公開中 ) 1.https://gsj-seamless.jp/labs/smap/doc/ S-map とは? 1. シームレス地質図のために開発した地図描画ライブラリ

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

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 Word - Versioning_and_Internet_Explorer_Modes

Microsoft Word - Versioning_and_Internet_Explorer_Modes バージョン管理と Internet Explorer のモード : Windows Internet Explorer 8 Beta 1 for Developers Web 作業の操作性を向上 2008 年 3 月 詳細の問い合わせ先 ( 報道関係者専用 ) : Rapid Response Team Waggener Edstrom Worldwide (503) 443 7070 rrt@waggeneredstrom.com

More information

PALNETSC0184_操作編(1-基本)

PALNETSC0184_操作編(1-基本) 1 章ご使用前に この章について この章では 特許情報提供サービス Shareresearch をご利用になる前の動作環境と各種 設定について説明します この章の内容を以下に示します 1.1 使用する際の環境について 1.2 WWW ブラウザのセキュリティ設定 1.3 Excel のセキュリティ設定 1.4 フォルダオプションの設定 1 1.1 使用する際の環境について Shareresearch

More information

アルファメールプレミア 移行設定の手引き

アルファメールプレミア 移行設定の手引き サーババージョン 2 に切替えされるお客様へ アルファメールプレミア サーババージョン切替えの手引き ( 管理者向け ) http://www.alpha-prm.jp/ 必ずお読みください 本資料は現在ご利用中の Web サーバをバージョン 1 からサーババージョン 2 へ切替えされるお客様の管理者用の資料です 手順にそった操作 お手続きが行われない場合 正常に移行が完了できない可能性がございます

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

More information

SaCSS 49 LT

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

More information

4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html <meta ht tp - equiv="content-type" content=" tex t /html; charset=utf-

4-1. html css html 046 11 12 ht tp ht tp html HyperTex t Markup Language: html <meta ht tp - equiv=content-type content= tex t /html; charset=utf- 4.html css html css Adobe Flash JavaScript xml Ajax html css 045 11 12 4-1. html css html 046 11 12 ht tp ht tp html HyperTex t 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

数のディジタル化

数のディジタル化 第 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

ネットワーク入門

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

More information

JavaScript演習

JavaScript演習 JavaScript 演習 1 山口研究室後期博士課程 2 年玉川奨 ( たまがわすすむ ) 居室 :24-604 / 23-620 mail : s_tamagawa@ae.keio.ac.jp 1 JavaScript( 言語 ) とは 情報システムのプログラミング ソースコード記述, 外部ファイル保存, コンパイル, テスト, デバッグ... 大変な作業 もっと手軽なプログラミング 特別な言語処理系は不要!

More information

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

2 目次 1 はじめに 2 システム 3 ユーザインタフェース 4 評価 5 まとめと課題 参考文献

2 目次 1 はじめに 2 システム 3 ユーザインタフェース 4 評価 5 まとめと課題 参考文献 1 検索エンジンにおける 表示順位監視システムの試作 工学部第二部経営工学科沼田研究室 5309048 鳥井慎太郎 2 目次 1 はじめに 2 システム 3 ユーザインタフェース 4 評価 5 まとめと課題 参考文献 3 1-1 背景 (1) 1 はじめに インターネットユーザーの多くが Yahoo や Google などの検索エンジンで必要とする ( 興味のある ) 情報の存在場所を探している.

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

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

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

More information

Microsoft Word - GISA2007moblog.doc

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

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

1221 Transitionの指定項目

1221 Transitionの指定項目 1310-5 Animation-direction プロパティ animation-direction animation-direction プロパティには アニメーションのサイクルの全部または一部分を 通常通り実行するか逆回転で実行するかを指定します 値 説 明 normal reverse alternate alternate-reverse アニメーションの全ての繰り返しが指定された通りに実行される

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

Ⅴ ブラウザーの使い方 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

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

27短01研01斉藤.indd

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

More information

prg.indb

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

More information

html5_ver2_kai.pdf

html5_ver2_kai.pdf LPI-Japan 事務局 HTML5 プロフェッショナル認定試験レベル 1/ レベル 2 出題範囲改定 (Ver2.0) について 下記は 2016 年 11 月時点の情報であり 今後予告なく変更の可能性があります 2017 年 3 月 1 日に HTML5 プロフェッショナル認定試験レベル 1 およびレベル 2 の出題範囲を改定します 改定時期は変更になる場合がございますのでご了承ください 改定日が決まりましたらご連絡いたします

More information

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

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

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

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

Mobile Access簡易設定ガイド

Mobile Access簡易設定ガイド Mobile Access Software Blade 設定ガイド チェック ポイント ソフトウェア テクノロジーズ ( 株 ) アジェンダ 1 SSL VPN ポータルの設定 2 3 4 Web アプリケーションの追加 Check Point Mobile for iphone/android の設定 Check Point Mobile for iphone/android の利用 2 変更履歴

More information

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

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

More information

1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...

More information