WebデザインノートBOOK

Webクリエイターに関する勉強を書き記したブログになります。

2011-06-01から1ヶ月間の記事一覧

インターネット

(追記2) jcomより。 障害内容 いや3時35分復旧って... 4時以降も繋がらなかったんですけど... あ、復旧作業を開始した時間ですよねヽ( ´ー`)ノ 接続不良事件 先程まで、普段通りネット回線を使えていたところ、 急に接続が途切れ、今は完全に使えない状態。…

Webデザインノート|Dreamweaver設定 ・ Flash練習02

Dreamweaver サーバー接続時に自動生成される「_notes」フォルダについて。 「_notes」フォルダとは Adobe デザインノートの有効化と無効化 ↓場所 (「サイトの管理」→「編集」→「詳細設定」→「デザインノート」) チェックを外す。 サーバー接続画面での左…

Webデザインノート|デザインNo.6、7

www.dario-g.com (サイト全体を縮小している画像です) 今はデザインが変わってしまっているので、 見た目だけで判断。 フォントは小さく全体的こじんまりしてますが、 とてもまとまったレイアウトだと思います。 ENEOS こちらももうデザインは変わってますが…

Webデザインノート|2011/06/28 課題2

CSS

無理やり配置を揃えたりしたので、 ひどいソースになってます。。。Wants Cake

Webデザインノート|WordPress

先生の今朝のブログ記事より、 @PAGESは、PHP、MySQLが使えるとの情報を頂きましたので… 1から設定&インストール♪ 超〜簡単にできちゃった(笑)※PHPとMySQLは落としてたので、 作業時間は10〜20分くらい。 ここはアタマに広告入るから練習用に使おーっと^^

Webデザインノート|Photoshop 練習

↓かな〜り前にGIMP2で作ったやつ。 スモークが歪だし、なんだかぼやけ具合が半端ない。 切り抜きも雑だ。 せっかくPhotoshopを習ったので使ってみよう♪ということで素材は以前使ったのと同じく…↓これと ↓これと ↓…これ :: ↓それでさっき作った画像(1時間…

Webデザインノート|2011/06/27 演習5.2 ・ CS5.5wp

※ 飛びます飛びま(ry わーい(^O^)/CS5.5 Web Premium届いた♪ 高い買い物は流石に土日挟んでも速攻届くな〜(笑)昨日の夜にシリアル申請送ったので、 あとは全くギャグの無いつまらない送信コメントさえ通れば...( ゚∀゚)自分で買うとまた一段とありがたみがヽ(…

参考書籍「スタイルシート 上級レイアウト」

タイトルの本の演習をやっていこうと思います。 これも課題と同じページに追加致します。WebデザインLab/課題ページとりあえずChapter.5から。 手始めに1つ完成。 ところで...、 やっぱり床に長時間座ってのPC操作は、 物凄く腰に響きます(~_~;)痛い...。

Webデザインノート|06/24までの課題・デザイン変更・ポチ

【もくじ > 06/24までの課題・デザイン変更・ポチ】 ・課題をアップいたしました ・・・・・・・・・・・・ WebデザインLab/課題ページ ・CS5.5 Web Premiumをポチしました ・・・ さらにケツドラムされる思い。・ページデザインを夏っぽくしました ・・・・・ 改造たのしー♪ ※元々の…

イラスト練習

【もくじ > イラスト練習】 ※おまけにとびます。

ブログ改造

【もくじ > ブログ改造】 今日は課題をすこし置いて、当ブログの改造をしてました。 なかなかうまくいきません。何故なら、 HTMLもベースのCSSも他人が作ったものだし、 そもそもごく一部しかHTMLをいじれないから。 名前も囲う範囲も変えられないんですもん…

(練習)ど○えもん

【もくじ > (練習)ど○えもん】 Illustrator&Photoshop練習 ↓

Firefoxのメモリー消費

【もくじ > Firefoxのメモリー消費】 メモリー大好きfirefox 4になって一段とメモリー消費のでかい火狐。 4になって前のアドオンが使えない場合が多いので、 アドオン、外部アプリケーション、色々探してみましたが、 やはりabout:configを使った設定でいく…

Webデザインノート|レイアウト練習04 続き+CSSプロパティ記述順

CSS

【もくじ > Webデザインノート|レイアウト練習04 続き+CSSプロパティ記述順】 ●CSSプロパティ記述順 徐々にCSSに記述するプロパティが増えてきた...という訳でもありませんが、そろそろ記述の順番にしっかり規則性をもって記述していこうと思います。 1.…

Webデザインノート|レイアウト練習04 +α

【もくじ > Webデザインノート|レイアウト練習04 +α】 WebデザインLabのじっけんページに レイアウト練習をアップしました。まだ終わってない方はソース見ちゃいや・゜・(ノД`;)・゜・笑

Webデザインノート|レイアウト練習03

【もくじ > Webデザインノート|レイアウト練習03】 こんどこそっ!作業時間:1時間(配置の微調整:+20分) ※またまた画像が直リンクです。 ま、まぁ、一度やってたので…^^; だいぶコツを掴んできた^^

Webデザインノート|レイアウト練習02 続き

【もくじ > Webデザインノート|レイアウト練習02 続き】 ※1つ前の記事、サーバーとFFFTPの説明もよかったら御覧ください 1カラムレイアウト その4 これも完全に何も参考にせずに終わりました。 だいぶコツつかめてきたかも。 製作時間:1時間10分 画…

Webデザインノート|サーバーとFFFTPの説明

【もくじ > Webデザインノート|サーバーとFFFTPの説明】 ※需要があるとのことですので、書かせていただきます。 ●サーバーの概念 FFFTPによるサーバーとのやりとりを説明する前に、 とりあえずサーバーというもののイメージだけご説明します。 少し回りくど…

Webデザインノート|レイアウト練習02

【もくじ > Webデザインノート|レイアウト練習02】1カラムレイアウト その1 1カラムレイアウト その2 1カラムレイアウト その3レイアウト1の高さ指定を実数値でなく、 overflow: hidden;でよかったでした。 以降2,3は使ってるのに(^^;; (追記)やはり…

Webデザインノート|レイアウト練習01

【もくじ > Webデザインノート|レイアウト練習01】 Ganoくんのレイアウト完成ページを見ながらなんとか制作。 若干のズレが多々見られるが、とりあえず…。 制作時間:約3時間半 ※スペースの問題上、ソースは今回掲載致しません。 画像が制作ページに直リン…

リカバリーその後。そしてSAKURA

【もくじ > リカバリーその後。そしてSAKURA】 とりあえずはPC大丈夫そうです。 もう急にシステムダウンしても、バックアップとってるんで安しn…PCと熱く戯れた後は、サクラエディタの細かい改造をしておりました。このエディタはSEの時から使ってるんですが…

リカバリー part2

【もくじ > リカバリー part2】 またblue screen →シャットダウンなりました... ちょっと本気でやらなきゃダメだ。 作業が進まなくて困るので。ハード系のチェック等やってからの様子見で クリーンインストも検討中。 ただ、このPCのOSは元々Vistaで、 無料…

Webデザインノート|画像置換のボタン作成

【もくじ > Webデザインノート|画像置換のボタン作成】 さっそく自作サイトに貼っつけちゃいました^^ 元々のボタンよりかっこいいよ〜(T_T)笑あと、iPhoneで見たら、押したときのみ画像が変化しました。。☆文字を隠すのは「visibility: hidden;」で…。 ※ぶ…

Webデザインノート|リカバリー

【もくじ > Webデザインノート|リカバリー】 お肉のfree photoを検索&ダウンロードしてたら、 急に画面がブルーバック&親方さま(PC)のお怒りコード表示で 最後は強制終了しおった(゚o゚;; 兄貴たちの呪いか...((( ゚д゚ ;))) 仕方なくケータイ。 昨日(おとと…

Webデザインノート|win版 内部のゴミ消し

【もくじ > Webデザインノート|win版 内部のゴミ消し】 アプリケーションのアンインストールを行ったときは、 「Program Files」内のアプリケーションフォルダ配下も消します。 なぜなら「.iniファイル(設定データ)」とかが残っているからです。 さらに、こ…

Webデザインノート|HTML〜CSS 授業メモ 6/16

【もくじ > Webデザインノート|HTML〜CSS 授業メモ 6/16】 ●meta metaはhead直下、256B以内に記述する必要がある。 ナゼ? @charset=UTF-8 を先に読ませないと文字化けするから。 ●linkタグの属性 media・・・"all"は古いブラウザだと読まない。よって、これは使…

Webデザインノート|新規・自作サイト

ここの上に移動しました。さて。どう料理しましょうか(^_^;)

Webデザインノート|Photoshop 素材

【もくじ > Webデザインノート|Photoshop 素材】 ここのリンク先の Welcome to Dezinerfolio | Dezinerfolio下記赤丸部分2つとも。 これと、 これ。 ダウンロードしたものを解凍し、 中にあるものをWクリックでPhotoshopに適応されます。

Webデザインノート|HTML〜CSS カラムレイアウトと擬似クラス 課題

【もくじ > Webデザインノート|カラムレイアウトと擬似クラス 課題】 レイアウト課題1,2 ▼CSS(課題1) <style type="text/css">

Webデザインノート|CSS デフォルトスタイルの初期化

CSS

【もくじ > Webデザインノート|CSS デフォルトスタイルの初期化】 CSSの初期化フォーマットのメモ CSSをリセット « 基金訓練Webデザイン研究所|基金訓練Web講座実践記録 [CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版 | コリス …