マネするだけでセンスいい!CSSデザイン
発売日:2023年11月
- ページ数
- 311p
- ISBN
- 978-4-8007-1320-9
- 著者情報
- YUI(YUI)
Webクリエイター。2児のママ。二人目の育休中にWebの勉強を独学で始め、1ヶ月後に制作会社に入社。1年後に独立して2年ほどフリーランスを経験し、現在はIT企業でデザイン・コーディング・サイトの保守改善を担当
セブン-イレブン受取り(送料無料)
発送目安
発売日(発売日以降は当日)~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
- 対象年齢
- 一般
- フォーマット
- 単行本
注意事項
- 本の帯に関して
- 帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。 - 版・表紙について
- 版・表紙(カバー)のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典(初回特典、初回仕様特典)がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。