授業

12月6日の学習 

3カラム可変幅レイアウト 【作成時注意】 container・・・width:100%、overflow:auto を設定。 wrapper・・・width:100%、float:left、margin-rihgt:-200px (sidebar2の設置場所確保) を設定。 content・・・width:100%、float:right、margin-left:-200px …

12月1日の学習

jQuery アコーディオンパネル ※http://docs.jquery.com/Downloading_jQuery のCurrent ReleaseからMinifiedをダウンロード。下記のindex.htmlと同フォルダに更に「js」フォルダを作成し保存。 (通常、jQueryの設定は外部のライブラリーやリンクを使って問題…

11月30日の学習

dt,dd 横並び dtに float:left; を設定。 ddは何も設定しなくていい。 ActionScript 日付取得(アナログ時計) 【フレームアクション】 this.onEnterFrame = function(){ var date_obj = new Date(); byo_mc._rotation = date_obj.getSeconds()/ 60 * 360; f…

11月29日の学習

「KENT-WEB」からASUKA BBSの掲示板用cgiとpostmailのcgiをダウンロードし、@pageにアップロード。パーミッションの設定。 返信用メールアドレスの設定(postmail)。 時間を取得(時・分・秒)

11月25日の学習:減速スライド

減速スライド ◆横スライド ◆縦スライド 先生のブログを見ながら作成しました。 何も見ないで作成できる日がくるのだろうか・・・ その日を夢見て、みんなよりかなり遅れているActionScriptを勉強しなければ。。。

パンダカフェ

パンダカフェのデザインを考えてみました。

カラムレイアウト応用

カラムレイアウト 授業の時間内で思うようにレイアウトが組むことができず、先週は落ち込み続き。テキストを見て復習し、なんとか3カラムが理解できたような気がする。。 で、やっと先週の木・金曜日のレイアウトができた・・。よかった。。。忘れないうちに…

11月14日のCSSテスト 復習

CSSテスト 時間中にできませんでした。。。 navと2ページ目の真ん中の画像がうまく表示できませんでした。 全然練習が足りてないことを痛感・・・

11月10日の復習

<JavaScript>ウィンドウを開く・閉じる 別ウィンドウを開く指示の中で、menubar,toolbar,scrollbarの付加の指示までできるなんてすごいなあと思った。あたりまえのことなんだろうけど・・・。 いやあ、奥が深いなあ。。 <ActionScript>リップル効果 とり…

JavaScriptでnav設定 

JavaScriptでnav設定 < <html> <head> <meta charset="utf-8"> <title>nav:JavaScript</title> <style type="text/css"> <!-- nav{ width=800px; } ul{ list-style-type: none; } li{ display: inline; float: left; } li a{ width: 160px; display: block; text-decoration: none; } --> </style> </head> </html>

10月25日の学習

学習内容 【form】 <form>から</form>がひとつのフォーム。 フォームは通常ひとつのサブミット(実行)ボタンを持つ。 各入力部品に値を入力し、サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出す…

10月24日の学習

学習内容 【position】 ボックスの表示位置を決める配置方法を指定するプロパティ。必ず基点は左上。 「static」・・・通常の配置方法。ブロックレベル要素の場合は垂直方向に順に配置、インライン要素の場合は水平方向に順に配置。 「relative」・・・「left」「t…

10月18日の学習

学習内容 Jimdo ヘッダー部分を作成(画像挿入) レイアウト着手 独自レイアウト(css,htmlをひたすら入力) Jimdoレイアウト(操作方法にしたがって入力) フォトショップ ドロップ&シャドウ作成時注意事項 画像の上に角丸シェイプを重ねる レイヤースタイ…

2カラムレイアウト(課題)&10月17日の学習

2カラムレイアウト 先生の回答のcssをできるだけ見ないで入力してみたらレイアウトがボロボロ、地道に少しづつ少しづつ間違い探しをしてやっとここまでたどり着いたものの、「今月のおすすめ」が微妙に右寄りで直らない。そして、下部の「copyright」は左寄…

10月12日の学習

学習内容 イラストレーター ボタン作成(800px×60px,160px/1ボタン) 長方形を描く。その際、線の位置は内側に指定(線幅もwidthに含まれるため) 区切り線(border-left)はアウトライン化し、前のボタン枠に含むか後に含むか決める。 グラデーションを適…

10月11日の学習

学習内容 背景画像の設定 習ったbody,header,縦navを一緒にしてみたけど、何も見ないで入力はまだまだ先だなあ・・・ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

Flashのボタン練習

[on]ハンドラ機能とボタンとの連動がなかなかできず、非常に時間がかかった。 でもできて良かった。。。

10月6日 NAV確認テストについて

NAVでの縦メニューと横メニューのテストがあり、はじめ何も見ないでtitle以降を書いたところ、縦は何となく形になったものの、横はなかなかできず、すごく時間がかかった。 結局、先生の回答をチラ見しながら、不足していたものを補う始末だった。。で、家で…

10月4日の学習

学習内容 10/3学習のwrapperについて wrapperを設定し、下にmarginをかけ、sidebarとcontentを押し下げた場合、footerの「clear:both」は入力不要(wrapperのmarginおよびoverflowがclear:bothと同じ働きをする) wrapperでwidthのみ設定し、sidebarおよび…

9月28日の学習

学習したこと CSS IDセレクタ Classセレクタ div float line-height container,wrapper ボックスモデル ボックス構成要素 margin,padding <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type"content="text/css"> <meta http-equiv="Content-Script-Type"content="text/javascript"> <title></title>…</meta></meta></meta></head></html>

9月26日の学習

学習内容 拡張機能『Web Developer』をダウンロード HTML 定義型リスト 画像表示 アドレス(リンク)表示 表組み イラストレータ 対象描画 リフレクトツール 回転ツール 拡大・縮小ツール 注意事項 【定義型リスト】 日付で記載するものは、定義型リストでの…

開講第1週目終了

学習内容 検索はタイトルが命 テキストエディター入力 JavaScript基本 ActionScript基本 Illustrator初歩 なんとな〜く理解できたものの、まだまだわからないことだらけ。 Illustratorは全くわからなかった。。。 でも以前より使いこなしたかったソフトのひ…

重要なのはタイトル!

講座2日目。 タイトルの重要性を学んだ。 深く意識したことはなかったけれど、よくよく考えると良いタイトルは、 新聞・雑誌等の記事やさまざまな製品においても非常に目につき印象を残す。WEBにおいて、タイトルはまさに検索されるかされないかの鍵をにぎ…