授業
3カラム可変幅レイアウト 【作成時注意】 container・・・width:100%、overflow:auto を設定。 wrapper・・・width:100%、float:left、margin-rihgt:-200px (sidebar2の設置場所確保) を設定。 content・・・width:100%、float:right、margin-left:-200px …
jQuery アコーディオンパネル ※http://docs.jquery.com/Downloading_jQuery のCurrent ReleaseからMinifiedをダウンロード。下記のindex.htmlと同フォルダに更に「js」フォルダを作成し保存。 (通常、jQueryの設定は外部のライブラリーやリンクを使って問題…
dt,dd 横並び dtに float:left; を設定。 ddは何も設定しなくていい。 ActionScript 日付取得(アナログ時計) 【フレームアクション】 this.onEnterFrame = function(){ var date_obj = new Date(); byo_mc._rotation = date_obj.getSeconds()/ 60 * 360; f…
「KENT-WEB」からASUKA BBSの掲示板用cgiとpostmailのcgiをダウンロードし、@pageにアップロード。パーミッションの設定。 返信用メールアドレスの設定(postmail)。 時間を取得(時・分・秒)
減速スライド ◆横スライド ◆縦スライド 先生のブログを見ながら作成しました。 何も見ないで作成できる日がくるのだろうか・・・ その日を夢見て、みんなよりかなり遅れているActionScriptを勉強しなければ。。。
パンダカフェのデザインを考えてみました。
カラムレイアウト 授業の時間内で思うようにレイアウトが組むことができず、先週は落ち込み続き。テキストを見て復習し、なんとか3カラムが理解できたような気がする。。 で、やっと先週の木・金曜日のレイアウトができた・・。よかった。。。忘れないうちに…
CSSテスト 時間中にできませんでした。。。 navと2ページ目の真ん中の画像がうまく表示できませんでした。 全然練習が足りてないことを痛感・・・
<JavaScript>ウィンドウを開く・閉じる 別ウィンドウを開く指示の中で、menubar,toolbar,scrollbarの付加の指示までできるなんてすごいなあと思った。あたりまえのことなんだろうけど・・・。 いやあ、奥が深いなあ。。 <ActionScript>リップル効果 とり…
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>
学習内容 【form】 <form>から</form>がひとつのフォーム。 フォームは通常ひとつのサブミット(実行)ボタンを持つ。 各入力部品に値を入力し、サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出す…
学習内容 【position】 ボックスの表示位置を決める配置方法を指定するプロパティ。必ず基点は左上。 「static」・・・通常の配置方法。ブロックレベル要素の場合は垂直方向に順に配置、インライン要素の場合は水平方向に順に配置。 「relative」・・・「left」「t…
学習内容 Jimdo ヘッダー部分を作成(画像挿入) レイアウト着手 独自レイアウト(css,htmlをひたすら入力) Jimdoレイアウト(操作方法にしたがって入力) フォトショップ ドロップ&シャドウ作成時注意事項 画像の上に角丸シェイプを重ねる レイヤースタイ…
2カラムレイアウト 先生の回答のcssをできるだけ見ないで入力してみたらレイアウトがボロボロ、地道に少しづつ少しづつ間違い探しをしてやっとここまでたどり着いたものの、「今月のおすすめ」が微妙に右寄りで直らない。そして、下部の「copyright」は左寄…
学習内容 イラストレーター ボタン作成(800px×60px,160px/1ボタン) 長方形を描く。その際、線の位置は内側に指定(線幅もwidthに含まれるため) 区切り線(border-left)はアウトライン化し、前のボタン枠に含むか後に含むか決める。 グラデーションを適…
学習内容 背景画像の設定 習ったbody,header,縦navを一緒にしてみたけど、何も見ないで入力はまだまだ先だなあ・・・ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
[on]ハンドラ機能とボタンとの連動がなかなかできず、非常に時間がかかった。 でもできて良かった。。。
NAVでの縦メニューと横メニューのテストがあり、はじめ何も見ないでtitle以降を書いたところ、縦は何となく形になったものの、横はなかなかできず、すごく時間がかかった。 結局、先生の回答をチラ見しながら、不足していたものを補う始末だった。。で、家で…
学習内容 10/3学習のwrapperについて wrapperを設定し、下にmarginをかけ、sidebarとcontentを押し下げた場合、footerの「clear:both」は入力不要(wrapperのmarginおよびoverflowがclear:bothと同じ働きをする) wrapperでwidthのみ設定し、sidebarおよび…
学習したこと 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>
学習内容 拡張機能『Web Developer』をダウンロード HTML 定義型リスト 画像表示 アドレス(リンク)表示 表組み イラストレータ 対象描画 リフレクトツール 回転ツール 拡大・縮小ツール 注意事項 【定義型リスト】 日付で記載するものは、定義型リストでの…
学習内容 検索はタイトルが命 テキストエディター入力 JavaScript基本 ActionScript基本 Illustrator初歩 なんとな〜く理解できたものの、まだまだわからないことだらけ。 Illustratorは全くわからなかった。。。 でも以前より使いこなしたかったソフトのひ…
講座2日目。 タイトルの重要性を学んだ。 深く意識したことはなかったけれど、よくよく考えると良いタイトルは、 新聞・雑誌等の記事やさまざまな製品においても非常に目につき印象を残す。WEBにおいて、タイトルはまさに検索されるかされないかの鍵をにぎ…