JSの続きその3

授業内容

※ ID：個別 100点→レイアウトに絶対必要な要素 CLASS：共通 10点「ID」をつけすぎると、サイトにおいて「個別性」が強調されすぎてデータ量が増えてしまう「CLASS」を個別設定に使い、「ID」はJSにおいて主に使われてしまう ※ i++ i=i+1・語句 document.wr…

2013-07-30

イラストレーター

授業内容

・人は鼻の穴→鼻・目→手という順序で書いていく・サイトを貼り付けるときのアートボートのサイズは1600＊2000 ・ドキュメントのカラーモードにあるRGBに設定・snippingツールを使うと画面の切り取りが自由にできる・文字にかかわらないときはアンチエイリ…

2013-07-29

ＪＳの続きその２

授業内容

課題：Ffを使ってサイトのソースと原素を勉強＝試す、htmlを見ずに打つ練習、演習課題、jimdoのカスタマイズ本日の参考サイト一覧： CPU比較 http://www.intel.co.jp/content/www/jp/ja/processor-comparison/compare-intel-processors.html Daniel Nolan ht…

2013-07-28

実践演習課題その3

実践演習課題

[HTML]13 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Patisserie camellia</title> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="style.css" media="all"> </head> <body> <div id="container"> <div id="header"> <h1><span>Patisserie came…</span></h1></div></div></body></html>

2013-07-27

実践演習課題その2

実践演習課題

[HTML]H08/span> <html lang="ja"> <head> <meta charset="UTF-8"> <title>今月の本棚</title> <link rel="stylesheet"href="style.css" media="all"> </head> <body> <div id="container"> <div id="header"> <h1><span>今月の本棚</span><br>推理小説</h1> <ul> <li><a href="#">ホーム</a></li> <li><a href="#">バックナンバー<…</a></li></ul></div></div></body></html>

2013-07-26

ＪＳの続き

授業内容

スクリプトには３通りの進み方がある（実行する流れ）順次分岐反復「=」と「==」は別の役割 if( x == 10 ) //変数x の中身と10を「比較」 if( x = 10 ) //10を変数x に「代入」関数の定義は記述順序に関係なく優先的に行われるので、関数の呼び出しが先…

2013-07-25

上位表示

授業内容

・上位表示のときに検索画面に広告が貼られていると価値のある象徴・タイトルだけではなく、キーワードが大事JS ・「＝」はＪＳにおいて右の値を左のほうに入れるという意味であり、イコールではない本日の参考サイト一覧： Pleiades - Eclipse プラグイン…

2013-07-24

JS

授業内容

・「console」はユーザーがチェックするための設定・「alert」と「document.write」はウィンドに表示させるための設定PS ・図形のコピーは背景ではなくレイヤーにて行う・スタイルを使うと多様なグラデーションを設定できる・Shiftを押しながら方向キーを…

2013-07-23

補足と復習

授業内容

・ulのリセット設定の中で「list-style-type:none（黒丸が消える）」より「list-style:none」のほうが幅広いリセットができる本日の参考サイト一覧：ＳＥＯ関係 http://tool.ferret-plus.com/seotool http://tool.ferret-plus.com/ http://dipper.septeni.c…

2013-07-22

「Webサイト鑑賞ポートフォリオ」にて素敵なサイトを紹介しております。

課題

以下のリンクよりどうぞ！ "http://daisosha2030.jimdo.com/"本日の参考サイト一覧：地味だけど割と便利なWordPressカスタマイズTips集 http://kachibito.net/wordpress/unpretentious-customize-tips.html#.T5oWCMmM5xQ.twitter A Large Collection of Use…

2013-07-21

実践演習課題

[HTML]H01・C01 <html lang="ja"> <head> <meta charset="UTF-8"> <title>見出しと段落をマークアップする</title> <style> body { font-size: 14px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #333333; background-color: #FFFFFF; line-height: 1.5; margin: 10px; padding: 0; } h1 { colo…</meta></head></html>

2013-07-20

課題Q27

課題

<html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post" name="form1"> <h2>聞きたいことあればどうぞ！！！</h2> <p>それは何だろう？？？</p> <p>名前:</p></form></body></html>

2013-07-19

PS01

課題

PS02 PS03 PS04

2013-07-18

フォーム

授業内容

・sizeは半角計算、maxlength全角計算・maxlengthはsizeの範囲内だったら数値設定自由・rowsはライン数（行数）、colsは文字幅PHについて・ctrl+0は全画面表示・ウィンドメニューのナビを出すと初心者に優しい・「マスク」ＡＬＴ＋クリックコミックエッ…

2013-07-17

ポジション

授業内容

・「text-align:center」はＩＥ６の対策・wrapperは高さをつけない Psについて・Psは毎回起動時にダブルクリックした直後に「ctrl+shift+alt」を押しっぱなしして設定をリセットしてエラーを予防する・JPEGは保存するほど劣化し、3回が限界・自動補正は…

2013-07-16

リンクの移動

授業内容

・「media="all"」を入力すると、他のメディアへの適応だけではなく、そのままの画面のプリントアウトができる・「em」か「span」が文字を隠せるが、「span」の場合、ＣＳＳに「a span{visibility:hidden;}」と設定する・忘れやすいmarginとpaddingの設定…

2013-07-15

課題Q12-HTML

課題

<html lang="ja"> <head> <title>ボタン</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css" media="all"> </head> <body> <ul> <li><a href="#">a-link-skyblue</a></li> <li><a href="#">a-visited-turquoise</a></li> <li><a href="#">a-hover-coral</a></li> <li><a href="#">a…</a></li></ul></body></html>

2013-07-14

課題Q01〜Q07、Q11

課題

<html lang="ja"> <head> <title>池袋の猫カフェ CatCafe</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css" media="all"> </head> <body> <h1>CatCafeのにゃんこ紹介</h1> <br> <dl> <dt>●あたる（白キジトラ・オス）</dt> <img src="img/01.jpg" width="200" height="200" alt="あたる"> <dd>目と耳が大きくてすばらしくイ…</dd></dl></body></html>

2013-07-12

背景画像練習

授業内容

・（background-repeat:repeat）はブラザーに元々設定されているので、リピートは自動的に設定されている・（background-repeat:repeat-x）は横にリピートし、（background-repeat:repeat-y）は立てにリピートする・忘れやすい設定：ボタンとして反応させ…

2013-07-11

「石垣島観光ガイド」のサイト制作

授業内容

・「background-repeat: no-repeat」と設定すると画像が繰り返して表示しなくなる・「background-position: 0 -50px（任意数値）」と設定すると画像の位置が確定できる・「border-radius:10px（任意数値）」と設定すると画像に丸角をつけられる・「letter…

2013-07-10

リセットについて

授業内容

・ブラウザーに元々設定されている「空き」があるため、それをリセットして思う通りの設定を行えるようになる・styleの中に「*」または「body,h1,p,ul,li」を先頭に入れて、margin: 0とpadding: 0を設定すると空きがなくなる・全体を包む役割が「container…

2013-07-09

Font-familyについて

授業内容

・font-familyはHiragino Kaku Gothic ProNとMeiryoとsans-serifを指定するだけで文字表示が綺麗に見える。定番となる設定・英数字にこだわる場合、Windowsは「Verdana」を、Macは「Lucida Grande」を設定する・フォント指定の入力は日本語表示でも英語表…