スタイルシート ワークショップ
CSS+XHTMLによる「Web標準」実践ガイド
Webクリエイター必修。これほどまでに充実したCSSガイドはこれまでなかった。確実に身につく充実の”基礎講座”と第一線で活躍するプロのデザイナーによる12の実践型”ワークショップ”で学ぶ、スタイルシート・デザインのすべて。
【目次】
●Part01 CSS Basic Knowledge
Chapter01 CSSとWeb標準
Chapter02 XHTMLの基礎
Chapter03 CSSの基礎
●Part02 Professional CSS for Web Design
Workshop01 少ない構成要素を大胆に表現したサイト
Workshop02 タブ型ナビゲーションを用いたクールなサイトデザイン
Workshop03 写真イメージのリッチな表現
Workshop04 アコーディオン型ナビゲーションのサイト
Workshop05 エラスティックリキッドレイアウトのサイト
Workshop06 アクセシビリティを確保したデータテーブル
Workshop07 Flashとポジションプロパティを用いたデザイン
Workshop08 お問い合わせフォームのCSSデザイン
Workshop09 モダンな印象を表現したコーポレートサイト
Workshop10 携帯電話向けサイトのWebデザイン
Workshop11 複雑なクリッカブルエリアを持つブログ型サイト
Workshop12 印刷を考慮したアクセスマップページ
ご意見・ご感想
;
【コーディング初心者向け】
positionで上下左右のセンターに要素を移動する
https://youtu.be/xbdXfxU9Fxg
#コーディング
#CSS3
#スタイルシート
positon relativeについて HTML復習③ - 好きなとこに文字を配置できます🌸
#HTMLタグ
#スタイルシート
#CSS
https://purechan22.hatenablog.com/entry/2022/09/29/111703
【コピペ】CSSだけで作る矢印を組み合わせたボタンエリアを作る方法
https://dad-union.com/css/1966
#CSS #スタイルシート #プログラミング初心者と繋がりたい #駆け出しエンジニアと繋がりたい #html #ブログ仲間と繋がりたい #Blog #blogger #ブロガー #webdevelopment #Webデザイナーと繋がりたい #webdev
“rel=stylesheet”｜“rel”属性｜“link”要素:外部リソースと関連付ける｜HTML－havin' a coffee break｜珈琲とウェブデザイン https://web.havincoffee.com/html/tag/link/rel-stylesheet.html
#html #link要素 #rel属性 #stylesheet #スタイルシート
#スタイルシート ってサイト全体の共通の css ファイルはもちろん必要だけど、ページごとに１つ専用のcssファイルも作った方が良い気がする
例えば
login.css
home.css
など、ログイン画面専用、ホーム画面専用のようなcss ファイルを作った方が自由度が上がる
#駆け出しエンジニアとつながりたい
