list-style-image.box-sizing

Size: px
Start display at page:

Download "list-style-image.box-sizing"

Transcription

1

2 list-style-image.box-sizing

3 r Q *\vh.tsi k!.re. t

4 J2r+, Afrt#Ft lportfolio/o1 html] EETO <sectaon> <h2 class= <ul> <1i>< r < I i->': e <Ii>.: r <ri>. : </ul> <,/section>

5 ,horeoldrnj,,{r, I [i]l7 Lrut I cigcsrtt-a '!ry e.!!s 1ai!.

6

7

8 a:hover a:active a:visited a:focus nut>t a:focus { color:

9

10 <li> : -r <li>:t: <Ii>:,r </ui> </nav>

11

12 Cd tum WordPra$7Vi >2 -, a, t r,+f Ofrrfift lportfolio/o l.html]

13

14 <article class="articledetaii">

15 rndex ntrr

16 <nav class="iocalnavj-"> fu. fi+ l <ur> r E!'?

17

18

19 <div id="pagebodymain <hl class= " pagetitle " > btut;bljlrt-( < / h!> </div>

20

21

22 <ing src="images/1m jp9" alt="" $ridth="?20" height="390"> <link rel=

23 aboul

24 Icommon/css/style css] rdl #pagebodysub.newslist ui Ii time { font-r,reight: bold; display: block; /+ E-rVtc */ fpdgfbodysjd..ocrl\lv- u-t li { font-size:14px; Line-height:1.429; i /* t1>h-l6a*ffr */ #pagebodymain p { tffi...1

25 {-r1_ /* E_hvrc */ #pagebodysub.localnavi ui li { font-size:14px; Iine-height: 1.429; margin-bottom:12px; tr ri vlcrs!haa.r, E fd l

26 r, +t Afrtff; t [Portfolio/o t html] Icommon/css/style css] fdl /* E-hVtc */ #pagebodysub.localnavi ui li { font-size:14px; Iine-height: 1.429; margin-bottom:12px; list-sty]e-image: urf ( ".. / -maqes/ tco, arrow.png" ; tffi...1 lcommon/css/style cssl t...ffi] /* E-rV-t */ #pagebodysub.localnavi uf Ii { font-size: 14Pxi Iine-height:1.429; margin-bottom: 12Px; fdl Iist-styLe-type: none; background-lmage: ur1('.. /images,/icoarrow.png ;

27 Icommon/css/style.css] t...ts1 /* E-ht/rC */ #pagebodysub.localnavi ul Ii i font-size:14px; Iine-height:1.429; margin-bottom:12px; List-style-type3 nonei background-image: url( "..,/inages,/ico_ ^rr^u hh^" \. background-repeat ; no-repeat; tffi...1 2t V Afrfi#Et lportf olio/o 1.htmi] WordPress; Ico m mo n /c ss/ sty le. c ss] t...ffi1 /* E-hV+c */ #pagebodysub.iocatnavi ui Ii { font-size:14px; Iine-height:1.429; margin-bottom: 12px; list-style-type: nonei background-image: url( ".. /images/ico_ arrow.png" ; background-repeat : no-repeat i background-position: 0 Bpx;

28 2, V Afr/alffi* [portfolio/o 1.html] lcommon/css/style.cssl r... ffil /* tr-hv+c */ #pagebodysub.iocalnavi ul li { font-size:14pxi Iine-height:1.429; margin-bottom:12px; i fdl Iist-style-type! none; background-imager url( ".. /images/icoarrow. png" ; background-repeat: no-repeati background-position: 0 8Px; padding-1eft: 10px; Icom mo n /css/sty le.css] 1... ffil /* a-httc +/ #pagebodysub,localnavi u1 { margin: px; padding-left: 0; #pagebodysub.local.navi ul Ii { font-sizer l4pxi line-heights 1.429; margin-bottom: 12px; Iist-style-type : none; background-image: url ( ".. / inages / icoarrow.png" ; background-repeat: no-repeat; background-position: 0 8Px; padding-ieft:10px; tb6...l

29

30 body { background-inage: url ( ".. /inages/ b92.png" ; background-repeat : no-repeat i

31 body { background-image: url( ".. /inages/ bg2.png" ; background-repeat: no-repeati background-position: 1opx 2Opx;

32 body { background-funage: url( ".. / images/ b92.png" t background-repeat : repeat-xi background-position: bottomi bac kgro u nd-i mage bac kground -position

33

34

35 Icommon/css/style.r:ssJ t... ffil #pagetlead #catchcopy { font-size:1zpx; Iine-height: I.5; margin-top: ipx; /* E-llt'/C */ spagehead.qloba Navi { border: soli(l #CCCccC; border-w i dth I px 0; /* ^-yt- */ #pagefoot { tb6...1

36

37 Icommon/css/style.css] t... ffil /* t1-tvttc t / #pagehead.gl,>balnavi { border: siid #CCCCCC; border-wilth: lpx 0; #pagehead.glcbalnavi ul { margin: 0; padding:0; +pagellead.globafnavi ui:after { content: ' '; clear: b(,th; dlsplay: block; #pagehead.g.-obalnavi ui li { list-sty Le3 nonei width: 2 l5px; float: leet; fdl

38 I com mo n/cs s/sty le. css] t...ffi] /* t1-l\v+t */ #pagehead.globalnavi { border: solid #Cccccc; border-width: lpx 0; #pagebead.globalnavi ui { nargin:0; paddingr 0; #pagehead.globalnavi ul3after { content: ""; a]arp hn+h. display: block; #pagehead.globalnavi ui Ii { Iist-style: none; width:245px; float: Ieft; border-teft: solid lpx #CCCCCC; padding:0 1(px; tdl

39 Icommon/css/style css] t... Etl /* E-t\rt. */ #pagehead.globalnavi { border: solid #cccccc; border-width: 1px 0; #pagehead.globalnavi- ui { margin: 0; padding:0; #pagehead.globalnavi ul:after { content: ""; ^la^r. h^fh. display: block; #pagehead.globalnavi ui li { I i c+-c+r'l a. n^^a. width:245px; float: Ieft; border-ieft3 solid lpx #Cccccc; padding:0 1Opx; -:roz-bor-s i z j r. j: bo: cer-ooxi box-sizing : bordcr-box; tffi...l t... ffil /*,E-t\rtC */ #pagehead.globalnavi { border: solad #CCCCCC; border-vridth: lpx 0; #pagehead.globalnavi ul { margj-n: O; paddj-ng: 0 ; #pagehead.globalnavi ul:after { content: " "; ^l 6r-. h^+h. display: block; #pagehead.globalnavi ui Ii { Iist-style: none; width:245px; float: left; border-ieft: solid lpx #cccccc; padding:0 10px; -moz-box-sizing : border-box; box-sizing: border-box; L,Yt-:l inn. a,.ntar. font-srzc: 14px; Iine-height: 1.,:129;

40 Icommon/css/style css] t... ffil /*,E-t\vlc */ #pageaead.globalnavi { border: solid #CCCCCCt border-width: lpx 0; paddlng: l0px 0; #pagehead.globalnavi ul { margin:0; padding:0; tffi...1 Icommon/css/style css] " PoYclcou t... ffil #pagehead.globalnavi ul Ii { list-style: none; width:245px; ^a+. I af+. border-left: solid lpx #CCCCCC; padding:0 10px; -moz-box-sizing: border-boxi box-sizing: border-boxi text-align3 center; font-size:14pxi line-height:1.429;,^-^-tr-.i ^l ^Ha- rrr!.: rr'l I i.fircf _.hi ld l Tdl border-1eft: none.

41 Icommon/css/style css] t... ffil #pagehead.globalnavi ul Ii { Iist-styIe: none; width:245px; float: left; border-leftr solid lpx #cccccc; padding:0 10px; -moz-box-sizing: border-boxi box-sizing: border-box; text-align: centeri font-size: 14px; Iine-height:1.429; #pagettead.globalnavi ul li:first-child border-ieft3 none; #pagehead.globalnavi ul 1i color: inherir-; text-decoration: none; lcommon/css/style,cssl t... tstl #pagehead.globalllavi ui lirfirst-child { border-left: none; #pagehead.globalnavi aal ar. i nhari i. text-decoration! t'pageflead. globa I l'la\'1 background-coior: J tdl

42 2t V Ofrtffi* lportfotio/o 1.htmt] Icommon/css/style cssl t...gl #pagehead.globalnavi ul li:first-child { border-left: none. #pagehead.global.navi ui Ii a { color: inherit; text-decoration: nonel display: block; #pagehead,globalnavi ui Ii a:hover { background-color. #r'2f2e5 i tts...1 Icom mo n/css/style. css] r... ffil #pagehead.globalnavi ui li:first-child { border-ieft: nonei #pagehead. globalnavi color: inherit; text-decoration 3 display: block; padding: 5px 0; #pagehead.gl-obalnavi background-coior: tffi...1

43 .rvovlh#et,.".,.:''f.,:.1:,\1..,- Cafe Debut Icommon/css/style css] tdt #pagehead.globalnavi ui Ij. a { ^^1 ^r. i nhari +. text-decoration: display: block; padding: 5px 0; none; #pagehead.globalnavi ul Ii a:hover, lpagehead.gfobalnavi 0l li.current a { background-color. #F2F2E5 i fdt

44 komorikomasha

45 box-sizing: border-box;

46 Google Chrome. Safari. (Opera I section { -moz-box-sizing: border-box; box-sizing: section { -webkit-box-sizing: border-box; -moz-box-sizing: border-boxi -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; I*il

47

48 underline overline line-through

49 T rrv Ofrtf;Et [portfolio/0 1 html] Iportfolio/01 html] t... Etl 1/nav> </header> <p class= topicpath'>i,1. &9t; < i:+'j &qti Cafe DLrbut</p> <div id="pagebody',> <div id="pagebodymain"> tffi...1

50

51 tit: >?<?/i$0 a(, -tract <p class=" topicpath "><a href =".. /index. html "> X-1^</ a> agt 1 z(chba < / p>

52 t, V Afr/ ifl"t lportf olio/o 1.html] lvah kitchen nest I ltt.efl,tit +*gt3*6a re ^*ct2e I. 1ll,,,r.r..vjl.'. -.. fra:or,ar-,,, / ute Dea^- - a oi I - jrnzli Jb, i\t ti - * L t!, t r< *tta6te?t,. ^r-yoftf^86 6ryr9htc All Rights Reservod

53

54 r, V Afr/,f'+ [portf olio/o 1.html]

55 r, V OfrtfEF [portfolio/o 1.html] ur11"../images/ico no-repeat;

56 2, V Afr/al#,R [Portfolio/O1.html]

57

58 ;tfiete :l /v" I > t I >}*O tt v - y > lt E; trltrlrsd*'-tu. P{ background-color: #FFFF99 i border: solid; paddj-ng:1opx; nargin:20px; width:40opxi height:150px; background-color: #FFCCcc; h^rdar. c^l i i. padding:2opx; mrrain. "An-. width:400px; hai 1 <nhv. ^h+.

59 pagetop { text-alignj right; l

60

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

インターネットマガジン2004年3月号―INTERNET magazine No.110

インターネットマガジン2004年3月号―INTERNET magazine No.110 C S S text & photo: Kaminogoya 2xUP http://2xup.boo.jp/ 1 2 3 106 +++ internet magazine 2004.03 +++ c s s CSS Technique 01.blogbody blockquote{ background-color: #CCCCCC; /* */ border-left: solid 5px #FF3300;

More information

HTML5&CSS3 レッスンブック

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

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

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

CSS3

CSS3 オレたちAndroid CSS @media only screen and (max-device-width: 480px) {! div#wrapper {!! width: 400px;! }! div#header {!! background-image: url(media-queries-phone.jpg);!! height: 93px;!! position: relative;!

More information

Cascade Style Sheet

Cascade Style Sheet SmartDoc Cascade Style Sheet http://k-sek01.t-komazawa.ac.jp/ (CSS) CSS HTML 1. HTML HTML HTML 2. HTML 3. HTML CSS. class :link :visited :visited :hover :active 1. { : ; } 2. ":" 3. h1 { font-size: 24pt;

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

目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2

目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2 株 式 会 社 アイ オー データ 機 器 CSS 解 説 書 目 次 1.CSSとは? 予 備 知 識 2.common.css 3.calendar.css 4.archive_layout.css 5.left_layout.css 6.right_layout.css 7.three_layout.css 3 6 7 27 31 33 36 39 2 1.CSSとは? 3 1.CSSとは?

More information

t1b(>9-i.vl. (http://www sakura.ne jpl) /isw'*

t1b(>9-i.vl. (http://www sakura.ne jpl) /isw'* t1b(>9-i.vl. (http://www sakura.ne jpl) /isw'* @ mail@example.com t15129-t'yj. (http://www.sakura.ne.jpldomain/) tt;*^* /l-/r-j::t1> (http://muumuu-domain.com/) Ovailld 9Qkr dddd ll.b 0 rort{{r -.rdbck!

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

文 書 構 造 とスタイル

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

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

Web10.pptx

Web10.pptx 情 報 処 理 技 法 (マルチメディア)I 1 第 10 回 CSS 基 礎 (2) 2 HTML5 コンテンツモデル 3 コンテンツモデル HTML5 のタグは 7つのカテゴリに 分 けられるコン テンツモデルを 採 用 している コンテンツモデルから 要 素 の 中 に 何 を 含 んでよい かが 決 定 される 参 考 W3C: HTML5 content models http://www.w3.org/tr/2011/wd-html5-20110525/content-models.html

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード]

Microsoft PowerPoint - CSSガイドライン_201305.ppt [互換モード] COPYRIGHT 2013 CYBRiDGE CORPORATION COPYRIGHT 2013 CYBRiDGE CORPORATION 2 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3 CSS CSS2.1 CSS3 CSS CSS3IEhtc js CSS ファイル 名 内 容 格 納 フォルダ common.css style.css xxx.css

More information

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

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

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

2,700,000 26,800,000 5 - - jquery Mobile - - - - jquery Mobile - - Objective-C / 30% Android - - jquery Mobile - - - - jquery Mobile - - iphone ipod UI jquery Mobile Gallery http://www.jqmgallery.com/

More information

PowerPoint プレゼンテーション

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

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な

本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 な アメブロ ~ヘッダー 画 像 メニューバーの 設 定 方 法 ~ 本 資 料 では アメブロのヘッダー 画 像 とメニューバーの 設 定 をご 自 身 で 行 っていただくた めのものです < 目 次 > 1. ヘッダー 画 像 の 設 定 方 法 1-1: 自 分 の 指 定 した 画 像 をヘッダー 画 像 に 設 定 方 法 1-2: 自 分 で 簡 単 なヘッダー 画 像 を 作 成 する

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

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に

[color]- 色 の 設 定 color: 値 ; スタイルシートでは 文 字 の 色 を 変 えたり 背 景 に 色 を 付 けたりすることができます こ のとき 色 の 指 定 が 必 要 になりますが CSS では 大 きく 分 けて カラー 名 による 指 定 と 数 値 (RGB) に CSS の 主 なプロパティ プロパティ 説 明 color 色 の 設 定 font フォントの 一 括 設 定 font-size フォントサイズの 設 定 font-family フォントの 種 類 の 設 定 font-style 文 字 を 斜 体 にする text-align 位 置 の 設 定 text-decoration 文 字 装 飾 の 設 定 vertical-align 文

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

More information

HTML5Lv1_ key

HTML5Lv1_ key HTML5 1 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

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

(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc)

(Microsoft Word - \203u\203\215\203O\215\354\220\254.doc) ブログをカスタマイズ! ~HTML HTML CSS を 使 ってブログを 自 分 の 好 みにしちゃおう ~ ブログを 登 録 しよう! ブログってなんだろう? ブログとはインターネット 上 で 管 理 者 が 記 事 を 投 稿 する 私 的 ニュースサイト あるいは 日 記 的 なもののこと 個 人 のホームページを 持 たなくても 簡 単 に 自 分 が 書 きたいことを 作 って 載 せることができる

More information

Microsoft Word - メディア技術基礎.docx

Microsoft Word - メディア技術基礎.docx メディア 技 術 基 礎 (Web) 脇 田 玲 先 生 (2010) 田 中 浩 也 (2011) HTML の 基 本 的 な 書 き 方 テキストエディタで index.html を 作 成 して 以 下 のサンプルを 入 力 してみましょう 始 めの 2 行 は HTML を 書 く 前 のおまじないの 様 なものです ここで 登 場 する HTML タグについての 説 明 は 以 下 の

More information

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

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

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章) 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

Adobe® Corporate Template 2005

Adobe®  Corporate Template 2005 Dreamweaver CS3 による CSS デザイン 入 門 小 松 学 史 アドビ 認 定 インストラクター(ACI) 1 Who is this guy? 小 松 学 史 アクティブファクター Dreamweaverおよび Flash アドビ 認 定 インストラク ター(ACI) 2000 年 よりフリーランスとして マルチメディアコン テンツ Web サイト 制 作 に 携 わる 現 在

More information

HTML CSS CSS CSS A LIST APART Fluid Grid Fluid Image Media Queries Fluid Grid Grid Design Fluid Grid 60px 20px 620px 300px 960px 620 960 100 300 960 100 =64.58333% =31.25% 960px 60px 20px 960px 1 =60px

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

初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression Web 4 の 設 定 について... 4 作 成 ページ 例 につ

初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression Web 4 の 設 定 について... 4 作 成 ページ 例 につ 日 本 情 報 処 理 検 定 協 会 主 催 1 級 編 (Expression Web 4 対 応 ) 2015 年 4 月 日 本 情 報 処 理 検 定 協 会 初 期 設 定... 2 拡 張 子 について... 2 Expression Web 4 の 導 入 について... 3 Expression Web 4 SP2 ( 無 料 版 )のダウンロード... 3 Expression

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information