2014-03-01から1ヶ月間の記事一覧
受講から2ヶ月が経過し、就職活動の布石としてのポートフォリオ作成が急務となるが、休日を利用し修正を試みたものの、納得できずに気ばかり焦る。 この際、全て白紙に戻した上で、全体の構成から見直して骨子から上手く組み上げたい。 ポートフォリオサイト…
Windows\Fonts このディレクトリへフォントファイルを追加することで、PCで使用できるフォントを増やすことができるが、PCのスペックによっては負荷がかかるため、下記ディレクトリへフォントファイルを格納することにより、adobe関連アプリケーションにのみ…
・Dreamweaver クローク：設定することでミスを防げる 管理フォルダに素材として保存した該当ファイルをはじくことができる 管理フォルダに、意図的に日本語フォルダを作ることによって、アップロードしないファイルを強く認識する（日本語フォルダは使えな…
変数での定義づけ ↓ 処理 ↓ 出力 の流れを意識し、段階に分けて理解する switch() を使う場合は prompt() で取得した数字は文字列となるため、 Number() で数値化する ///////////////////////////////////////////////////////////////////////////////////…
http://gsnedders.html5.org/outliner/ Chrome Web Store - HTML5 Outliner でアウトライン構造を確認し、正しく組むことで、SEOに有利 検索エンジンは<h3>までしか拾わない 朝方４，５時、夕方6時ぐらいに検索エンジンが読み込みに来る 1行を囲むためのdivはつ</h3>…
http://webkaru.net/php/windows-apache-php-confirmation/ PHP入門のカルマ：記事が新しくわかりやすい http://nobuneko.com/blog/archives/2012/07/apache_242apache_loungewindows.html Apache導入でつまずくであろう箇所の補足 http://www.phpbook.jp/ p…
http://coliss.com/articles/build-websites/operation/work/web-design-trends-for-2014.html ウェブ制作業界の流れ http://d.hatena.ne.jp/rikuo/20131028 SVGについての解説 http://photoshopvip.net/archives/58878 注目Webデザイントレンド20選 https:/…
自宅の環境がようやく整ったので、いろいろと設定 http://cappee.net/adobe/dreamweaver/dreamweaver-cc-update ↑Dreamweaver CCの各種設定や拡張機能 http://webnaut.jp/markup/628.html ↑スニペットを究めて快適コーディング http://leko.jp/archives/442 …
講師の真似 まだまだ練習不足
display:inline-block 要確認 ・TIPS Webサイト制作におけるクライアントへの提案方法 基本的に3つの案を提示して選定させる 内訳は、 １．クライアント側の意向を盛り込んだデザイン ２．制作者側のデザイン ３．流行を取り入れたデザイン（流行はWebサイト…
要復習 宿題 ・TIPS http://difff.jp/ テキスト比較ツール ソースコードの比較にも役立つ
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文…
