Javascriptを使った画像置換：作成所要時間50分 画像採取、サイズ変更、レイアウト、Javascript サムネイルをマウスオーバーで画像拡大表示 Javascriptを使った画像置換：作成所要時間20分 画像採取、サイズ変更、レイアウト、Javascript サムネイルをマウス…
【１】 <SCRIPT src="sample.js"></SCRIPT> 【２】 20 【３】 1010 【４】 パイナップル 【５】 5 【６】 [1][2] 【７】 キー 【８】 .name 【９】 [] → { } 【１０】 <script> document.write('あけましておめでとう！'); window.alert('今年もよろしく。'); </script> 【１１】 <img src='sea.jpg' onclick="alert('海');"> 【１２】 <img src="sea.jpg" alt="海" onMouseOver="alert('海')"> 【１…
JavaScriptによる画像置換：作成所要時間100分 Photoshopでサイズ変更と台紙作成、JavaScript ///////////以下、ソースコード//////////////////////////////////////////////////////////// <html lang="ja"> <head> <meta charset="UTF-8"> <title>氷と雪の風景</title> <style> html, body, div, img, { margin: 0; padding:</meta></head></html>…
エラーチェックのためChromeで表示させ、要素を検証（consoleタブ選択 var：変数宣言 メモリに格納する a=a+10 と a+=10 は同義 +=間にスペースは入れない a++ １ずつ増やす Array：配列 console.log() プログラムの途中経過の確認に都度使用する ダイアログ…
フォーム作成：作成所要時間30分程度 グーグルフォームでフォーム作成&共有設定 http://www.kanzaki.com/docs/html/htminfo31.html 参考サイト ・TIPS GET：情報を隠さず明示 POST：封筒の中に入っている情報 /////////////以下、ソースコード//////////////…
各種オブジェクト作成：作成所要時間1分程度 Illustrator 矢印の作成 四角のオブジェクトを２つ重ねる オブジェクト→パス→平均 パスファインダ→結合 Photoshop ・境界線を調整（背景と切り取りたい画像が髪の毛など細かい場合 エッジの検出：3px（解像度の高…
ウェブページ作成：作成所要時間100分程度 ・TIPS レイアウトに際しては、 p から設定し始める p が決まると他の部分が決めやすい 共通項が決まれば他が決まっていく border-radius: 55px / 45px; 数値は角に接する円の半径 イラストレーターの角丸の四角の…
http://www.alexa.com/ http://www.similarweb.com/ 世界各国のトラフィックが高いサイトを見つけることができます。 Webサイト巡りのご参考まで。 http://webkaru.net/php/ 記事が新しく、わかりやすく書かれている PHP初心者向け
講義の課題として、Webサイトを100件レビューすることとなったため下記開設 Webサイト制作科 | Webサイトレビュー 残り5ヶ月弱の期間で着実に進めて行こうと思います。
windows 無料エディタ クレシェントイブ # ヌルリンク ページ内でのリンクは必ずhttp:// をいれずに入力する ↑ 検索で上位表示するためには、検索エンジンのデータ取得を簡易にすることで評価される FireFox のアドオン html validator をインストールする F…
・基調色（ベースカラー ・強調色（アクセント ・アソート色（なじませ 上記以外は、写真を上手く使う 写真には邪魔するような色を使うべきではない 補色を利用することで、人に安心感を与える 例えば、お茶のペットボトルの緑には必ず赤がアクセントとして…
ウェブページ作成：作成所要時間200分程度 ウェブで画像素材選定、Photoshop画像編集、ナビボタン作成、CSSレイアウト ・TIPS div要素：グループ化するため どこからどこまでなのか、名前をつける アウトライン：見出しのツリー構造 検索エンジンが重視する…
クラシックモーションガイドを使用した動きの制御：作成所要時間5分程度 クラシックモーションガイドを使用した動きの制御：作成所要時間20分程度 フィルターとタイムラインを使用した動きの制御：作成所要時間5分程度 ・TIPS 石岡瑛子：アートディレクター…
ウェブページ作成：作成所要時間80分程度 ウェブで画像素材選定、Photoshop画像編集、CSSレイアウト ・TIPS IE6.0対応：autoが使えないのでtext-align:center使用して中央表示する //////////////////以下、ソースコード///////////////////////////////////…
http://webizm.jp/felica/flash/amami.html 上記は講師によるものですが、課題をアップできなかったため借用して掲載 同程度のものを自分でも作成しております 奄美紹介ムービー：作成所要時間90分程度 [Ctrl] + B 分解 テキストなど１つのオブジェクトを1文…
5枚の写真をクロスフェード表示：作成所要時間5分程度 クロスフェードの設定 キーフレームの挿入：ActionScriptなどの投入時に挿入する クラシックトゥイーンを作成：前後に設定したシンボルの中間動作を自動生成 ・TIPS 画像素材には著作権が存在している場…
動かしたい画像を作業領域へペーストし、 画像選択後、 [F8] でシンボルへ変換 名前は英数大文字で登録するとわかりやすい 種類をムービークリップに選択しライブラリに登録 インスタンス名を英数小文字で登録 ActionScriptパネルを開き、命令する 1pxずつ移…
ECMA Script（エクマスクリプト） JavaScript ActionScript（Flash） ↓ ↓ DOM AS3.0（Java） ↓ jQuery ・Flash インタプリタとコンパイルを同時に行っている 基本的に完成形から作成し、タイムラインを反転させることで作りこむ ライブラリ（オブジェクト） …
！！要復習事項！！ [Alt]を使用したレイヤーコピー 移動ツールを選択後、コピーしたいレイヤーを選択し、 [Alt]を押しながら矢印のみor＋[Shift]で移動 すぐ[Alt]を離し目標地点へ移動 [Alt]を押したまま移動するとレイヤーが移動したぶん複製されてしまう…
position: relative（相対的） position: absolute（絶対的） 一見便利にレイアウトできそうではあるが、コンテンツの内容記述に多用した場合、 検索エンジンからその内容は読み込まれず、上位表示に不利。 ・TIPS marginとpaddingの使い分け idを振った要素…
1px幅で描いたオブジェクトは、大きさを指定していたとしても1px（両側に0.5px）大きくなる。 それを防ぐために（指定した大きさぴったりにするために）『線を内側に揃える』を指定する。 HTTPリクエストを最小限に抑えるために1枚の画像で可変表示可能にす…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>卵料理カフェ Cockeyolly</title> <link rel="stylesheet" href="CSS/style1.css"> </head> <body> <div id="container"> <div id="header"> <h1><img src="img/logo.gif" width="82" height="78" alt="卵料理カフェ Cockeyolly"></h1> <div id="nav"> <ul> </ul></div></div></div></body></html>
http://www.daiwa-hotcom.com/ freeweb：WordPressが使用できる無料サーバー（講義で使用するためアカウント作成する http://jp.jimdo.com/ HTML不要でwebページ作成可能 http://ja.wix.com/ HTML不要でwebページ作成可能 https://thebase.in/ ネットショッ…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>floatを使ったレイアウト：テスト</title> <link rel="stylesheet" href="0217/CSS/style1.css"> </head> <body> <div id="container"> <div id="header">ここにheaderの内容が入る</div> <div id="nav"> <ul> <li><a href="#">カテゴリ１</a></li> <li><a href="#">カテゴリ２</a><…</li></ul></div></div></body></html>
diplay: block a:hoverに枠線 背景色 ＃FFF 文字色 ＃ li #xxx a コントロール押しながらレイヤークリック イメージ→切り抜きでアイコン化 colorzilla：Webサイトに表示された色を調べることができるアドオン pearl crescent pagesaver：Webページを保存でき…
縦並びと横並びのナビゲーションブロックを作成。 list-style-type: none; リストの前の数字や中点を消す text-decoration: none; リンクの下線などを消す diplay: block; ブロックボックスを生成する ////////////////////////////////////////////////////…
トーンジャンプ：色の抜け PCで表示しやすい色：青 自動補正機能は、暖色系の色を再現しずらいため注意 イメージ→色調補正→シャドウ・ハイライト 画像解像度変更：画像の再サンプルのチェックがWEB使用に重要 スマートオブジェクト：元の画質を保持したまま…
・Photoshopの初期化 メモリの記憶をリセットするためには… アイコンをダブルクリック等で起動する際に［Ctrl］＋［Alt］＋［Shift］を同時に押す。 ・カラー設定 表示→カラー設定から適正なものを選択。 印刷なのかWeb用なのか？ Dotgain：印刷でドットを落…
2014年2月現在、受講中である求職者支援訓練（Webサイト制作科）における、 習熟過程を記録すべく本ブログを開設いたしました。 日々の受講内容と習熟項目について、更新していこうと思います。 Adobe製品群使用歴なし、htmlの知識なしですが、半年間真剣に…
