マネするだけでセンスいい!CSSデザイン

YUI/著

発売日:2023年11月

  • マネするだけでセンスいい!CSSデザイン
  • マネするだけでセンスいい!CSSデザイン
ページ数
311p
ISBN
978-4-8007-1320-9
著者情報
YUI(YUI)
Webクリエイター。2児のママ。二人目の育休中にWebの勉強を独学で始め、1ヶ月後に制作会社に入社。1年後に独立して2年ほどフリーランスを経験し、現在はIT企業でデザイン・コーディング・サイトの保守改善を担当

¥2,728 税込

12 nanacoポイント

12 セブンマイル

セブン-イレブン受取り(送料無料)

発送目安

発売日(発売日以降は当日)~2日で発送

宅配(送料¥550税込)

発送目安

発売日(発売日以降は当日)~2日で発送

交通状況・天候の影響や注文が集中した場合等、お届けにお時間をいただく場合がございます。

商品説明

知識ゼロでも大丈夫!手を動かして楽しく学べる。Webデザインが一気にわかる!すぐに使えるコードが満載!!

今どきのおしゃれなWebデザインを学べます。

・知識ゼロから手を動かして学べる
・デザインのコツがスラスラわかる
・現場でお役立ちのTipも満載
・CSSでアニメーションも作れる

CSSデザインをはじめて学ぶならこの1冊!

対象の読者
・これからWebサイト制作をする初心者
・Webサイトの更新を任されてしまった方
・一からデザインを作るのに不安のある方

目次

Chapter1 基礎をしっかり学ぼう
1-1 WebサイトとWebブラウザの基本
1-2 Webデザインはこうして進めよう
1-3 HTMLの書き方を覚えよう
1-4 CSSの基本を学ぼう
1-5 レイアウトについて
1-6 作業環境を整えよう
1-7 CSS設計とは

Chapter2 HTMLとCSSで簡単アニメーション
2-1 マウスホバーアニメーション
2-2 拡大して動くボタン
2-3 テキストにアイコンを重ねると動くボタン
2-4 スライドインするアニメーション
2-5 自転する惑星のような楕円形アニメーション
2-6 上下に浮遊する吹き出し
2-7 変形しながら回転するアニメーション
2-8 回転する3Dボタン

Chapter3 ヘッダーデザインを作ってみよう
3-1 ヘッダーデザインの共通コード
3-2 ベーシックなヘッダーデザイン
3-3 ロゴを中央に配置したヘッダーデザイン
3-4 ナビゲーションに区切りラインを入れたヘッダーデザイン

Chapter4 カードデザインを作ってみよう
4-1 カードデザインの共通コード
4-2 シンプルなカードデザイン
4-3 ポラロイド風カードデザイン
4-4 シンプルで優しいテイストのカードデザイン
4-5 丸数字カードデザイン
4-6 オーバル型のおしゃれなカードデザイン

Chapter5 フォームデザインを作ってみよう
5-1 フォームデザイン
5-2 シンプルで定番なフォームデザイン
5-3 塗りとボーダーを併用したフォームデザイン
5-4 テーブルを使ったフォームデザイン

Chapter6 フッターデザインを作ってみよう
6-1 フッターデザイン
6-2 ベーシックな2カラムフッターデザイン
6-3 SNSアイコンを配置したグラデーションデザイン
6-4 「お問い合せ」ボタンを追加したフッターデザイン
6-5 店舗画像を掲載したフッターデザイン

Chapter7 テーブルデザインを作ってみよう
7-1 テーブ ほか

商品詳細

出版社名
ソーテック社
サイズ
24cm
対象年齢
一般
フォーマット
単行本

注意事項

本の帯に関して
帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。
版・表紙について
版・表紙(カバー)のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典(初回特典、初回仕様特典)がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。

あなたへのおすすめ