HTML
サイト解析＆ダウンロード＆リンクチェックなどに使える。サイトのファイル構成まで見れるので、ブラウザに付いている「Webページを保存」より高性能。Web サイトの研究など勉強の過程にいかがですか？ｗWebsite Explorer(フリーソフト)
前回の、サイトの保守(？)に関する記事。 タイトルの通り、Scriptはhtmlソース内に書くべきでない。具体的な例をあげると、 bodyタグのonload onclick、onmouseover、onmouseoutなど など。 なぜかというと、 修正するときに大変だから。 同じ理由で、タグに…
透過pngをIE6で表示させようとすると、99％以下の透過部分がグレーになってしまいますよね。透過pngをIE6で表示させる為には、winの拡張API機能であるDirectXを使用して、IE6独自のCSSフィルターであるAlphaImageLoaderというものを使って、他ブラウザと同じ…
検索エンジンから一番見られるのがp(パラグラフ) しかも、その中の一番最初の単語が一番大切。※h1も大事だけど、pが大事。body内の、一番最初に出てくるp要素内の、最初の単語！ meta meta要素では、keywordsじゃなくてdescriptionが重要。 CMSはつよい 例え…
【もくじ > Webデザインノート｜レイアウト練習04 ＋α】 WebデザインLabのじっけんページに レイアウト練習をアップしました。まだ終わってない方はソース見ちゃいや・゜・(ノД`;)・゜・笑
【もくじ > Webデザインノート｜レイアウト練習03】 こんどこそっ！作業時間：１時間(配置の微調整：＋２０分) ※またまた画像が直リンクです。 ま、まぁ、一度やってたので…^^; だいぶコツを掴んできた＾＾
【もくじ > Webデザインノート｜レイアウト練習02 続き】 ※１つ前の記事、サーバーとFFFTPの説明もよかったら御覧ください １カラムレイアウト その４ これも完全に何も参考にせずに終わりました。 だいぶコツつかめてきたかも。 製作時間：１時間１０分 画…
【もくじ > Webデザインノート｜レイアウト練習02】１カラムレイアウト その１ １カラムレイアウト その２ １カラムレイアウト その３レイアウト1の高さ指定を実数値でなく、 overflow: hidden;でよかったでした。 以降2,3は使ってるのに(^^;; (追記)やはり…
【もくじ > Webデザインノート｜レイアウト練習01】 Ganoくんのレイアウト完成ページを見ながらなんとか制作。 若干のズレが多々見られるが、とりあえず…。 制作時間：約３時間半 ※スペースの問題上、ソースは今回掲載致しません。 画像が制作ページに直リン…
【もくじ > Webデザインノート｜画像置換のボタン作成】 さっそく自作サイトに貼っつけちゃいました^^ 元々のボタンよりかっこいいよ〜(T_T)笑あと、iPhoneで見たら、押したときのみ画像が変化しました。。☆文字を隠すのは「visibility: hidden;」で…。 ※ぶ…
【もくじ > Webデザインノート｜HTML〜CSS 授業メモ 6/16】 ●meta metaはhead直下、256B以内に記述する必要がある。 ﾅｾﾞ? @charset=UTF-8 を先に読ませないと文字化けするから。 ●linkタグの属性 media･･･"all"は古いブラウザだと読まない。よって、これは使…
【もくじ > Webデザインノート｜カラムレイアウトと擬似クラス 課題】 レイアウト課題１,２ ▼CSS（課題１） <style type="text/css">
【もくじ > Webデザインノート｜HTML〜CSS ボタン実験】 ボタンにJavaScriptを使わない簡単な方法。 (黄色い矢印はマウスカーソルの代わりです。) ※画像クリックで私のサイトへ飛びます。 「css/index.css」 ： div#nav { width: 750px; height: 40px; } div…
【もくじ > Webデザインノート｜グローバルナビのボタン・つくりかた】 こちら先輩ブログで技を盗むべく研究。【一人前のwebデザイナーを目指して｜web designbook】非常にありがたいので、リンク集にも貼らせて頂いております。 ブログの名前も似てますし♪…
【もくじ > Webデザインノート｜HTML〜CSS 練習サイトの作成】実は以前の日記に書きましたが、練習・実験用サイトを作りました。 サイドメニュー「Webデザイン｜リンク集」の一番下のリンクにあります。 練習用なので、どんどん「チェーーンジ！」します。恥…
【もくじ > Webデザインノート｜HTML〜CSS作成手順】 HTML〜CSS作成手順 これはとても大事なので、自分で実際に描いて勉強。 割とこの手順は崩れがちなので気をつける。とりあえずサクっとこんな感じ。ついでに「cacoo」で書く〜練習。誰でも簡単に使えるよ…
【もくじ > Webデザインノート｜HTML・CSS 06/06】授業ノート●DTDについて charsetではshift-jisはあまり使わない。 上記metaを記入しないと文字化けする。 ・「UTF-8」データベースを使う場合必要。(大文字と小文字の区別は特にない。) ・XHTMLの利点。 そ…
【もくじ > Webデザインノート｜ブロックレベル要素・インライン要素】 インライン要素 主にアンカータグ<a>。参考までに → インライン要素一覧 ブロックレベル要素 <div> … ブロックレベル要素化 <dl> … 定義型リスト <h1〜6> … 見出し <hr> … 横罫線 <ol> … 番号付きリスト <p> … 段落 <table> …</table></p></ol></hr></h1〜6></dl></div></a>…
【もくじ > Webデザインノート｜HTML】リンクとリスト※<ul>は、ナビゲーションに一番使われる → 中身をいかに並列に書き並べるかが大事※最新情報とか更新情報は → きちんとした見せるべき情報が無いとページを見てもらえなくなる。 ・ １週間ごとに更新できるの</ul>…
【もくじ > Webリテラシーその１】本日のノートをまとめたいと思います。 ※ブログ内で表示形式や記法を色々試行錯誤をしてみましたが… とりあえずこれを貼っておきます。とりあえず。はてな記法一覧 HTML内での記号表記 < … < > … > & … & " … &qu…
【もくじ > HTMLとXHTMLの違い】今さらかもしれませんが、 知らないものを放っておく訳にはいかないので。 これらは、多少古い情報ではありますが、 ■XHTMLに関連するW3C勧告を載せます。・XHTML™ 1.0: The Extensible HyperText Markup Language ・XHTML™ B…
