IE6対策

授業内容

・「margin」を設定するとカラム落ちする・「display:inline;」を入れること課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： IE Tester http://www.my-debugbar.com/wiki/IETester/Home…

2013-08-29

ファビコン

授業内容

・本体オンリー、周りは選択で切り抜く・正方形で切り抜く→画像が切れたりしない・派手な色使い→色調、彩度高める・ブラシツールで添え書き・48×48でJPG保存 Geocoding ・住所を入力すると、経度・緯度検出してくれる・経度・緯度をHTMLの「var myLatln…

2013-08-28

サイト制作

授業内容

・本文からタイトルへと発想、文章構成していく・デザイン的に文字は細いもので写真を邪魔しないものがいい・写真、特に商品の上に文字を載せない・ＰＮＧ-８という拡張子を使ったほうがいい→きれいでデータ量が少ない課題：サイトのまね制作、サイト改…

2013-08-27

PS

授業内容

・PSにおいて長方形などを書くときはそもそもアンチエイリアス存在しない斜線はジャギジャギになるので、アンチエイリアスをかける →アンチエイリアスは斜線などに対して中間色を当てて、ジャギジャギを滑らかに「見せる」・制限なしをチェック・文字はア…

2013-08-24

for文・if文・Math/Dateオブジェクト

課題

Q1 <html lang="ja"> <head> <meta charset="utf-8"> <title>課題1</title> </head> <body> <script> for(var i=1; i<=3; i++){ alert(i); } </script> </body> </html> Q2 <html lang="ja"> <head> <meta charset="utf-8"> <title>課題2</title> </head> <body> <script> var point; point=pr…</body></html>

2013-08-23

■

授業内容

・.eps＝Encapslated Post Script＝(PS)のヘッダー情報→いじれない拡張子課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： Latest Articles 新着記事 / Webデザインの情報あれこれ http:/…

2013-08-22

■

授業内容

課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧：ホームページ制作.jp http://www.homepage-seisaku.jp/lp/?utm_source=google&utm_medium=cpc&utm_campaign=homepage&ac_source=google&a…

2013-08-21

■

授業内容

課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧：くつざわ建具店 http://tategukutsuzawa.client.jp/index.html 株式会社アースト http://mac.arst.jp/ wyse アーティスト団体 http://wys…

2013-08-20

ＳＥＯ

授業内容

・metaのkeywordは「検索」されないが、文章構造に使われており、統一性があれば上位表示に貢献する・metaのdescriptionは多くて三つ、「。」で区切り、「日本語」として読めなくても可・たとえば「、Webデザインの勉強」、metaのkeywordは入れなくても上…

2013-08-19

課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理

授業内容

本日の参考サイト一覧：ＷＹＺdesign http://www.wyz-design.com/ 虹村マキオウ Nizimura Makiou ホームページ http://www.makiou.com/ 山田有紀 Yamada Yuki ホームページ http://www.yamadayuki.com/ いずれ使用してみたいパララックス及びスクロール効…

2013-08-13

HTML5続き

授業内容

・キーワードは多くて三つ、ＭＥＴＡのところで書かない・ＣＳＳにおいてのシャドウ設定 →box-shadow: ０（横にずらす）２ｐｘ（下にずらす）４ｐｘ（ぼかす）＃９９９（色）・widthを960に設定することは大体の場合無難である・画像のサムネームをＨ…

2013-08-12

HTML5

授業内容

・asideはsidebarではなく、本文の「補充説明」として独立するタグ・pの存在は検索エンジンにとって重要、特にbodyの中の一番最初のpタグ・h1やpタグはsectionで囲まなくてもいい場合がある、特に一番最初→CCのレイアウト構造チェック・headerのすぐ下にh…

2013-08-10

まとめ続き

授業内容

・cssにおいてIDはつけるなら全部つけることにし、つけないなら全部とる課題：Ffを使ってソースを真似て作ってみる、サイト制作、jQuery教科書読破、購買心理本日の参考サイト一覧： Color Hex Color Codes http://www.colorcodehex.com/ 商用利用も無料で、…

2013-08-09

まとめ

授業内容

・HTMLのアウトライン構造は一番大事・全体の文字詰めはトラッキング、個別はカーニング・JQにおいてa要素設定のために「return false」を入力することで、「リンク」に飛ばずに画像などの変化ができる用語 JPEG (Joint Photograph Experts Group) GIF (Gr…

2013-08-06

ケーキショップ

授業内容

・「margin:0 auto;」は中央設置・heightとline-heightを同じ数値にすると中央に揃う・「text-indent: -333em」文字をぶっ飛ばして表示させない方法課題：Ffを使ってソースを真似て作ってみる、jimdoのカスタマイズ、jQuery教科書の300ページまでの予習、…

2013-08-05

CSSシグネチャー

授業内容

・stylesheet内に同時に複数ページの設定ができる・パラメータが空の場合、400ミリ秒を指定するのと同じ・eq()メソッドのなかで「0」が１番目 mouseover()/mouseout()子孫要素にマウスをのせたとき・外れたときにも発生するmouseenter()/mouseleave()指定…

2013-08-03

jQueryを利用したモーダルウィンドウの作成

授業内容

<html lang="ja"> <head> <meta charset="utf-8"> <title>モーダルウィンドウの作成</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> </head> <body> <style> body,ul,li,a,img,h1{ margin:0; padding:0; } ul{ list-style:none; } a{ text-decoration:none; } ul l…</body></html>