はじめてのFlash

HTML/CSS ソフトウェアソフトウェア-Adobe ソフトウェア-Adobe-Flash 受講ノート受講ノート-Flash

本日の授業テーマ CSS基礎確認テスト Flashについて本日の学習内容～まとめと感想～ CSS基礎確認テスト基礎確認テストとして、以下の課題に取り組みました。[課題04] 素材： [HTML] <html lang="ja"> <head> <meta charset="utf-8"> <title>課題04 ナビボタン</title> <link rel="stylesheet" href="css/style4.css"> </head> <body> <div id="nav"> <ul> <li id="service"><a href="#">サ…</a></li></ul></div></body></html>

2014-02-20

2/20 ナビボタン(CSS Sprite用)

受講ノート

ナビゲーションボタンの作成(CSS Sprite用) [Illustrator] Illustratorでの作業【準備】環境設定 [Ctrl] + [K] [X]ポイントにスナップ [X]日本語オプション単位は全ピクセルで設定レイヤーごとにガイドすべてのブラックをリッチブラックとして表示その…

2014-02-19

2/19 復習　2カラムレイアウト(1) - レストランサイト

HTML/CSS 受講ノート

復習 2カラムレイアウト復習 2カラムレイアウトレストランサイト作成課題：以下のレストランサイトを2カラムで作成します。[見本] [ポイント] 写真挿入 pタグ内文頭に以下タグを使用して挿入 <img src=""> pタグの前方に置いた画像はfloatで回り込ませる headerの背景…

2014-02-17

2/17 [HTML] class と id

受講ノート HTML/CSS

class と id class と id 原理原則では、汎用性(class)と個別性(id) 現実的には必ずしもその通りではない横並びの時 divが必要縦並びの時 divが不要【演習】floatを使ったレイアウト問題：以下のように表示されるように記述しなさい各空き（白色部）は「…

2014-02-13

2/13　①[CSS] ナビゲーションブロック　/ ②[Photoshop] 色調補正

受講ノート受講ノート-Photoshop ソフトウェアソフトウェア-Adobe ソフトウェア-Adobe-Photoshop HTML/CSS 受講ノート-HTML/CSS

CSS（ナビゲーションブロック） Photoshop（色調補正） CSS（ナビゲーションブロック）縦並びボックス・横並びボックスの設定 li 文字だけテキストリンクとして扱う li a 文字の上に面を構成ボタンのように扱う li a link は文字の上だけ【縦並びメニュー…

2014-02-12

2/12　①CSS（CSSによるページ構築） / ②Photoshop(写真の補正)

受講ノート HTML/CSS

本日の授業テーマ CSSによるページ構築 Photoshop(写真の補正) 本日の学習内容～まとめと感想～ CSSによるページ構築文章構造によるグループ化 → DIV要素 - グループ化とは、div要素によるコンテンツのブロック化 - 見出しと本文のまとまりとを一緒に構造化…

2014-02-10

2/10　①[CSS] リセットCSS / ②[PS] 起動と各種設定・選択範囲

受講ノート HTML/CSS

CSS（リセットCSS） Photoshop（起動と各種設定・選択範囲）リセットCSS 全称セレクタ（ユニバーサルセレクタ）による手法：以下記入例のように、プロパティ直前に * (アスタリスク) を用いて記述する方法。HTMLの全要素に同じスタイルを適用することがで…

2014-02-05

2/5　[CSS] 記述と使い方 /　[Illustrator] 長方形・楕円を使ったロゴ

受講ノート HTML/CSS

CSS（記述と使い方） Illustrator（長方形を使ったロゴ・楕円を使ったロゴ） CSSとは CSS (Cascading Style Sheet) CSSの語源・意味 cascade 岩にぶつかって流れるような滝親（上位）を継承して機能便利なadd onツール HTML Validator Web Developer Style…