無料マンガ・ラノベなど、豊富なラインナップで100万冊以上配信中!
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
◆ホームページを作りながらHTML&CSSを学ぼう!◆
本書は豊富なビジュアルと細かな入力&操作解説で、シンプルなページを作成しながらHTML とCSS が学習できる入門書です。「お茶のある生活」をテーマとした①トップページと②お茶紹介の記事ページ、③関連サイトへのリンク集ページ、④写真ギャラリーページ、⑤自己紹介の5 ページ構成のサイトをチュートリアル形式で作成し、ホームページサービスで公開するまでを解説します。本書はWindows 11、HTML Living Standard、CSS3に対応しています。
■目次
●第0章 事前準備
●第1章 ホームページづくりをはじめよう
・Section 01 ホームページのしくみを知ろう
・Section 02 ホームページをつくる手順を学ぼう
・Section 03 パソコンに作業場をつくろう
・Section 04 テキストエディターの準備をしよう
●第2章 文章を表示するホームページをつくろう
・Section 05 HTMLファイルをつくってみよう
・Section 06 ホームページの基本部分をつくろう
・Section 07 文字を正しく表示しよう
・Section 08 ホームページにタイトルをつけよう
・Section 09 文章を段落ごとに分けよう
・Section 10 見出しをつけて読みやすくしよう
……ほか
●第3章 ホームページをつなぐリンクを設定しよう
・Section 14 リンクの張り方を学ぼう
・Section 15 外のホームページにリンクを張ってみよう
・Section 16 同じページ内にリンクを設定しよう
●第4章 ホームページを装飾しよう
・Section 17 スタイルシートの書き方を学ぼう
・Section 18 スタイルシートを使ってみよう
・Section 19 文字の色を変えよう
・Section 20 背景の色を変えよう
・Section 21 文字のサイズを変えよう
・Section 22 見出し文字の太さを変えよう
・Section 23 新しいCSSファイルを追加しよう
……ほか
●第5章 画像をホームページに掲載してみよう
・Section 27 画像用のフォルダーをつくろう
・Section 28 ホームページ用に写真サイズを調整しよう
・Section 29 ホームページのタイトルを画像でつくろう
・Section 30 ホームページの中に画像を配置しよう
・Section 31 画像のまわりに文章を配置しよう
●第6章 表をホームページに掲載してみよう
・Section 32 表全体を作成しよう
・Section 33 表の見出し行をつくろう
・Section 34 罫線の太さを設定しよう
・Section 35 背景に色をつけてみよう
・Section 36 罫線と文字のあいだを整えよう
●第7章 ホームページを見やすくレイアウトしよう
・Section 37 文字を好きな位置で揃えよう
・Section 38 行間を開けて文章を読みやすくしよう
・Section 39 文字と文字のあいだを調整しよう
・Section 40 見出しと段落のあいだを空けよう
・Section 41 画像のまわりの余白を調整しよう
・Section 42 文章の幅を調整しよう
……ほか
●第8章 いろいろなページをつくってみよう
・Section 46 テンプレートファイルをつくろう
・Section 47 ギャラリーページをつくろう
・Section 48 ギャラリーページをレイアウトしよう
・Section 49 ページどうしをリンクさせよう
●第9章 ホームページを公開しよう
・Section 50 レンタルサーバーサービスを利用しよう
・Section 51 ファイルを転送しよう
・Section 52 つくったホームページを確認しよう 192
・Section 53 ホームページを更新しよう
●第10章 ホームページをさらに工夫してみよう
・Section 54 ポイントすると画像が半透明になるようにしよう
・Section 55 スマートフォンでもきれいに表示しよう
・Section 56 ホームページにGoogleマップを表示しよう
・Section 57 YouTubeに動画をアップロードしよう
・Section 58 YouTube動画をホームページに表示しよう
※アプリの閲覧環境は最新バージョンのものです。
※アプリの閲覧環境は最新バージョンのものです。