授業 / Web

Flashで「.flv」を作成

You Tube アップ よこはま動物園ズーラシアのホッキョクグマ携帯電話で撮影した事もあり 元々の画像は小さく 更に、 縦横の向きを変えたはずなのに。。。 やっぱり観にくい動画になってしまった(涙)。。。 先生のブログよりhttp://d.hatena.ne.jp/i…

HTML・CSSコーディングの練習

ZOROIN(ゼロイン) ZOROIN(ゼロイン) ここまでレイアウトしました。残りは宿題!! リンクの付いてない画像はどうすのか? リストマーカー「」は背景で指定 「font‐size」は「body」で指定して後は「%」で微調整

Webデザイナー応用制作

フォントサイズ・スイッチャー 文字サイズだけを変える 授業中に作成した「フォントサイズ・スイチャー」です。■参照サイト 名古屋市公式ウェブサイト:http://www.city.nagoya.jp/ キューピー:http://www.kewpie.co.jp/

Webデザイナー応用制作

Ajax Lightbox2で写真のギャラリーを制作写真を用意したらPhotshopでサムネールの作成をする(ここがポイント!)[自動処理]−[Webフォトギャラリー]でオプション:サムネールを選択して作成

Webデザイナー応用制作

「table」レイアウト まだまだ必要とされている「teble」レイアウト確かに、求人情報をみてると Photoshop Illusutrator Dreamweaver Flash が使用できる方の中に。。。。 「table」制作できる方。 っ…

Webデザイナー応用制作

減速スライド(Flash) 4枚の写真で。。「ムービープレビューをすると、サムネールが押されると、メイン写真が「1/3」移動し残りの「1/3」また移動することを繰り返し、減速しながら基準の位置まで移動する。」減速スライドを作りました。 先生のブロ…

Webデザイナー応用制作ユニット

Flash 3ヶ月ぶりのFlash...。すっかり忘れてます。すみませんm( _ _ )mなんとか先生に助けてもらいながら文字がボタンになって 動きをつけて。。。外側から内側に文字が集まって来ました! 写真も入れて。。。オニオン?!タマネギ??面白い名前…

応用制作 7日目

ボタンの複製 ボタンをダウンロードしてPhotoshopで開く [イメージ]−[モード]−「RGB」に変更 選択範囲で指定をして「Alt」+「Shift」で複製 色相彩度で色の変更 世界中のボタンが自分のものになる瞬間です♪ ナビゲーションのボタン数 人間の記憶…

応用制作 4日目

「id=” ”」はどのタイミングで付けるの? 文書構造をするとき最初は「h1,h2,p,a,ul,li,address」等の要素しかない次に「hr」とか「id=” ”」を付ける 「body」に「id=” ”」を付けるのはダメ! ブラウザは「body」を…

応用製作 3日目

外部スタイルシートを読み込むための設定「charset」 html側の指定<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">css側の指定@charser "UTF-8"「html」と「CSS」で、charsetの指定内容(UTF−8)は…

Webデザイナー応用制作ユニット 初日

!DOCTYPE宣言 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/TDT/xhtml1-transitional.dtd"> 手打ちできるようになりましょう!ってことは毎日手打ちの練習をしないと!!パソコンがなくても出来る練習…

webスタンダート 15日目

Flash ボタンを使ったナビゲーション イラストをシンボルに変換 モーショントゥイーンで動かす 新規シンボルボタンを作成 新規レイヤーを作成してボタンを配置 タイムラインをボタンシンボル う〜ん。。。Flasf ・・・ 楽しいけど。。難しい。。。シ…

Webスタンダード 13日目

本日の授業内容 Lesson13 Dreamwever(2) JavaScriptロールオーバー サイト定義 既存のフォルダをサイトとして定義する JavaScriptロールオーバーの動作確認 ◎ ロールオーバー 特定の場所にマウスを合わせてボタン…

Webスタンダード 12日目

本日の授業内容 Lesson8 − テーブルレイアウト − 画像の切り出し Photoshopからの切り出し カンプデザインファイルを開く スライス スライスした画像に名前をつける ImageReadyからの切り出し スライス名の確認 演習:スライス(…

Webスタンダード 11日目

本日の授業内容 Lesson7 − カンプデザインの作成(Fireworks編) とカンプデザインの活用 − Fireworksの基本 Fireworksとは? Fireworksの主な機能 Fireworksnoバージョン Adobeアプリ群との比較 Fir…

Webスタンダードテクニックユニット 10日目

本日の授業内容 Lesson6 − カンプデザインの作成(Photshop編) − こんなにも、ついていけなかった授業は始めです。さすがに凹みますね。。。。未だに時間の使い方がヘタな私は予習どころか復習がオロソカに。。本気でデザイナーになりたいならコレく…

Webスタンダードテクニックユニット 9日目

本日の授業内容 Lesson11 −CSSレイアウト− 段組設定(フロート) float: left; float: right; display: block; 疑似クラス「a:link」「a:visited」「a:hover」「a:active」 …

Webスタンダードテクニックユニット 8日目

本日の授業内容 Lesson11 −CSSレイアウト− 先週の続きです。 3.CSSレイアウト HTML ファイルのクリーンアップ CSS ファイルのクリーンアップ 段組設定【float(フロート)】 全体の幅設定と背景画像 ヘッダー【position…

Webスタンダードテクニックユニット 7日目

本日の授業内容 Lesson11 −CSSレイアウト− XHTML XHTMLとは XHTMLの規則 DOCTYPE バリデーション CSSロールオーバー 文字のカラーが変わるロールオーバー ボタンのカラーが変わるロールオーバー 文字を非表示にして、画…

Webスタンダードテクニックユニット 6日目

本日の授業内容 Lesson12 Dreamweaverの基本 サイトの定義 HTMLマークアップ リンク アップロード

Webスタンダードテクニックユニット 5日目

本日の授業内容 CSSレイアウトの練習 Dremweaver 「float」プロパティを使ったレイアウト Dremweaverって凄〜い\(^o^)/ 手打ちミスを減らすためには欠かせないですね。 早く覚えて 目をつぶってでも出来るくらいになりた…

Webスタンダードテクニックユニット 4日目

本日の授業内容 CSS。。。Lesson9。。。 CSSとは「Cascading Style sheet」の略です。 CSSの基本 キャラセットを記述する セレクタを初期化する bodyの設定をする レイアウトのブロック要素の設定をする 各要素の設定を…

Webスタンダードテクニックユニット 3日目

本日の授業内容 コーディング・tableタグ (03-04) Webカラー(03-01) Web画像 (02-01) GIF画像の書き出し(03-02) 本日の授業も かけあしで進んで行ってしまった。。。 う〜ん。。困った。。 復習も。。。。 予習も。。。。 中途半端にしか出来…

Webスタンダードテクニックユニット 2日目

本日の授業内容 web画像 コーディング(2) FDPアップロード 本日の目標 基本構造を入力できる 画像の挿入ができる リンクの設定ができる サーバーにアップロードできる

Webスタンダードテクニックユニット

ブラウザとソースコード 本日の授業内容 ・ブラウザとソースコード ・ドメイン ・コーディング(1)