phpはアウトプット　インプットはhtmlの範疇
ポートフォリオのこと
- 自分のできることを見える化
- 後になってみる事が出来る。大変だけど自分のため。
Ajaxを可能にするライブラリがjQuery mobile
検索ロボットに検索されないため「robots.txt」と名付けたファイルを作る
- index.htmlと同じ階層に置く
- 書き方↓xxx,zzzは自分でつけたフォルダの名前

user-agent:*
Disallow:/xxx/xxx
Disallow:/zzz/zzz/zzz

調べものメモ

あるスマホサイトのソースを見ていたらmarqueeというタグをみつけました。
調べてみたらむかしむかしにIEで開発されたもの。
textを右から左に流すことができる。
今はcss3に対応している

<marquee>TEXT TEXT TEXT</marquee>

試しに実験したら動いてくれました。動作確認はsafariでしました。
なつかしー感じになるので使い方注意です。
W3Cの規格外です。
勉強サイト CSS3リファレンス
 勉強サイト http://web.kenblog.net/css/htmlmarqueecss3.html

2012-02-15

0215|webデザイン求職者支援受講記録|#93

webクリエイター訓練

時間割

iphone(スマートフォン)サイトの実習
印刷物を制作するときの知っておくべきことの講義

iphone(スマートフォン)サイト制作で考えておくこと

ターゲットがだれであるか
対象しぼりにくい
文字のボリューム設計
クリックするのか
そもそも電話だ

2012-02-14

0214|webデザイン求職者支援受講記録|#92

webクリエイター訓練

時間割

DreamWeaver

テンプレートの使い方
- spry=Dwのjsライブラリ
- テンプレートは.dwtの拡張子
- 商品ページが100以上の時に使うと便利(サイトのボリューム、設計を考える)
- テンプレートの修正で全ページ更新できる
- 編集領域のみ編集できる
- 編集領域にしたい部分を選択→挿入ウインドウの一般→テンプレート→編集可能領域
- 更新日時を入れる→挿入ウインドウ→日付→希望の日付フォーマットを選ぶ→保存時に自動的に更新
DreamWeaverのLibrary
- アセットウインドウの右下のアイコンから新規作成
- 名前をつける
- .lbiのファイルが出来る
- 下記のコードが生成される

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

- 今回はCopyright(C)2012を表示させることにしたので上記のコードの下に入力した。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Copyright(C)2012

- アセットウインドウから希望の場所にドラックアンドドロップでその文字を表示させられる。
- テンプレートにLivraryを利用することで修正が簡単になる

jQuery mobileのテーマローラーを使う

adobe kuler=デザイナーが作った色の組み合わせ。迷ったら参考になりそう。
list-dividerにテーマが反映されない問題。講師の回答、私のサイトは直らなかったので、また調べよう。

jQuery mobile list-dividerにテーマが反映されない件

リンクのないliにテーマはいきないそうなのでulやolにdata-dividertheme="f"と指定
theme Bがデフォルトになっている

<ul data-role="listview" data-inset="true" data-dividertheme="f">
<li data-role="list-divider">Menu</li>
<li><a href="#index"><h3>Index</h3></a></li>
<li><a href="#access"><h3>Access</h3></a></li>
</ul>

参考サイト→http://d.hatena.ne.jp/ksy_dev/20110308

2012-02-13

iphoneサイト制作

iphoneサイト制作 webクリエイター訓練

時間割

iphone(スマートフォン)サイトをjQuery Mobileで制作

授業メモ

外部サイトへの移動の際のアニメーションは自動でoff
smallタグ=Copyright。html5でaddressは住所のときに使う
iphone(スマートフォン)サイトをどこに作るか
- xxx.com/mobi/→トップページからの分岐。ページを作り進めると深い階層になてしまう。
- mobi.xxx.com→サブドメインをつくるこちらがおすすめ。専用サイトになる。階層浅い。
リストのサムネイル画像表示
- 親指でもタップできるようなことも考える
- 長方形で作っても大きく作っても80px x80pxにトリミングされる

Safari キャッシュのクリア

制作途中で再読み込みがうまくいかないときキャッシュをクリアしたくなりました

mac
- Safari→キャッシュを空にする→空にするをクリック
windows
- 編集→キャッシュを空にする→空にするをクリック

h2やh3のテキストの前にアイコンを表示させたい

研究中。今はとりあえず表示中。

<h2><img src="http://xxx.com/images/xx.png" alt="xxx">xxxx</h2>

テーマをA指定で指定しているのに、Bを表示してしまう問題

先週から修正できないでこまっています。jQuery Mobileがclass名つけてしまうので注意。もう一度テーマローラーから作ってみるつもり。