Dreamweaver
次のTableレイアウトからCSSレイアウトへのリコーディングシトをトヨタにしました。サイトの価値が900億円以上とも言われるトヨタのサイトを自分で手を入れてみることによって何かが見えてくる、はず！！(笑) それと、コラージュを作ろうと思って画像をたく…
準備ができると速いんですよねー(笑)そういえば初めて洋服を作ったときもこうだったなーと、今思い出しました。最近洋服作ってませんが、徹夜でよくミシンで縫ったり、裾をまつったりしてました。 なんでもそうですが、ゼロから生み出すのは大変なことです。…
毎日こんな時間。。。 ちょっと疑問点もありますが、とりあえず行けるところまでは行こうと思ってます。
プレゼンサイトに使う、自分で撮った写真のギャラリーページを作ってアップロードしてみました。 SmoothGalleryというライブラリを使用しています。オプションで自動再生をするかどうかや、再生時間などを細かく設定できます。 ローカルではきちんと見れたん…
作業時間30分(合計120分) このサイトは、普通はテキストで書くだろうというような文章まで画像になってました。 検索する人はほとんど『メナード』だと思うので、SEO対策としてはこれくらいで十分ということなのでしょうか。 ブランドイメージもありますし。…
作業時間60分(計90分)メナード、画像だらけ。。。テキストがほとんどありませんね。
作業時間30分 まずは文書構造から。<dl> の使い所があったのと、このサイトならではの透過pngをきちんと習得するためにこのサイトを選びました。 コーディングが楽しく感じる今日この頃です。 プレゼンサイトの画像は土曜日にまとめて、日曜日の授業に間に合うよ</dl>…
新規ファイルに何か画像を挿入して、その画像を選択してからプロパティパネルを見る。 パネルの左肩に選択している画像のプレビュー画像を“Ctrlキー”＋ダブルクリック。 Ctrl＋ダブルクリックを繰り返せば画像がいろいろ切り替わる。 もう一つ、 サイト管理…
Flash領域は授業でやってからにします。 作業時間30分(合計180分)
コードをチェックしながら直して、納得いくレベルになりました。ただ、htmlの方は1個だけわからないエラーがありました。。。 XHTML 1.0 Transitional CSS エラー
ほぼ完成しました。 後は細かい調整をして完成です。 やはり何度やっても、形になるのは嬉しいです！！ この快感があるから「もの作り中毒」なんでしょうねー(笑) 次はどのサイトにしよっかなー(笑) あっ！！！ HTMLにもコメントを挿入しなければ！ 作業時間…
作業時間60分(合計90分) Photoshopで自作したナビゲーションが並びました。 右上の部分はposition:relative;で位置決めしてあります。ナビゲーションにはビヘイビア→スワップイメージ(画像置換)を設定しました。 これで#headerはほぼ完成です。 スワップイメ…
WireFrame 所要時間15分 Browsing IKEAのCSSをやり始めました。 今日はあまり時間がなかったのでパパパッと、.contentsのheightはまだ適当に当てはめただけです。 float:left;と外側の#wrapperだけ形にするところまで組みました。作業時間30分
やはりコメントは行を増やした方が見やすそうです。
今日の授業は新しい情報有り、改めて確認できたことも有りで、僕にとっては大きなプラスになりました。 頭の中でごちゃついた情報が整理された感じがしました。 Dreamweaverのインデント環境設定 インデントは下げすぎても見づらいので、せいぜい1〜2。 Drea…
仕事終わったのが遅かったのでできるかな、と思いましたが、 なんとかできてよかったです。細かい修正点は出てくると思いますが。。。 所用時間約150分
ワイヤーフレーム <div id="contents1">と<div id="contents2">は、<div class>でオッケーですね。</div></div></div>
下準備を進めていたら、、、 このサイトとんでもないです！ <div>だらけだわ、<class>だらけだわ、<id>だらけだわ。 全部消してやりました！(笑) これは組み甲斐があるぞぉ〜(笑) 消しまくりです！(笑)</id></class></div>
htmlが160行。CSSが370行！(笑)長い道のりでした。。。 リンク 完成キャプチャー スワップイメージの設定 1.プロパティインスペクタの名前欄に画像名を適当に入れ、 ビヘイビアパネル→ビヘイビアの追加→スワップイメージ 2.参照→マウスオーバーした時に表示…
今日はここまで グローバルナビゲーションのスワップイメージは明日以降にやります。 でも、ほぼ完成！ ページトップのリストマーク？を作りました☆
ゼロイン 今日はここまで。 続きはまた明日。 floatがズレる原因 必ずwidthを指定。 背景ドロップシャドウのスライスの仕方 上と下はスライスに入れずに、repeat-yで。
DOCTYPE宣言から練習したい場合 ドキュメントタイプをなしに設定。 環境設定 インデントの挿入・削除 コードのエラーチェック コメントの適用 media属性 screen→パソコン、ディスプレイ print→プリンタ tv→テレビ handheld→携帯端末 <li><a>のパス YAMAHA→相対パス</a></li>…
TeraPad 久し振りにTeraPadでコーディングしてみたが、意外と打てた。 動作環境の部分は、最初は<dl><dt><dd>で打っていたが、 <tr><td>で打ち直してみた。<table>は最近全然打ってなかったので最初戸惑ったが、なんとか打てた。このCSSに頼った部分をもっとフレキシブルに対応できるよ</table></td></tr></dd></dt></dl>…
無料レンタルサーバーは複数持っておくと何かと便利だと気づいたので、 違うアドレスで追加登録しました。リンク貼り付け用の画像を置いたり、ファイルのバックアップに使おうと思ってます。 でもFC2の場合、全体のファイル数に対して、画像ファイルの割合が…
まだ途中なので、この調子で完成させたいと思います。 HTMLコード http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>
うまくいきましたー！！ Bossありがとうございます。 これからは画像にバンバンリンク貼っていきます。 コードの書き方 <a href="http://wataruwebdesign.web.fc2.com/"> src="http://webftp.athuman.com/~haa170266/FC2_top.jpg" alt="FC2_top"></a> 僕はミスりましたが、<img src>でサーバーの中にある、 画像の置き場…
今日はずっとこれをやっていたので疲れました。 まだまだ自分の思い通りに組めないので、 練習を重ねていかなければと思いました。
モンドリアンの絵をIllustratorでトレース jpegでweb用に保存 サーバーにアップ backgroud-image:url("http://webftp.athuman.com/~haa170266/background.jpg")で指定 background-repeat:repeatで繰り返し表示 といった感じで、背景を変えてみましたが、いく…
コーディング作業中、あるコードを別のコードに変えたい時に便利な機能。編集→検索/置換 置き換えたいコードを検索フィールドに、 置き換えられたいコードを置換フィールドに入力し、「全てを置換」。 <h1>の設定の考え方 ロゴや企業名を<h1>に設定するのはある程度</h1></h1>…
テスト 画像にリンクを貼るために画像をサーバーにアップして、 そこから引っ張ってくれば貼れるかなと思ったんですが、 全くうまくいきませんね。。。 <img src>の中の<alt>属性にリンクが貼られるだけになってしまいます。 もう少し違う方法も試してみます。</alt>