できるホームページ HTML&CSS入門 Windows 8.1/8/7/Vista対応

できるホームページ HTML&CSS入門 Windows 8.1/8/7/Vista対応

¥1,580+税

品種名
書籍
発売日
2014/3/20
ページ数
288
サイズ
B5変形判
著者
佐藤和人&できるシリーズ編集部 著
ISBN
9784844335627

本書の手順を追うだけでホームページが完成!

手順通りに操作するだけでホームページ作りの基本が身に付く! 愛犬のホームページをゼロから一緒に作ってみましょう。日記やリンク集、写真集のページを作るうちに、HTMLタグとスタイルシート(CSS)の書き方から、インターネットにホームページを公開する方法まで、必要な知識が無理なくしっかり学べます。さらに、愛犬の動画や旅行先の地図、Facebookのボタンなどを埋め込んでホームページを彩る方法も紹介。便利なフリーソフトと素材集を収録したCD-ROMも付いているので、この1冊でホームページ作りをすぐに始められます!

 

付属CD-ROMの内容は【こちら】よりダウンロードできます

※電子版にはCD-ROMが付属しません。

「読者アンケートに答える」「読者プレゼントに応募」の場合もこちらをご利用ください。

アンケートに答える

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

学校・法人一括購入に関するお問い合わせはこちらへ。

一括購入窓口

詳細

■著者からのメッセージ

 本書は、2004年に刊行した『できるホームページHTML入門 Windows対応』の3回目の改訂版になります。作業の手順をWindows 8.1に合わせたものに変え、現在のインターネットの状況に合わせてレッスンの追加や削除を行っています。
 ただし、本書でのホームページ作成の大まかな流れは、10年前に刊行したものとまったく同じです。幸いなことに本書は長い間読者の皆さまからのご支持をいただいてきましたが、基本的な流れを愚直にふまえ、「当たり前のこと」を追求していたのがその理由であろうと考えています。
 HTMLとCSSという「シンプルだけど出来がいい」技術は20年以上寿命を保ってきました。本書をきっかけにして、ホームページ作成という息の長い技術の基礎を覚えておけば、これから何十年もこの技術を役立て、楽しみ続けることができるでしょう。(著者まえがきより抜粋)

 


 

■著者プロフィール

佐藤和人(さとう かずと)

フリーライター兼プログラマー。著書に『基礎Ajax + JavaScript』、共著に『改訂新版 基礎Ruby on Rails』(以上、インプレスジャパン)がある。現在は株式会社ルビキタス(http://rubyquitous.co.jp)でWebサイトの開発に携わる。

 


 

■ページイメージ

 

 

目次

まえがき
できるシリーズの読み方
目次

 

第1章 ホームページの仕組みを知ろう

レッスン1 ホームページって何? <ホームページ>
レッスン2 ホームページ作りを理解しよう <ホームページ作成の流れ>
レッスン3 ホームページの基本を知ろう <HTMLファイル>
レッスン4 ホームページを無料で作ろう <テキストエディター>
レッスン5 ホームページのテーマを決めよう <テーマの決定>
この章のまとめ

 

第2章 ホームページを作る準備をしよう

レッスン6 ファイルの種類が分かるようにするには <フォルダーオプション>
テクニック:ファイルの種類は拡張子で判断する
レッスン7 HTMLファイルを保存するフォルダーを作るには <新しいフォルダー>
レッスン8 HTMLファイルを作るには <名前を付けて保存>
レッスン9 HTMLファイルを更新するには <最新の情報に更新>
この章のまとめ
練習問題
解答

 

第3章 ホームページに表示する文章を作ろう

レッスン10 文章を構成するタグを知ろう <文章を構成するタグ>
レッスン11 HTMLファイルの基本部分を作るには <DOCTYPE/htmlタグ>
レッスン12 ホームページの基本部分を作るには <headタグ/bodyタグ>
レッスン13 日本語を正しく表示するには <文字コードの指定>
レッスン14 ホームページにタイトルを付けるには <titleタグ>
レッスン15 見出しを付けるには <h1タグ/h2タグ>
テクニック:タグの内容に「<」「>」「&」を使いたいときは
レッスン16 本文を段落と改行を使って入力するには <pタグ/brタグ>
レッスン17 文字を強調するには <emタグ>
レッスン18 箇条書きのリストを作るには <ulタグ/liタグ>
テクニック:番号付きのリストを作る
この章のまとめ
練習問題
解答

 

第4章 リンクを張ってホームページをつなげよう

レッスン19 リンクでホームページを充実させよう <リンクの効果>
レッスン20 属性の仕組みを知ろう <属性と値>
レッスン21 ほかのホームページにリンクを張るには <aタグ>
レッスン22 見出しにリンクを張るには <href属性/id属性>
テクニック:リンクの色は元に戻せる
この章のまとめ
練習問題
解答

 

第5章 ホームページを公開しよう

レッスン23 ホームページ公開の準備をするには <プロバイダーへの申し込み>
テクニック:プロバイダーのホームページサービスを利用しよう
レッスン24 ファイルを保存する準備をするには <FFFTP>
レッスン25 ホームページのファイルをサーバーに保存するには <アップロード>
レッスン26 公開したホームページを確認するには <URLの確認>
テクニック:「index.html」は入力しなくても表示される
レッスン27 検索サイトに登録するには <検索サイトへの登録>
テクニック:Googleにホームページを登録するには
この章のまとめ

 

第6章 スタイルシートでデザインを整えよう

レッスン28 スタイルシートって何? <スタイルシート>
レッスン29 スタイルシートの仕組みを知ろう <デザインの統一>
レッスン30 スタイルシートを使う準備をするには <スタイルシートの基本設定>
レッスン31 背景の色を変えるには <backgroundプロパティ>
レッスン32 文字の色を変えるには <colorプロパティ>
レッスン33 見出しの大きさを変えるには <font-sizeプロパティ>
レッスン34 行間を空けて読みやすくするには <line-heightプロパティ>
レッスン35 ページの左右に余白を作るには <margin-leftプロパティ/margin-rightプロパティ>
レッスン36 強調文字の見ためを変えるには <font-styleプロパティ/font-weightプロパティ>
レッスン37 リンクが設定された文字の色を変えるには <リンク色の変更>
テクニック:ほかとは違うリンク文字に設定してみよう
レッスン38 スタイルシートだけのファイルを作るには <CSSファイルの作成>
レッスン39 CSSファイルを編集するには <CSSファイルの利用>
レッスン40 サーバーのHTMLファイルを更新するには <ミラーリングアップロード>
この章のまとめ
練習問題
解答

 

第7章 ホームページに画像を表示しよう

レッスン41 いろいろな画像を表示しよう <画像ファイルの利用>
レッスン42 ホームページ用に画像を加工するには <サイズ変更>
テクニック:画像の明るさやコントラストはリサイズ前に調整する
レッスン43 画像を表示するには <imgタグ>
レッスン44 スタイルシートで画像を飾るには <text-alignプロパティ/box-shadowプロパティ>
レッスン45 タイトルロゴを作るには <タイトルロゴの作成>
テクニック:フォントを変えれば、雰囲気も変わる
レッスン46 タイトルロゴを表示するには <タイトルロゴの表示>
レッスン47 アイコン画像を表示するには <アイコンの表示>
テクニック:Flashのアイコンを追加するには
この章のまとめ
練習問題
解答

 

第8章 表を使って項目を見やすくしよう

レッスン48 ホームページに表を入れよう <表作成の流れ>
レッスン49 項目を表にして表示するには <tableタグ/trタグ/tdタグ>
レッスン50 表の見出しを目立たせるには <thタグ>
レッスン51 表に枠線を付けるには <borderプロパティ>
レッスン52 セル内のすき間を設定するには <paddingプロパティ>
レッスン53 表に背景色を付けるには <backgroundプロパティ>
この章のまとめ
練習問題
解答

 

第9章 たくさんのページでホームページを構成しよう

レッスン54 ホームページ全体の構成を考えよう <複数ページの構成>
レッスン55 トップページを作るには <トップページの作成>
テクニック:フォルダーを開いてキー操作でコピーする
レッスン56 サブページを作るには <サブページの作成>
レッスン57 リンク集を作るには <リンク集の作成>
レッスン58 アバウトページを作るには <アバウトページの作成>
この章のまとめ
練習問題
解答

 

第10章 たくさんの画像を使ってギャラリーページを作ろう

レッスン59 ホームページにギャラリーページを追加しよう <ギャラリーページ作成の流れ>
レッスン60 ファイルを新しいフォルダーに分けるには <相対パス>
テクニック:上のフォルダーは「../」で表す
レッスン61 ギャラリーページを作る準備をするには <画像の準備>
レッスン62 ギャラリーページを作るには <ギャラリーページの作成>
テクニック:画像に別のページへのリンクを設定できる
この章のまとめ
練習問題
解答

 

第11章 ホームページをパワーアップしよう

レッスン63 ホームページにさまざまな効果を付けよう <効果の追加>
レッスン64 ホームページの背景に画像を敷くには <背景画像>
レッスン65 Googleマップを表示するには <Googleマップの設置>
レッスン66 YouTubeの動画を埋め込むには <YouTube動画の設置>
レッスン67 Facebookの[いいね!]ボタンを付けるには <Facebookのボタンの設置>
テクニック:Twitterのツイートボタンも付けられる
この章のまとめ

 

付録1 付属CD-ROMの構成
付録2 サンプル画像の使い方
付録3 フリーソフトをインストールするには
付録4 すぐに使えるフリー素材集510点+Flash15点
付録5 ホームページ色名一覧
付録6 スタイルシートで使う単位
付録7 お試しCSSファイルの使い方
付録8 本書で使うタグとスタイルシートのプロパティ一覧

 

用語集
索引

 

できるサポートのご案内
本書を読み終えた方へ
読者アンケートのお願い

関連書籍

好評発売中

できるホームページ・ビルダー22 SP対応

かんたん・きれい・本格的なページを作れる!

好評発売中

できるポケット WordPressホームページ入門 基本&活用マスターブック WordPress Ver.5.x対応

最新WordPress Ver.5.xの使い方がサクッと身に付くポケットサイズの入門書!

ダウンロード

  •  電子版をお求めのお客様専用のサンプルダウンロードです。紙版CD-ROMと同じデータを収録しております。ZIP形式となっておりますので、解凍してご利用ください。

お詫びと訂正

現在のところ、本製品に正誤情報はありません。

お問い合わせ

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

お問い合わせフォーム