WEB設計図を読む力
僕は専門学校でWEBデザイナーコースの授業を週19コマ受け持っているのですが、２年生のこの時期には毎年決まって出す課題があります。 それは、既存サイトをXHTMLとCSSで組み直すというもので、自分で選んだサイトを見て、見出しのアウトラインを見つけ、デザインのパターンからclassを作り、出来る限りシンプルなXHTMLで文書で、可能な限りCSSでビジュアルを実物と近づけるというものです。 本当、この時期就職活動のための作品も残さなくてはいけないから、時間も貴重なのだけど、出来るだけ多くのサイトを、習ったとおりに作り直して欲しい。これは本当にスキルアップする課題だと思うから。 他人がレイアウトしたものを再現する過程では、自分が考えたものを再現するのとは、逆の順序を辿って考えなければいけない。 まず、見出しのLVを読み取り、アウトラインを作るには、そのページの文章を読み取って理解しなければいけ
メニューのXHTML ３パターン - 3ping.org
この記事はMAQUE Movable Type テンプレートのカスタマイズTipsとして書いた記事ですが、Movable Typeに共通する内容なのでBazookaでエントリーを投稿する事にしました。 Movable Typeは、Menu部分の構成をテンプレートから自由にカスタマイズ出来るのですが、XHTMLの仕様に沿っていて、無駄なく、尚且つカスタマイズしやすい構成となると、ここで紹介するようなパターンに絞られてきます。 紹介するMovable TypeのMenu部分のソースは、 XHTML Strict DTDに準拠している 無駄な要素を作らない CSSによるデザインの柔軟性が高い CSSで、2カラム、3カラムのレイアウトが出来る という条件で構成しました。 Type1. 定義リスト DL Menu全てをdiv要素で包み、その子供に2つのdl要素があります。左のdlを#navigati
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌
