29日目プレゼンテーション｜１月末締めで仕上げるWEBサイトについて発表

授業

さくらば整骨院WEBサイト制作休み中に準備することトップページデザイン案3つ（ナビゲーション）キーワード再考

2012-12-27

28日目 | JavaScriptで画像置換

授業

JavaScriptで画像置換するナビゲーションを作る HTMLソース。javascriptで画像置換のスクリプトを書いています。 <html> <head> <meta charset="UTF-8"> <title>ナビゲーション | JavaScript画像置換</title> <link rel="stylesheet" href="css/style2.css" media="screen,print"> </head> <body> <nav> <ul> <li><a href="#"></a></li></ul></nav></body></html>

2012-12-26

職業能力基礎講習(2)ジョブカード作成自分の強みを発表

授業

ジョブカード作成まとめきれず、聴衆（採用担当者）に強く訴えかける事ができなかった。後日個人指導。現在のアルバイト体験を根拠にした論旨展開では説得力に欠けた。やはり前職での経験を元にすることにしよう。ケーキショップ続き帰宅して不具合の修…

2012-12-25

27日目グーグルドライブ・プレゼンテーションでサイト制作説明

授業

グーグルドライブ・プレゼンテーションこれから自分で作るサイトについてプレゼンテーションする。（12/27 12/28）条件： 1月までに制作完了する材料が準備できるページ数を欲張らないサイト制作の流れサイトの役割、サイトを作る目的、メインターゲッ…

2012-12-22

26日目 | 卒業生助言 | Flash条件分岐 | デザイン理論

授業

前期卒業生助言先生のブログを各ページEvernoteでとっておくと都度見られて、検索も簡単ですごく便利。ジョブカードをはじまって一ヶ月、二ヶ月の時点で作っておいた方がいい。後半はさらに時間がなくなるポートフォリオに作品をできるだけ多くためること…

2012-12-21

12/25テスト予習

定例テスト

12/25(火）テスト予習【12月25日月例テスト２回目】（1）IPアドレスやドメイン名などの管理を行っている団体として正しいものを選びなさい。（a）ICANN （b）IETF （c）W3C （d）CERN 回答：（a) ICANN (The Internet Corporation for Assigned Names and…

2012-12-20

Eclipse環境設定 | 無料ツールEclipseをWEB制作ツールとして設定する

授業

＜講師記録2013.1.16＞目的：Dreamweaver＋テストサーバー＋PHP環境構築と同じことを無料のツールで実現すること＜手順1＞検索結果からEcripse4.2JunoPHP32bitフルをダウンロード zipファイルを解凍、exeファイルを実行して展開するのに約35分ワークスペ…

2012-12-20

25日目 | Flashさざなみ効果（ガチョーン）

授業

文字をガチョーンするFlash 新規、ウインドウサイズ800×400 文字入力がんばれ！日本小塚ゴシック H 修正-分解-修正-タイムライン-レイヤーに配分で自動的に文字が別レイヤーに分かれる 1フレーム目、10フレーム目、17フレーム目に仕掛けを作る 1フレームに…

2012-12-20

24日目 Flashでアニメーションを動かす

授業

Flashボタンにアクションを書くレイヤーを3層構造にする。車 (1)車は1フレームがスタートなので、ステージ上の位置を右側のステージからはみ出した位置に置く（外から入ってきた感じを出すため） (2)終了フレーム（終了したい時間、まあ少なくとも15フレー…

2012-12-19

23日目 | Googleドライブ | Xamppテストサーバー構築 | PhotoshopレイヤーからのFlash

授業

Googleドライブを実際に使ってみる。 Microsoft Office相当の各種アプリケーションがある。文書（Word的な）プレゼンテーション（PowerPoint的な）スプレッドシート（Excel的な）フォーム図形描画フォルダ特にフォームがすばらしい。操作手順に従っ…

2012-12-18

ケーキショップ続き

CSS

発見ナビゲーションがちゃんと表示されない理由がわかった！｝がひとつ多かった。 Dreamweaverで見るとよくわかる。文法ミス・・・。こんな単純な理由でもドツボにハマった夜は自力では発見できない・・日を改めて、河岸を変えて見ると自力で発見できる…

2012-12-17

22日目 | Flash2日目

授業

ActionScriptの練習としてFlashは重要 Flashというツールが廃れても動くものが訴えかける力は不滅 Flashにてフリーハンドで魚を描く鉛筆ツールで描くスムーズオプション F6でキーフレームの挿入 enter=再生シンボルに変換追加したキーフレームにコピペ …

2012-12-16

ケーキショップサイト構築つづき

CSS

floatレイアウトの基本からやりおしたらうまくいきはじめた横並びにするボックスの両方にleftかrightのどちらかを指定しなければいけないのだ。そしてfloat指定するならwidthも絶対一緒に指定しなければいけないのだ。外側の囲みのwrapperにもwidthは絶対…

2012-12-14

21日目 | ケーキショップサイト制作、フォーム、Flash

授業

ケーキショップサイト制作トップページの進捗状況 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="css/style.css" media="print,screen"> </head> <body> <div id="shell"> <div id="container"> <div id="header"> <h1></h1></div></div></div></body></html>

2012-12-13

21日目 | 企業系サイト続き、ケーキショップサイト作成

授業

企業系サイト2日目企業系サイトがうまくいかなかった原因ナビゲーション CSS Sprite、a:hover指定書き方のミス ×（間違い） #navi li #navi02 a:hover{ } ○（正解） #navi02 a:hover{ } navi li{ にfloat:left; を指定していない #navi li a{ にheight:33p…

2012-12-12

20日目 | CSS復習企業系サイトレイアウト練習

授業

今まで学習した事を応用して企業形サイトのレイアウトを作る「スタイルシート上級レイアウト」のサンプルを元に作成。 CSS spriteを使ったナビが上手く行かない作成途中のhtml、CSS <html lang="ja"> <head> <meta charset="UTF-8"> <title>企業サイトサンプル</title> <link rel="stylesheet" href="css/style3.css" media="print,screen"> </head> <body> <div id="container"> </div></body></html>

2012-12-11

19日目 | css position | css float | 無料サーバー契約

授業

positionレイアウトの練習 position:absolute;は1ページに１つ使う（使用例）ページ右上の「サイトマップ‐お問い合わせ」などのテキストリンクに使う（使用例）左寄せナビゲーションに1つだけ右寄せの項目を使いたい時 position練習両側をまたぐフッター…

2012-12-10

18日目 | CSSの練習　背景画像のrepeat

授業

石垣島観光ガイド <html lang="ja"> <head> <meta charset="UTF-8"> <title>石垣島観光ガイド</title> <link rel="stylesheet" href="css/style.css" media="print, screen"> </head> <body> <div id="container"> <h1>石垣島観光ガイド</h1> <p class="lead">石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気…</p></div></body></html>

2012-12-08

17日目コミュニケーションのトレーニング

職業能力基礎講習

職業能力基礎講習全5回中の1回目。コミュニケーションとは伝えたい内容を伝えたい相手に伝達し、相手が理解、受容して反応を受け取ることアサーショントレーニングアグレッシブ自己中心的な考え方、自分肯定、他者否定、攻撃的アサーティブ相互理解、…

2012-12-07

16日目 | CSS 横並びリンクメニューの復習

授業

1種類のhtmlで、4種類の横並びメニューを4種類のCSSで実現作成のポイント：横並びリンクメニューを作るときはdisplay:inline;が鉄則 ●課題1 完成形 html <html lang="ja"> <head> <meta charset="UTF-8"> <title>style4</title> <link rel="stylesheet" href="css/style4.css" media="screen, print"> </head> <body> <div id="nav"> <ul> <li class="first"></li></ul></div></body></html>

2012-12-06

15日目 | CSS Sprite | CSSと背景画像で作る横ナビメニュー

授業

背景画像を使ったナビゲーションメニュー CSS Spriteに入る前に、まずは別画像を使わず、CSSのみで作るナビメニューの復習をします。完成したナビ <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦横ナビメニュー</title> <link rel="stylesheet" href="css/style2.css" media="print,screen"> </head> <body> <div id="nav1"> <ul> <li><a href="#">…</a></li></ul></div></body></html>

2012-12-05

14日目 | Photoshop　はめ込み画像、細かい選択範囲、テキスト入力

授業

はめ込み画像を作る窓のある部屋の画像の窓に、他の画像（海の画像）をはめ込む部屋の画像の窓部分を選択範囲海の画像をCtrl+A(全選択）、Ctrl+C(コピー）部屋の画像の方をアクティブにしてメニューの編集-特殊ペースト-選択範囲内にペースト(Into Paste…

2012-12-04

CSS floatの参考書

CSS

実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~作者: 市瀬裕哉,福島英児,望月真琴出版社/メーカー: 技術評論社発売日: 2008/11/29メディア: 大型本購入: 18人クリック: 293回この商品を含むブログ (60件) を見る先日先生に紹介されたWEB …

2012-12-04

13日目 | CSS Spriteを使ったレイアウト

CSS

下記のような画像の一部をずらしながら背景として見せることで、ボタンのようなリンクを作ることが出来る。 <html> <head> <meta charset="UTF-8"> <title>縦メニュー：CSS Sprit</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="nav"> <ul> <li id="home"><a href="#"><em>ホーム</em></a></li> <li id="food"></li></ul></div></body></html>

2012-12-04

13日目 | Photoshop選択範囲、写真加工、写真補正、レイヤーマスク

授業

photoshopはまず起動時に肝がある左手をCtrl+Alt+Shiftの上にスタンバイした状態でPSアイコンをダブルクリックのクリック2回目の直後（同時よりやや後）にクリック。ダイアログで「〜〜削除しますか」出たら「はい」で起動。カラー設定（編集メニューのカ…

2012-12-03

図解表現の参考書

その他

手描きで考え、伝える図解表現使いこなしブック作者: 原田泰出版社/メーカー: 日本能率協会マネジメントセンター発売日: 2012/03/25メディア: 単行本クリック: 2回この商品を含むブログを見る先生に紹介されたこの本、図書館システムで検索したら蔵書があ…

2012-12-03

12日目 | CSS floatを使った段組レイアウト

授業

floatは情報優先度的に高いものを右側に置くことができるテクニック。（普通コンピュータの世界では重要なものは左になる） <html> <head> <meta charset="UTF-8"> <title>float練習</title> <link rel="stylesheet" href="style1b.css" media="screen,print"> </head> <body> <div id="container"> <div id="header">header<br></div> <div id="content">content</div></div></body></html>