Top > Webデザイン

Webデザイン Edit

WEB作成の豆知識
このサイトの講座を読めば、CSSって何？という初心者から中級者にまでなれる。
http://www.web-mame.net/

よりよいWebデザインにするための配色のセオリー :: Love & Design ::
http://sweetlovexx.seesaa.net/article/90107619.html

eWeb
様々なテクニックがよくまとまっている。
http://www.eweb-design.com/

Webデザインパターン
http://www.welie.com/index.php

ASP.NETのデモ集
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/Accordion/Accordion.aspx

Web標準（よりよいHTMLとCSSのために） Edit

DOCTYPEと互換モード・標準モード Edit

結論から言うと、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

を使って標準モードにするのがよい。

DOCTYPEの種類

Strict厳密に準拠
Transitional非推奨タグもつかえる
FramesetTransitionalに加えてフレームが使える。フレームを使うときはこれ

さらにURIを指定する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

のとしない

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

ではブラウザの互換モード・標準モードが変わってくる。
標準モードの方がスタイルシートの解釈が仕様通りに近く、扱いやすい。

URI指定モード標準フォントサイズwidth,height
あり標準モードmediumに等しいborderを含めない数値
指定なし互換モードsmallに等しいborderを含めた数値

スタイルシート［CSS］/CSSの基本/表示モードによる解釈の違い - TAG index Webサイト
http://www.tagindex.com/stylesheet/basic/mode.html
HTMLタグ/HTMLの基本/DOCTYPE宣言 - TAG index Webサイト
http://www.tagindex.com/html_tag/basic/doctype.html

http://www.dspt.net/html_tag/mode.html

ボタン等画像生成サイト Edit

ウェブデザインに使える16のジェネレーターツール
http://www.designwalker.com/2007/01/generator.html

国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス -...
http://kachibito.net/web-service/14-web-service-made-in-japan.html

ボタン生成。なかなかいい。
http://box.aflat.com/buttonmaker/

アイコンとフォントを選んでロゴ作成。英文字ならコレ！
http://phpspot.org/blog/archives/2006/10/free_logo_maker.html

同じようなロゴ作成
http://www.logoyes.com/logocreator.php

グラデーション＋映りこみのロゴ
http://web2.0stylr.com/stylr.aspx

映りこみ画像生成
http://www.reflectionmaker.com/

favicon作成ならこれが一番シンプル
http://antifavicon.com/

デザインの優れたサイトを集めたサイト Edit

日本と海外のWEBデザインリンク集（CSSギャラリー）まとめ - ミblog : レビューや日常など
http://www.meblog.info/743.html

あんじょうできてはる 日本のサイトを多く収集している
http://anjo.dekiteharu.jp/

海外　ジャンル分けされているのがいいが、やはり海外のは参考にならない。
http://www.coolhomepages.com/

WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなど
http://www.ikesai.com/

写真・素材 Edit

写真素材 足成【フリーフォト、無料写真素材サイト】
http://www.ashinari.com/

ゆんフリー写真素材集
http://www.yunphoto.net/

クリップアートファクトリー | 全部無料で使えるテンプレート&素材集のダウンロードサイト
http://www.printout.jp/clipart/index.html

フォント Edit

和文フォント大図鑑
http://www.akibatec.net/wabunfont/library.html

高級感のある明朝といえば「小塚明朝」
http://www.akibatec.net/wabunfont/library.html

プロフェッショナルのデザイナーがよく使う21種類のフォント - GIGAZINE
http://gigazine.net/index.php?/news/comments/20081017_fonts_professional_designers/

プロのグラフィックデザイナーに使われているフォントベスト7
http://blog.e-riverstyle.com/2008/10/7-1.html

個人サイト Edit

企業ホームページ Edit

株式会社グラソフト
http://www.grasoft.co.jp/

クオリア
http://www.qualia.ne.jp/

白黒（グレー）＋1色だけでできてる
http://www.okushin.co.jp/

Java, PHP小規模。取締役27歳ITベンチャー。
http://www.axia.co.jp/

水色が基調。
http://www.sei-info.co.jp/index.html

システム導入までのステップがよい
http://www.web-appli.jp/index.html

ポップでかわいい。WEB制作会社。上海クイーン
http://www.queenweb.jp/web.htm

住友電工情報システム株式会社。製品情報の見せ方
http://www.sei-info.co.jp/index.html

インフォケーション。WEBシステム開発をお手伝いします。
http://www.web-appli.jp/index.html

シーシーエス株式会社
http://www.ccs-inc.co.jp/

わふわふサーバー。メニュー。本文周囲の枠。画像少な目。
http://wfwfserver.ne.jp/function/index.html

メニューがないタイプ。ロゴ、社名が小さめで画像が大きい。
http://www.harakosan.co.jp/index.htm

業務システム Edit

「ゲーム感覚で仕事ができる」--業務システムに魔法をかけたバリュープレス:ニュース - CNET Japan http://japan.cnet.com/news/ent/story/0,2000056022,20342461,00.htm

日立のTENSUITE
http://www.tensuite.jp/fabrication/function/seisan.html#sec3

http://www.kinotrope.co.jp/solutions/system/index.html

派遣can
http://www.hakencan.com/online_demo.html

働くDB オンラインデモが利用可能
https://demo.hatarakudb.jp/htdbdma/

画像 Edit

File not found: "asial.gif" at page "Webデザイン"[Upload]
アシアル株式会社のホムペにあった画像。


URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White
Reload   New Lower page making Edit Freeze Diff Upload Copy Rename   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes
Last-modified: (64d)