「塗り」と「線」の色の簡単切り替え。 前回のツールのショートカットと同じようにボタン一つで簡単に切り替えらます。 まず左の状態で[塗り]:黒、[線]:赤で線色がアクティブ状態になっています。この状態で「shift」+「x」を押すと... このように、[塗り]と…

パブリッシュ flasドキュメント（.fla）から再生用の(.swf)やHTmlドキュメントなどを作成します。※flashドキュメントのままではweb上では再生できません。swf形式に書き出す必要がある。 フレーム 空白キーフレーム: 何も入っていないキーフレーム キーフレ…

変数とは JavaScriptに限らず、プログラミングのほぼ全てに共通して言えるのは変数という中に文字列や数値、更にそれらが入った変数を変数の中に入れることも出来る。ありふれた表現だがデータを格納する”箱”というイメージが「変数」である 変数の宣言 変数…

ドキュメント操作 webページに文字表示 文字や背景色を指定 Cookieの読み書き ウインドウ ダイアログ、新規ウィンドウ、ウインドウサイズ指定など イベント ページを読み込み時にメッセージ表示 マウスポインタをホバー時に変化 フォーム 必須項目欄などに空…

2つのオブジェクトのパスを指定 ブレンド軸を置き換え その1 ブレンド軸を置き換え その2 ブレンド軸の方向をパスに沿った場合の結果 その1 ブレンド軸の方向をパスに沿った場合の結果 その2

.layoutQ23 ul{ margin:20px; width:150px; background-color:#FFF; } .layoutQ23 ul li{ margin-bottom:10px; padding:15px 35px 15px 10px; border:2px solid #0FF; } .layoutQ23 ul li a{ color:#0ff; } .layoutQ23 ul li:hover{ background-color:#0ff; …

/*css*/ .layoutQ22 ul{ margin:20px; width:120px; background-color:#FFF; border-top:1px dotted #0FF; } .layoutQ22 ul li{ background:url(img/listimg.jpg) left no-repeat; padding:20px 0 20px 30px; border-bottom:1px dotted #0FF; } .layoutQ22 u…

/*css*/ #wrapper .layoutQ21 ul{ width: 100px; color:#fff; } .layoutQ21 ul li{ padding:20px 10px; text-align:center; } .layoutQ21 ul li#new{ background-color:#F00; } .layoutQ21 ul li#info{ background-color:#F66; } .layoutQ21 ul li#item{ bac…

/* CSS*/ #img{ text-align: center; } <div id="container"> <div id="img"> <img src="img/06.jpg"> </div> </div>

/* CSS*/ .layoutQ18 table{ background-color:#FFF; } .layoutQ18 td { margin:20px 30px 30px; font-size:0.7em; text-align:center; border:1px solid #666; } .layoutQ18 td img{ height:150px; width:150px; padding:3px; margin-bottom:5px; } .layout…

/* CSS */ .layoutQ17 p{ color:#fff; } .layoutQ17 p img{ float:left; height:200px; width:200px; } <div class="layoutQ17"> <p><img src="img/02.jpg" alt="画像">テキストの位置を指定します。<p> </div>

/* css */ .layoutQ16{ width:415px; height:245px; background-color:#000; color:#fff; } .layoutQ16 dl{ background-image:url(img/001.gif); background-position:250px 0; height:245px; background-repeat: repeat-y; } .layoutQ16 dt{ font-size:32px…

/*CSS*/ #low { line-height: 1em; } #normal { line-height: 1.5em; } #high { line-height: 2em; } <div class="line_height"> <p id="low">複数行の文章が一つのかたまりとして表示されている場合、行と行の間隔を「行間」と見なします。行間が狭いとたくさんの情報量を詰め込むことができます</p></div>…

/*CSS*/ #access100 { font-size: 100%; } #access1em { font-size: 1em; } #access16px { font-size: 16px; } #accessmedium { font-size: medium; } #access200 { font-size: 200%; } #access2em { font-size: 2em; } #access32px { font-size: 32px; } #a…

/*CSS*/ .s_content{ width:400px; padding:15px; background-color:#FFF; } .s_content ul li{ padding:15px; margin:15px 15px 30px; } .s_content ul #hyoujun{ border:1px solid #666; } .s_content ul #line_weight{ border:3px solid #666; } .s_conte…

/*CSS*/ nav ul li { background-color:#FF0; width:100px; margin:15px; padding:15px; border:1px solid #fff; } nav ul li:hover{ background-color:#FFF; padding:15px; } nav ul li:active{ background-color:#3cc; } nav ul li a:hover{ color:#F63; b…

a:hover{ color:#F63; }

body{ font-size:16px; color:#333333; line-height:1.5; background-color:#3366CC; } h1{ color:#fff; }

/* reset_css */ h1,h2,h3,p,ul,li,img{ margin: 0; padding: 0; line-height: 1.0; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } ul,ol{ list-style: none; /* マーカーを消す */ } a { text-decoration: none; /* 下線を消す */ } im…

<link rel="stylesheet" href="css/style.css" /></link>

<p>Copyright&copy;CatCafe</p>

<table> <th>名前</th> <td width="200">任意の名前</td> <tr></tr> <th>オス・メス</th> <td width="200">雄orメス</td> <tr></tr> <th height="150">特徴</th> <td width="200" height="150">テキストテキストテキスト</td> <tr></tr> <th height="150">性格</th> <td width="200" height="150">テキストテキストテキスト</td> <tr></tr> <th height="150">写真</th> </table>

<dl> <h1>CatCafeのにゃんこ紹介</h1> <dt>あたる（白キジトラ・オス）</dt> <dd>目と耳が大きくてすばらしくイケメン。<br /> 鳴き声もなかなかかわゆい。<br /> 性格はいたってマイペース。<br /> 段ボール箱のかどや柱で爪とぎをするのが大好き。</dd> <img src="#" alt="photo" height="200px" width="200px" /> <dt>特徴</dt> <dd>大きな目と耳。まがったしっぽ。</dd> <dt>性格</dt> <dd>マイペー</dd></dl>…

<title>CatCafe 安らぎの猫空間</title>

<html lang="ja"> <head> <meta charset="UTF-8" name="description" contents="CatCafe 安らぎの猫空間"></meta></head></html>

ツールのショートカットキー 自分がよく使うイラレのショートカットキーです。 画面左に設置されてるツールバーをマウスで選択するよりも ショートカットキーで即座にツールを切り替えた方が効率がいいのです。 選択ツール アイコン 名称 キーボタン 選択ツ…

はてなダイアリーではてな記法をやってみよう。 htmlのタグごと表記する場合は「>|html|」と「|| 以下、参考例。 <dl> <dt>見出し記法</dt> <dd>*~~</dd> <dt>小見出し記法</dt> <dd>**~~</dd> </dl>

ＨＴＭＬ 今日覚えたタグ： その他、ＳＥＯ対策や検索エンジンのシステムについてなど adobe:illustrator 今日覚えたツール：リフレクト、回転、スペースバーによる移動や拡大縮小など

このblogは池袋の求職者支援訓練校：ファウンデーションフェリカＴＡにてＷＥＢ制作の勉強記録や フリーの日のプライベート日誌などを覚え書きしていきます。