CSS

22回目授業内容 ケーキ屋さんのページ製作続き〜フォームの基本構造〜Flashの初期勉強〜脱線話

CSSシグネチャー <body=""> ページごとに個別性を振り分けていく フォームの基本構造 以前はPerlで動かしていたがサーバー負荷が大きいのでPHPでの処理が最近の傾向 form要素の構造 <form method="post" action="CGIのURI"> ..(入力コントロールや説明) </form> phpの知ることは「method」の「post」と「get」の使</body="">…

21回目授業内容 ケーキ屋さんのページを制作〜Cacooのアカウントを作る〜脱線話

ケーキ屋さんのページを制作 Cacooのアカウントを作る 脱線話 チラシは真ん中を大きくすることによりバランスが取れている とにかく追い込まれてますw。ガッツリやっても1ページしか出来なかった・・・がんばる! まだまだまだまだ憶えていなかったコード …

20回目授業内容 企業系サイトのDEMO制作〜脱線話

企業系サイトのDEMO制作 <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプルスタイルシートカンパニー</title> <link rel="stylesheet" href="css/style1.css" media="screen, print"> </head> <body> <div id="container"> <div id="header"> <h1 id="logo"></h1></div></div></body></html>

19回目授業内容 positionの使い方〜脱線話

Position BoxごとDreamWeaverで自由に動かせるが、IEでは表示出来ないため難しい命令文 重なるのは出来れば1ページに1個 複雑になるとDreamweaverでもほとんど触ることが難しくなる position relative をかけた時点でそのbodyの左上が起点になる IEでは基本…

18回目授業内容 HTML・CSSの練習〜脱線話

実際に課題を元に打ってみよう 練習1 <html lang="ja"> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="css/style1.css" media="screen, print"> </head> <body> <div id="container"> <h1>石垣島観光ガイド</h1> <p> 石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気…</p></div></body></html>

16回目授業内容 紙媒体でのデザイン〜PhotoShopで印刷用の切り抜き方+素材の作り方〜脱線話

紙媒体でのデザイン グレーガンマ値 紙:1.8 Web:2.2 ドットゲイン インクが紙に落ちにじむ部分を言う モアレ 点と点が重なりにじみ合う部分を言う 刷版(さっぱん)CMYK CMYK=プロセスカラー CMYKでの印刷をオフセット印刷 インクと紙の場所が離れているも…

15回目授業内容  floatの復習〜PhotoShopでボタンを作る〜Illustratorでボタンを作る〜画像横ボタンナビ〜脱線話

floatの復習(ボックス内にボックスがある場合のマージンの相殺) ボックス内のボックスがある場合も相殺されマージン値の大きいボックスのマージンが採用される。 横並びのボックス PhotoShopでボタンを作る レイヤーから新規グループ化すると後が楽になる …

13回目授業内容  PhotoShopの練習〜CSS Spriteで設定〜脱線話

授業 PhotoShopの練習 初期状態で立ち上げる動作 立ち上げるとき[Ctrl]+[Alt]+[Shift]を押すことで設定ファイルを初期化する 前回エラー等を起こした場合この初期化で再度エラーを回避することが出来る つぎに「編集メニュー」→「カラー設定」で「We…

12回目授業内容  IE対策〜floatの勉強〜脱線話

IE TesterでIEの動作チェック IE6は仕事量が倍になる SuperPreview Macの場合は「BrowserLab」を使う 現時点での仕事はXHTML1.0 では足りない プラスxml:lang="ja" lang="ja"> metaタグは「 /」で止めないと駄目 IE6には「display: inline;」を付け足すと崩…

10回目授業内容  CSS外部リンク〜イラストレーターの練習〜脱線話

CSS外部リンク HTML文法の検証 外部スタイルシートの入力① <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS外部リンク</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="shopping"> <h2>今日買った物</h2> <ul> <li>豚肉</li> <li>じゃがいも</li> <li>たまねぎ</li> <li>にんじん</li> </ul></div></body></html>

9回目授業内容  スタイルシート borderを理解する〜擬似クラスと背景画像〜脱線話

スタイルシート borderを理解する クラスセレクタ(p.border1) <html lang="ja"> <head> <meta charset="UTF-8"> <title>枠線の設定</title> <style> </meta></head></html>

8回目授業内容  テストの答え合わせ〜イラストレーターの練習〜Dreamweaverの練習〜教科書をパラ見〜脱線話

URLよりURIが今後の常識 URLはURIの機能の一部を具体的に仕様化したもの http://e-words.jp/w/URI.html テストの答え確認 日本人として恥ずかしい間違いをしていました・・・。 後日公開 イラストレーターの練習 角丸長方形ツールはクリックしたまま方向ボタ…

7回目授業内容 スタイルシートの構造〜DreamWeaverの立ち上げ方と環境設定〜イラストレーターの練習〜脱線話

スタイルシートの構造 margin・paddingが大事 marginは人と人の間 paddingは肌と服の間 boxの構成 CSSリセット <style> /* CSSreset */ * { margin: 0; padding: 0; } bodyにmarginは使わない方向 DreamWeaverの立ち上げ方 新規サイトの設定 環境設定 サイト管理の…

6回目授業内容 Webの基礎知識〜CSSの基本テンプレート〜作ってみたWebページ〜イラストレーター練習

Webの基礎知識(先週の復習) htmlテンプレート <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p>本文</p> <h2>見出し</h2> <p>本文</p> <h3>見出し</h3> <p>本文</p> </body> </html> Webコピーライターも誕生する 情報アーキテクチャー→建設する仕事 コメント(メモ): alt属性:目が見えない方のため、リンク切れ、キーワードは入れ…

5回目授業内容 Firefoxの設定〜スタイルシートの初歩

FireFoxの設定 Web Developer 1.1.9をインストール Html Validatorをインストール W3C Markup Validation Service Another HTML-lint 5 W3C CSS Validation Service スタイルシート スタイルシートを使う理由はやはりSEO対策 CSSのデザインの美 ZENGarden ht…

4回目授業内容 イラストレーターの基本操作〜HTMLの初歩的な操作〜Photoshopの初歩

イラストレーターの基本 今日はイラストレーターの基本操作から始まりました。 この時点で結構今まで使ったことが無い機能があり、やっぱり基本は大事だなと実感しました。さて、それでは習った機能をキャプチャー付きで、 回転 花びらの回転はaltキーを押し…

3回目授業内容 はてなダイアリーの設定と書き方 イラストレーターの基本

はてなダイアリーの設定 今日ははてなダイアリーの設定から始まりました。 すでに設定はしていたのですが、検索上位を狙う設定とかも教えてもらいました。 それはおいおい書いていくことにします。まずは箇条書きに 検索Botは記事タイトルを追ってくる blog…