untitled

Size: px
Start display at page:

Download "untitled"

Transcription

1 2005 HP HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer HTML 1Web HTML 2.2 HTML HTML < > <title> < > HTML HTML WWW WWW ( User Agent) Internet Explorer Netscape Mozilla Opera ( ) Internet Explorer 3.2 HTML

2 Windows HTML 3.3 Windows WWW GIF JPEG PNG 3.4 FTP HTML Web (HTTP ) HTML Web ( ) public_html public_html index.html HTML Web Window FTP Window FTP FFFTP public_html (2) (3) HTML 4.01 Transitional//EN"> <title></title> <p></p> public_html public_html index.html (4) WWW HTML Internet Explorer Internet Explorer & public_html index.html HTML 1: HTML (1) public_html Web 2: Web -2-

3 HP (1)FFFTP FTP FFFTP 3 FFFTP 5 ID ( 6) 6 3 FFFTP (2) 4 remote.is.ritsumei.ac.jp remote.is.ritsumei.ac.jp 5 ID (3) Web public_html public_html TA public_html FFFTP 9 9 O.K. -3-

4 public_html 12 () 9 public_html (4) ( ) () public_html ( 10) 13 OK 14 public_html public_html ( 14) 10 (5) (put) index.html ( 15) ( 11) 11 : 12 () public_html OK () ( 16) -4-

5 HP FTP put (a) 17 ( 18) ( 19) (b) 20 ( 21) (a) 18 (b) 21 FFFTP ( 22) 22 FTP 19 (6) ( 20) (7) WWW Internet Explorer URL < > -5-

6 5 HTML 5.1 HTML HTML / <html <title>html </title> title HTML title <img> </img> <img> HTML HTML 5.2 <img src= alt= > img src= src= src src alt 2 = <img>9 5.3 HTML (1) HTML HTML HTML DTD(Document Type Definition) HTML 4.01 Transitional DTD sample1.html 4.01 Transitional//EN"> (2) HTML HTML html sample2.html (3) head body html head body 2 head HTML body 1 HTML 1 sample3.html -6-

7 HP (4) title head title title <title> Web sample4.html <title></title> h1, h2, h3, h4, h5, h6(heading) h h h1 h6 <h1><h2><h3><h4><h5><h6> </h1 /h6> h1 h6 sample5.html <title> </title> <h1> 1</h1> <h2> 2</h2> <h3> 3</h3> <h4> 4</h4> <h5> 5</h5> <h6> 6</h6> p(paragraph) p WWW <p> </p> sample6.html <title></title> <p> </p> 6.3 HTML br(break) <br><br> <br> <br> <br> sample7.html -7-

8 <title></title> HTML <br> HTML <br> 6.4 <hr> <ht> <br> <hr> <hr> sample8.html <title> </title> <hr> ( ) em strong <em> </em> <strong> </strong> hn p sample9.html <title></title> <br> <em></em><br> <strong> </strong><br> 7.2 font <font size= color= > size color 1 black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua sample10.html <title></title> <font color="red"> </font> <br> -8-

9 HP <font color="red"> </font> <font color="blue"> </font> <font color="green"> </font> <font color="yellow"> </font> <font color="purple"> </font> 5 8 <ul> </ul> <li> </li> <ul> </ul><li> </li> <p> </p> <ul> </ul> <li> </li> sample11.html <title> </title> <ul> <li> 1</li> <li> 2</li> <li> 3</li> </ul> 6 9 img(image) img img img img src(source)alt src img URL alt WWW WWW Web <img src= alt= > sample12.html <title></title> HTML<br> <img src="logo_rits.gif" alt="logo"> 7 URL 10 <table> </table> <tr> </tr> <td> </td> 3 <th> </th><td> </td> HTML (table ) (tr ) (td th ) 1 1 <td> </td> <th> </th> 1 <tr> </tr> <tr> </tr><table> -9-

10 </table> 1 <table> <tr> <td> 1 </td> <td> 2 </td> </tr> <tr> <td> 3 </td> <td> 4 </td> </tr> </table> 23 <table border= > </table> <tr> </tr> <td> </td> <th> </th> sample13.html <title></title> <table border= 1 > <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <a href= > </a> href URL (index.html ) <a href= URL > </a> URL sample14.html <title></title> <p>html </p> <ul> <li><a href=" </a></li> <li><a href=" </a></li> </ul> 11.2 URL ( ) herf <a href= > </a> :<a href= index.html > </a> <a href = hobby.html > </a> <a href= / > </a> -10-

11 HP profile.html hobby.html shumi.html sample15.html <h3></h3> <ul> <li><a href="profile.html"></a></li> <li><a href="hobby.html"></a></li> </ul> <hr> <p><a href="index.html"> </a></p> body bgcolor <body bgcolor=" " text=" "> HTML silver sample16.html <body bgcolor="black"> sample16.html <body bgcolor="black" text="white"> <body bgcolor=" " text="" link="" alink=" " vlink=" "> HTML sample17.html <body bgcolor="white" text="black" link="blue" alink="red" vlink="green"> link vlink alink ( ) bgcolor=" " " # "#ff0000" "#00ff00" "#0000ff" sample18.html <body bgcolor="#ddffdd"> URL bih-h_x1.htm 13 HTML 14 HTML HTML HTML (1) -11-

12 (2) (3) (4) Web 1 (5) 1 1 (6) HTML <!-- --> (7) (8)HTML HTML WWW [1] HTML [2] Web -12-

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

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

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

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

<4D F736F F D DEC90AC8EC08F4B8E9197BF D4C8AEE916295D2816A>

<4D F736F F D DEC90AC8EC08F4B8E9197BF D4C8AEE916295D2816A> 2010 年 8 月 2 3 日 HP 作成実習資料 2010 年度情報理工学部高大連携アドバンスプログラム HP 作成実習資料 (HTML 基礎編 ) 1 はじめに本実習は, ホームページ作成の基礎知識 と題してその知識を深めて行きますが, ホームページ ( ホームページ ) を作成するには, 次の二通りの方法が考えられます. 1 Web のパブリッシングソフトを使う, 2 テキストエディタを用いて直接

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

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML ! "#$%&'()*+,-. /0123456789:;?@ABCDEFGHIJKLMNOPQR STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ

More information

untitled

untitled FONT FACE=" " /FONT hp11.html FONT FACE=" " /FONT FONT FACE=" " HTML HP10.html HTML HTML HTML html head title /title font face=" " size="5" /fontbr font face=" " size="5" /fontbr font size="5" /fontbr

More information

Microsoft Word メディプロ1HTML統合版v1

Microsoft Word メディプロ1HTML統合版v1 2016 年度メディアプロジェクト演習 1 HTML 講座発展編 1 立命館大学情報理工学部メディア情報学科 進捗が遅れている場合に限り, テキスト中で 省略可 マークのついた節は省略してもよい. 1 リンク 1.1 リンクを張る WWW の最大の特徴として, あるページから他のページへ自由にジャンプして閲覧できる点があります. このようなジャンプをリンクと呼びます. 別のページへのリンクを張るには,

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

untitled

untitled Web HTML(Hyper-Text Markup Language) Web HTML () Web / Web -1 Web -2 Web -3 Web -4 Web Web -5 White Black Red Green Blue Yellow Purple Aqua Maroon Navy Olive Teal Gray Silver Lime Fuchsia Snow Linen Bisque

More information

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

More information

して閲覧することができます. このように, 他の情報にジャンプすること, あるいはジャンプするためのインデックスのことを,WWW の世界ではリンクと呼びます. 次々にリンクを辿って様々な情報にアクセスしている様子を,Web と Wave( 波 ) を引っ掛けて, ネットサーフィンと呼んだりもします.

して閲覧することができます. このように, 他の情報にジャンプすること, あるいはジャンプするためのインデックスのことを,WWW の世界ではリンクと呼びます. 次々にリンクを辿って様々な情報にアクセスしている様子を,Web と Wave( 波 ) を引っ掛けて, ネットサーフィンと呼んだりもします. 2015 年度メディアプロジェクト演習 1 立命館大学情報理工学部メディア情報学科 1 はじめに本演習の最初の 4 回では,HTML JavaScript を用いた Web ページ作成の基礎知識を学びます. Web ページを作成するには, 次の 2 通りの方法が考えられます. (1) Web のパブリッシングソフトを使う. (2) テキストエディタを用いて直接 HTML 文書を作成する. 本演習では,2

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (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

経営論集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

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

Microsoft PowerPoint - homepage 互換モード

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

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

Microsoft PowerPoint - 07回目.pptx

Microsoft PowerPoint - 07回目.pptx 1 情報リテラシー II ( 樋口担当 ) 2 回目 10/3 本日の予定 2 Web ページの作成 はじめる前に I. ファイルのUP II.HTMLの基本 III. テキストの記述方法 IV. ハイパーリンク V. インラインイメージ ( 画像 ) VI. 表 VII. 課題 3 はじめる前に 1. サーバー 4 日本工業大学は学生用のサーバを用意 ( 注 ) サーバーとは? サービスを提供するコンピュータの一般的な呼び方

More information

Microsoft PowerPoint - homepage.ppt [互換モード]

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

More information

内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成

内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成 情報処理演習 WWW とホームページ 内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成 WWW の生い立ち CERN : Conseil Europeen pour la Recherche Nucleaire 加速器を使った研究成果としてのデータを世界中で共用する仕組みが必要 1990 年頃に提案 実装 (NeXT) 1990 年中頃から急速に普及 WWW の特徴 使い易いので

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

johokiso-webpage-large

johokiso-webpage-large 1 Web 2 Web (1) Web 3 ( ) Web1 1 () () Web 2006-2018 Harumi Murakami and Kota Abe 3 Web 4 web /wéb/ [ ] cobweb. a) Web a web of rairoads. b) [ ], a web of intrigue get caught in a web of ies. ; ( ())..

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

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

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

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

HTML のタグを使ったホームページ作成 第 1 章 HTML 文書の基本 1. タグの基本 HTML 文書は普通の文章とタグで構成される タグは半角英数字で書く 文字 のように開始タグ (< >) と終了タグ () で囲む オプションをつけることもできる 2. 基本構成 ( 下線のタグは必ず書きます ) タイトル

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

WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN( 欧州合同原子核共同研究機関 ) の研究者が開発した ハイパーテキスト形式 ( HTML ) の分散情報システム WWW サーバーのアドレスを指定するのに URL(Uniform Resource Loc

WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN( 欧州合同原子核共同研究機関 ) の研究者が開発した ハイパーテキスト形式 ( HTML ) の分散情報システム WWW サーバーのアドレスを指定するのに URL(Uniform Resource Loc インターネットの情報技術 HTML入門 Webページが表示される仕組み WWWServer WWWServer 2 必要なデータを送信 Client WWWServer 1 見たいWebページのURLを入力 URLをもとに ページを指定してデータ送 信を要求 3 目的のWebページを閲覧 Client WWW(World Wide Web) 世界中に張り巡らされた クモの巣 という意味 CERN(

More information

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

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

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

<48746D6C8AEE91628D758DC02E786C73>

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

More information

<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

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

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

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

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

6 2 1

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

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information

1/2

1/2 札幌学院大学社会情報学部 AO 入試課題用テキスト (3) 1 札幌学院大学社会情報学部 AO 入試課題用テキスト HTML の基礎知識 (3) 1. スタイル指定 フォントの大きさや種類 行間 ページ上のレイアウトなどを文書の スタイル と呼び このスタイルを指定するためのデータを スタイルシート と呼ぶ 以下では CSS(Cascading Style Sheets) と呼ばれるスタイルシート言語を使用する

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

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

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

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

More information

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

年刊EDP 2003

年刊EDP 2003 1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc

More information

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p>

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p> 第 1 回目のタグ 1. Web ページ ( ホームページ ) の作成メモ帳 ( テキストエディタ ): ウィンドウズに付属しているソフトテキストエディタ メモ帳 を開くには : スタートボタンをクリック プログラムポイント アクセサリ メモ帳を選ぶ ブラウザ (Web ページの閲覧ソフト Internet Explorer): ウィンドウズに付属しているソフトが必要とする homepage.html

More information

第3学年    学習指導案

第3学年    学習指導案 Web Page 2 -1- myhome.htm html head title my home page /title /head body Welcome to Sasaki's Home page /body /html myhom e.htm html /htmlhead /headtitle /title body /body myhome.htm -2- myhome.htm body

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

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

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

More information

Microsoft Word - HTML発展編12.doc

Microsoft Word - HTML発展編12.doc 0 年度メディアプロジェクト演習 HTML 講座発展編 立命館大学情報理工学部メディア情報学科 進捗が遅れている場合に限り, テキスト中で 省略可 マークのついた節は省略してもよい. リンクタグ. リンクを張る WWW の最大の特徴として, あるページから他のページへ自由にジャンプして閲覧できる点があります. このようなジャンプをリンクと呼びます. 別のページへのリンクを張るには,

More information

Taro-CSS.jtd

Taro-CSS.jtd CSSCascading Style Sheet 1. CSS CSSCascading Style Sheet HTML XHTML, XML HTML CSS HTML/XHTML/XML CSS HTMLXHTML CSS XML CSS 2. CSS HTML/XHTML CSS HTML CSS XML XSL-FO XSLT+CSS CSS Web Web HTML 3. HTML HTML

More information

Microsoft Word - 第4&5回HTML&MIFES入門.doc

Microsoft Word - 第4&5回HTML&MIFES入門.doc 第 4&5 回 HTML & MIFES 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Makeup Language)と 呼 ばれています この 言 語 を 書 くためのテキスト エディタが MIFES です HTML で 書 かれたページは,Netscape や

More information

css.pdf

css.pdf 1 2 Web (2) HTML ( ) HTML CSS CSS = Cascading Stye Sheet (CSS) W3C (Word Wide Web Consortium, Web ) 2006-2018 Harumi Murakami and Kota Abe HTML&CSS 3 1990 Web HTML Web 1993 Web , , HTML HTML&CSS

More information

Microsoft PowerPoint - makeweb2017.ppt [互換モード]

Microsoft PowerPoint - makeweb2017.ppt [互換モード] Web ページ制作の流れ ページ全体の構成 プランニング 線形構造 公開する情報と目的の設定 資料 情報の収集 ページのデザイン ページ全体の構成 各ページのデザイン スタイル 階層構造 素材の制作 画像の製作 グラフ構造 オーサリング HTML ファイル スタイルシートの記述 動作確認 評価 修正 各ページのデザイン スタイル 視覚的統一性 共通の画像 ( 写真 イラスト ) を利用する アイコンを共通のものにする

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

掲示用ヒート表 第34回 藤沢市長杯 2017

掲示用ヒート表 第34回 藤沢市長杯 2017 34 8 4 2 Round 1 Round 2 SEMI FINAL 30 16 8 H1 H5 H1 H1 Red 12401821 2 Red 12601360 2 1-1 Red 12501915 1 1-1 Red 12501915 4 White 12900051 4 White 12600138 3 3-1 White 12802412 2 3-1 White 12801091 1 Yellow

More information

スライド 1

スライド 1 レイカディア大学同窓会 ホームページ講座 第 1 章 2015/6/23 広報部 HP 班長教野弘孝 ( 陶芸 32) 教野メール hiro@kyouno.com 当講座は レイカディア大学同窓会各支部 HP 担当者を対象に ホームページを作成してもらうため実施します 第 1 章 HP の予備知識 HP の素材 6 月 23 日 1ホームページ プロバイダー ブラウザ URL HTML 2メモ帳,WORDでのHTMLの作成と基本的なタグについて

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

第 5 部コンピューターの仕組み 3. 文字の表示 る 実際に HTML を使って簡単なウェブページを作成してみよう メモ帳を起動する スタート /[ すべてのプログラム ]/[ アクセサリ ] の中にあ メモ帳に以下の 5 行を書いてみよう 必ず半角文字 ( 半角英数 ) を使う 例 1: 文字を

第 5 部コンピューターの仕組み 3. 文字の表示 る 実際に HTML を使って簡単なウェブページを作成してみよう メモ帳を起動する スタート /[ すべてのプログラム ]/[ アクセサリ ] の中にあ メモ帳に以下の 5 行を書いてみよう 必ず半角文字 ( 半角英数 ) を使う 例 1: 文字を 1. ウェブの仕組み 第 21 章ウェブページの作成 1 ウェブの仕組み HTML この章では 簡単なウェブページを作成することを通して ウェブの仕組み そしてインターネットの原理を体験的に理解する WWW として私達が閲 覧しているたくさんの ページは 自分でも比較 的簡単に作ることができ る 一つのウェブページ は一つのテキストファイル 1 である したがって メモ 帳があればウェブページを書くことができる

More information

■新聞記事

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

More information

54 5 PHP Web hellow.php 1:<?php 2: echo "Hellow, PHP!Y=n"; 3:?> echo PHP C 2: printf("hellow, PHP!Y=n"); PHP (php) $ php hellow.php Hellow, PHP! 5.1.2

54 5 PHP Web hellow.php 1:<?php 2: echo Hellow, PHP!Y=n; 3:?> echo PHP C 2: printf(hellow, PHP!Y=n); PHP (php) $ php hellow.php Hellow, PHP! 5.1.2 53 5 PHP Web Web 1 Web OS (Web) HTML Web Web Web 5.1 PHP Web PHP ( ) 5.1.1 hellow.php ( ) Hellow, PHP! PHP hellow.php PHP HTML PHP 54 5 PHP Web hellow.php 1:

More information

1

1 0 1 2 OK NG 3 ID 4 CMS 5 CMS 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 [PDF 7KB] [ ] 22 23 (HP ( pt) ) () ( 24 25 ( ) 26 27 28 29 #() URL # # 30 [PDF 7KB] [ ] 31 32 33 34 35 HTML HTML 36 37 38 39 40

More information

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文 ホームページ作成 1. HTML 言語によるホームページ作 成 2. ホームページ作成ソフト IBM : ホー ムページビルダー Microsoft FrontPage 1 ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

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

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

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

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

スライド 1

スライド 1 第 8 講観光情報論 2009 年 6 月 16 日 Style Sheet (CSS) 宮国薫子 1 CSS とは (Cascading Style Sheets) 本来 ホームページにデザインを加える機能のすべて 教科書で言う スタイルシート とは CSS のことを指す CSS を使うと Page 106 にあるようにホームページの体裁が変わる 2 まず Region_page.h tml を開く

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

★結果★ 藤沢市長杯 掲示用ヒート表

★結果★ 藤沢市長杯 掲示用ヒート表 AA 35 Round 1 8 4 Round 2 28 16 SEMI FINAL H1 H5 H1 H1 Red 12802015 1 Red 12802109 1 1-1 Red 12802015 2 1-1 Red 12702346 White 12800232 2 White 12702406 3 3-1 White 12702346 1 3-1 White 12802109 Yellow

More information

untitled

untitled 2007 IT G Google Map API WEB2.0 2007 8 23 GoogleMapAPI GoogleMapAPI Google Web URL XHTML JavaScript GoogleMAP LHACA FFFTP TeraPad Haruhiro Unno Japan Electronics College 1 GoogleMapAPI Web Google GMail

More information

石井.PDF

石井.PDF 1 2 5 11 15 20 2 copyright copyright 17 18 3 18 19 2 10 4 5 50 50 WIPO 17 15 6 1995 CD PC PP 7 CD 59 CD CD 8 9 10 11 12 20 13 14 WWWWorld Wide Web 15 WWW Netscape Navigator Internet Explorer Web 16 17

More information

スライド 1

スライド 1 基礎情報処理 I(A) 第 12-14 回 : ウェブページ作成 2017-06-27,07-04,11 酒井由紀子慶應義塾大学文学部 授業の準備 酒井の授業ページ から以下を DL-> 保存 本日の投影資料 2017Info-1214_web.pdf 日吉キャンパスマップ hiyoshi_campus.jpg 以下は必要に応じてクリックして表示する ウェブサンプル1() web_sample1.jpg

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

Web インターネット技術特論 A:HTML と Web ページ公開山口実靖 現在の情報処理技術で最も重要な技術は Webに関する技術 ( かもしれない ). 講義概要 インターネット技術特論 A-1 成績評価方

Web インターネット技術特論 A:HTML と Web ページ公開山口実靖   現在の情報処理技術で最も重要な技術は Webに関する技術 ( かもしれない ). 講義概要 インターネット技術特論 A-1 成績評価方 インターネット技術特論 A: と ページ公開山口実靖 http://www.ns.kogakuin.ac.jp/~ct13140/inet/ 現在の情報処理技術で最も重要な技術は に関する技術 ( かもしれない ). 講義概要 インターネット技術特論 A-1 成績評価方法及び水準 インターネット技術特論 A-2 インターネットの 応用技術 について学習する. インターネットのネットワーク技術 (TCP,

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

P TCP IP ISDN ISDN TA DSU DSU

P TCP IP ISDN ISDN TA DSU DSU P TCP IP ISDN ISDN TA DSU DSU P ADSL ISDN ADSL IC3 FOM ADSL ADSL Web Web P CATV LAN PHS LAN P IP Web ALT P Web Web Web P Web Web Web Web Web Web WWW WWW Web Web P WWW Web WWW WWW WWW Web Internet Explorer

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

オリエンテーション

オリエンテーション 課題 14 ホームページを作る ( 基礎 ) 1. WWW の仕組みと HTML ファイル (1) WWW( World Wide Web) の仕組みと基礎用語通常 Web ページを閲覧する際には,Web ブラウザと呼ばれるアプリケーションを使用し, 閲覧したい HTML 1 ファイルの送信を, そのファイルを持つ Web サーバ (WWW サーバ ) に依頼する ( 図 11) 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

<h1> 悠々シニアライフ </h1> <h2> 悠々シニアライフのページへようこそ!</h2> 趣味の写真や旅行記などを楽しみながらホームページにまとめています どうぞご覧ください ホームページ作成初心者ですが <br> よろしくお願いします <br> 拙い文章ですが <br> その点もよろしくお

<h1> 悠々シニアライフ </h1> <h2> 悠々シニアライフのページへようこそ!</h2> 趣味の写真や旅行記などを楽しみながらホームページにまとめています どうぞご覧ください ホームページ作成初心者ですが <br> よろしくお願いします <br> 拙い文章ですが <br> その点もよろしくお HTML/CSS 入門テキスト 作成 : 武本健一改定 :05.11.13 1 HTML の基本 (1) 基本タグ renshu1.html 悠々シニアライフのトップページ 悠々シニアライフ (2) 見出し renshu2.html 悠々シニアライフのトップページ 悠々シニアライフ 悠々シニアライフのページへようこそ!

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション -1- -2- HTML HTML HTML 10 10 1 100 1 200 -3- Web Web -4-1. CGI URL 2. 3. OK 4. -5- ------------------------------------------------------------- - 1. 2. 3. 4. 5. -------------------------------------------------------------

More information

ほんぶん-第14章.indd

ほんぶん-第14章.indd - - - http://j.people.com.cn/ ///.html - http://www.sasac.gov.cn/n /n /n / index.html .... ...................................................................... -,,,,.. ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

More information

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

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

More information

自分のページをブラウザで開く ホームページアドレスは下記のような URL になっています ***** の部分はお客様ごとに異なり ご契約完了後にお届けするメールに記載されています ログイン方法 フッター部分にあるフォームに ID とパスワー

自分のページをブラウザで開く ホームページアドレスは下記のような URL になっています  ***** の部分はお客様ごとに異なり ご契約完了後にお届けするメールに記載されています ログイン方法 フッター部分にあるフォームに ID とパスワー いちまいホームページ 編集操作マニュアル 目次 操作方法基本編 自分のページをブラウザで開くログイン方法編集画面の開き方文章を入力する画像を挿入する文字スタイル ( 太字 斜体 ) を変更する文字配置 ( 左揃え 中央揃え 右揃え ) を変更するリンクを作成する画像横への文字回り込み (LeftBox,RightBox) を使用する 操作方法応用編 文字サイズを変更する文字色を変更する Google

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

1 2 ( 3 ( asakawa 1 Netscape Communicator 4.7 2 Composer ( 3 index.html 2 /14

1 2 ( 3 ( asakawa 1 Netscape Communicator 4.7 2 Composer ( 3 index.html 2 /14 1 /14 1 2 ( 3 ( asakawa 1 Netscape Communicator 4.7 2 Composer ( 3 index.html 2 /14 1 Composer ( 2 3 1 2 ( 3 ( 4 OK 3 /14 4 /14 5 /14 1 ( 2 ( 3 ( 4 OK 5 OK 6 /14 1 2 ( 3 wood3.gif ( 4 OK 1 2 Composer 2

More information

ORCA (Online Research Control system Architecture)

ORCA (Online Research Control system Architecture) ORCA (Online Research Control system Architecture) ORCA Editor Ver.1.2 1 9 10 ORCA EDITOR 10 10 10 Java 10 11 ORCA Editor Setup 11 ORCA Editor 12 15 15 ORCA EDITOR 16 16 16 16 17 17 ORCA EDITOR 18 ORCA

More information

1

1 ...1...37 1 HTML4.01 Transitional Frameset DOCTYPE 5.1.a 2 Windows Shift_JIS Linux Unix EUC jp meta 5.1.a 3 5.1.a JIS cm cc kg alt 4 5.4.a 5.4.a 5 alt alt alt alt alt alt="" alt 6 5.4.b 5.4.b 7 8 5.3.a

More information

( )

( ) 2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5

More information

目次 はじめに... 1 CSS?... 3 CSS の例... 4 CSS の基本の形... 5 HTML で CSS を読み込む... 7 <link> タグを置く ( ファイルを読み込む )... 9 <style> タグを置く ( スタイルを直接埋め込む ) セレクタ... 11

目次 はじめに... 1 CSS?... 3 CSS の例... 4 CSS の基本の形... 5 HTML で CSS を読み込む... 7 <link> タグを置く ( ファイルを読み込む )... 9 <style> タグを置く ( スタイルを直接埋め込む ) セレクタ... 11 CSS について ( 概要 ) 作成日 : 2016/01/21 作成者 : 西村 はじめに この資料は HTML がある程度 ( 少しでも ) わかる人に CSS の仕組みを少しだけわかってもらえるように書いています この資料では 下記を説明します CSS とは何か CSS の基本の形 CSS の読み込み方 セレクタとは何か / 最低限覚えるとよいセレクタ プロパティと値 / 最低限覚えるとよいスタイル

More information

TEAM WEAR 1

TEAM WEAR 1 TEAM WEAR 1 2 TEAM WEAR BUSINESS WEAR 3 4 5 6 7 11 13 28 29 41 43 45 INDEX 3 4 5 6 z x c v b n 7 1 m 0, 2 3 4 5. z x c v b n m,. 0 1 2 3 4 5 8 z x c v b n m,. 9 1 0 2 3 4 5 z x c v b n m,. 0 1 2 3 4 5

More information

HTML入門

HTML入門 HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper

More information