いちばんやさしい HTML&CSS 入門教室 読んでみた。

[記事公開日]2019/01/05

[最終更新日]2024/03/11

Amazon:HTML+CSSデザイン
https://amzn.to/4a0Z85A

入門教室シリーズの本。
いろんな本が出ています。

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)
本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

目次
いちばんやさしい HTML&CSS 入門教室 読んでみた。
Chapter 1 Webサイト制作の準備をしよう
Chapter 2 HTMLの基本を学ぼう
Chapter 3 Webページのひな形を作ろう
Chapter 4 HTMLでトップページを意味付けしよう
Chapter 5 CSSの基本を学ぼう
Chapter 6 CSSでトップページを装飾しよう
Chapter 7 メニューページとアクセスページを作ろう
Chapter 8 お問い合わせページを作ろう
Chapter 9 WebサイトをPCに対応させようう
Chapter 10 Webサイトを公開しよう

作って学ぶ HTML+CSSグリッドレイアウト 単行本(ソフトカバー) – 2024/2/26
エビスコム (著)
「難しい」と敬遠していたCSSグリッドがきちんと身につく。

2021年
HTML5って最新なんでしょって思ってる人もいます。
現在ではHTML5は廃止で、「HTML Living Standard」だそうです。

HTML5(エイチティーエムエル・ファイブ)は、World Wide Web Consortium(W3C)が策定していたHyperText Markup Languageの5回目に当たる大幅な改定版、現在では、「HTML Living Standard」
https://ja.wikipedia.org/wiki/HTML5

HTML Standard 日本語訳
https://momdo.github.io/html/

 


 
やさしくわかるHTML&CSSの教室 単行本(ソフトカバー) – 2022/8/27
リブロワークス (著), 鹿野 壮 (監修)

会話形式でやさしくわかりやすいHTML/CSSの入門書です。

やさしくわかるHTML&CSSの教室 単行本(ソフトカバー) – 2022/8/27
リブロワークス (著), 鹿野 壮 (監修)

HTML&CSS Webデザインがすべて一冊で身につく集中講座 単行本(ソフトカバー) – 2022/7/22
飛岡 辰哉

HTML&CSS Webデザインがすべて一冊で身につく集中講座 単行本(ソフトカバー) – 2022/7/22
飛岡 辰哉

Webサイト管理のきほん 業務と技術の知識が身につく 単行本(ソフトカバー) – 2022/7/21
谷口 元紀 (著)
Webサイト管理にまつわる「業務」と「技術」の基本知識がこれ1冊でわかる!

Webサイト管理のきほん 業務と技術の知識が身につく 単行本(ソフトカバー) – 2022/7/21
谷口 元紀 (著)

いちばんやさしいWeb3の教本 人気講師が教えるNFT、DAO、DeFiが織りなす新世界 (いちばんやさしい教本) 単行本(ソフトカバー) – 2022/7/20
田上 智裕 (著)

原点回帰から未来へ
ウェブの進化がすべてを変える

 


 

世界一わかりやすいHTML&CSSコーディングとサイト制作の教科書[改訂2版] (世界一わかりやすい教科書) 単行本(ソフトカバー) – 2022/1/22
赤間 公太郎 (著), 狩野 咲 (著), 鈴木 清敬 (著)

世界一わかりやすいHTML&CSSコーディングとサイト制作の教科書[改訂2版] (世界一わかりやすい教科書) 単行本(ソフトカバー) – 2022/1/22
赤間 公太郎 (著), 狩野 咲 (著), 鈴木 清敬 (著)

増補改訂版
HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版] 単行本(ソフトカバー) – 2022/1/7
服部 雄樹 (著)
美しいデザインでサイト制作の知識とワザが「1冊で」身につく本格入門

HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版] 単行本(ソフトカバー) – 2022/1/7
服部 雄樹 (著)

 


 

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2019/3/22
岩田宇史 (著)

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2019/3/22
岩田宇史 (著)

 


 
そろそろ常識?マンガでわかる「HTML&CSS」 単行本(ソフトカバー) – 2022/7/9
赤間公太郎 (著), リブロワークス (編集), morimaiko (イラスト)

Web制作にとどまらず、Webアプリやクラウドでも使われているHTML&CSS。本書は最低限必要な知識に絞って解説しています。これまでHTML&CSSを勉強したことがない方はもちろん、Web制作の概要を大まかに知りたい方、アプリ開発に先立ってHTMLとCSSの要点を短期間で知りたいエンジニアの方にもおすすめです。

そろそろ常識?マンガでわかる「HTML&CSS」 単行本(ソフトカバー) – 2022/7/9
赤間公太郎 (著), リブロワークス (編集), morimaiko (イラスト)

 


 

ざっくりつかむ CSS設計 単行本(ソフトカバー) – 2021/12/23
高津戸 壮 (著)
Web制作の現場でこれだけは知っておきたい、CSSの扱い方、管理、運用の基本!

ざっくりつかむ CSS設計 単行本(ソフトカバー) – 2021/12/23
高津戸 壮 (著)

 


 

プロの「引き出し」を増やす HTML+CSSコーディングの強化書 単行本(ソフトカバー) – 2021/11/29
草野 あけみ (著)
HTML・CSSの基本は覚えたけど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……
本書はそんな方に向けたものです。
制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。
そのために、本書では100通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルで構成しました。

プロの「引き出し」を増やす HTML+CSSコーディングの強化書 単行本(ソフトカバー) – 2021/11/29
草野 あけみ (著)

 


 

【Amazon.co.jp 限定】これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本(特典:すぐにサイト作成を開始できる! HTMLスターターキット&最新技術バリアブルフォントの解説PDF) 単行本(ソフトカバー) – 2021/10/14
Capybara Design 竹内 直人 (著), 竹内 瑠美 (著)
本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

【Amazon.co.jp 限定】これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本(特典:すぐにサイト作成を開始できる! HTMLスターターキット&最新技術バリアブルフォントの解説PDF) 単行本(ソフトカバー) – 2021/10/14
Capybara Design 竹内 直人 (著), 竹内 瑠美 (著)

 


 

動くWebデザイン アイディア帳 実践編 単行本(ソフトカバー) – 2021/7/31
久保田 涼子 (著), 杉山 彰啓 (著)
本書は、好評の「動くWebデザイン アイディア帳」の姉妹本です。

動くWebデザイン アイディア帳 実践編 単行本(ソフトカバー) – 2021/7/31
久保田 涼子 (著), 杉山 彰啓 (著)

 


 
Webデザイン必携。 プロにまなぶ現場の制作ルール84 Kindle版
北村 崇 (著), 浅野 桜 (著) 形式: Kindle版

【Webデザイナーとして“やるべきこと”と“やってはいけないこと”をまとめた新しいルールブック】

Webデザイン必携。 プロにまなぶ現場の制作ルール84 単行本 – 2016/3/23
北村 崇 (著), 浅野 桜 (著)

 


 
【特典PDF付き】現場のプロから学ぶ CSSコーディングバイブル (Compass Web Development) 単行本(ソフトカバー) – 2021/8/27
田村 章吾 (著)
本書では、業務でWebサイトをコーディングしていく人を対象として、必要なCSSの知識、CSS設計の基本、CSSを効率的に書くためのSassの基本を解説しました。後半はサンプルサイトのコーディングプロセスを通して、実践的な制作ノウハウを学びます。

【特典PDF付き】現場のプロから学ぶ CSSコーディングバイブル (Compass Web Development) 単行本(ソフトカバー) – 2021/8/27
田村 章吾 (著)

個人サイトを作ろう! テンプレートですぐできる! すぐに身につく! HTML&CSS 単行本(ソフトカバー) – 2021/8/24
ガタガタ (著)
はじめてでもHTMLとCSSの基本をしっかり学べる
ウェブサイトを自分で作ってみたい人
昔、個人サイトを作っていた人

個人サイトを作ろう! テンプレートですぐできる! すぐに身につく! HTML&CSS 単行本(ソフトカバー) – 2021/8/24
ガタガタ (著)

 


 

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

集中演習 デジタルマーケターのためのテクノロジー入門(できるDigital Camp) (日本語) 単行本(ソフトカバー) – 2020/11/13
山田良太 (著)

 


 

今では、オンラインで学べるサービスもいろいろあります。
無料(有料)
ドットインストールなどは、昔は、無料で多く学べましたが、現在ではpremiumが多い気がします。

Progate(プロゲート)
Progateはオンラインプログラミング学習サービスです。
https://prog-8.com

CODEPREP
CODEPREPはプログラミングを書いて動かしながら 学ぶ実践型のプログラミング学習サービスです。
https://codeprep.jp

ドットインストール
プログラミング学習サービス「ドットインストール」
3分動画でマスターできるプログラミング学習サービス
https://dotinstall.com

シラバス(Cyllabus) – キュレーション型 eラーニングシステム
シラバスは、WEBデザインやWEBアプリケーションの 開発方法を学ぶことができる WEB サービスです。ステップバイステップで、マネをしながら学習することができます。
https://cyllabus.jp

Schoo – 大人たちがずっと学び続ける生放送コミュニティ
https://schoo.jp/

富士通パソコン
FMVキッズ
FMVがお届けする、こども向け情報サイトです。パソコンやインターネットの知識、 プログラミング、タイピングなどを楽しく学べます。
https://azby.fmworld.net/kids/

FMVキッズ:インターネット知識の泉
URLって何を表しているの?
https://azby.fmworld.net/kids/izumi/58/

CodeMonkey ( コードモンキー ) 日本公式サイト
ゲーム感覚で、コーディングの基礎を学習します。
https://codemonkey.jp

 


 

Webデザイン(サイトのコーディング)など
クリスタやCodestep(コードステップ)は無料で学べます。

クリスタ
Webデザイナーを目指せる!
クリエイターのスタートライン!をコンセプトにWebデザインやコーディング初学者の方へ向けてどこよりもわかりやすく解説をしていきます!
https://crestadesign.org

Codestep(コードステップ)
Codestepは、HTML、CSS、JavaScriptの基礎学習を終えた方が、模写コーディングやデザインカンプからのコーディング練習を通して、より実践的なWebサイト制作のスキルを身につけるための学習サイトです。
https://code-step.com

chot.designなどは、昔は、無料でしたが、現在では有料に変わってます。

chot.design – 毎日ちょっとずつデザインを学ぼう
chot.designはWebデザインやUI/UXデザイン、その他デザイン制作について学べるサイトです。
https://chot.design

 


 

Web制作の便利なサイト

仮の画像配置に
Placehold.jp|ダミー画像生成 モック用画像作成
https://placehold.jp

Placeholder.com: Placeholder.com
https://placeholder.com

lorempixel – placeholder images for every case
http://lorempixel.com

Web制作小物ツール – dounokouno.com
https://webtools.dounokouno.com

ダミーテキストジェネレータ – dounokouno.com
https://webtools.dounokouno.com/dummytext/

バナー制作に参考に
レトロバナー: バナーデザイン専門ギャラリーサイト
https://retrobanner.net

バナーデザインアーカイブ
バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック!バナー作成の参考にご活用ください!
http://banner.keizine.net

バナーデザインまとめ。|Banner Matome|HOME
http://bannermatome.com

 


 

Webデザインの基本きちんと入門[第2版] 単行本(ソフトカバー) – 2021/8/19
伊藤 庄平 (著), 益子 貴寛 (著), 宮田 優希 (著),
これからはじめる人、一気に学びたい人へ
一生使えるWebデザインのテクニック集!

Webデザインの基本きちんと入門[第2版] 単行本(ソフトカバー) – 2021/8/19
伊藤 庄平 (著), 益子 貴寛 (著), 宮田 優希 (著),

教科書では教えてくれないHTML&CSS 単行本(ソフトカバー) – 2021/7/17
狩野 祐東 (著)
各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。

教科書では教えてくれないHTML&CSS 単行本(ソフトカバー) – 2021/7/17
狩野 祐東 (著)

 


 
HTML&CSS コーディング・プラクティスブック 7 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版
デザインカンプ(Adobe XDデータ)と指示書をもとに、Webページをコーディングしてみる実践シリーズ。本書では、メインコンテンツがレスポンシブテーブルなページをFlexboxを中心に新旧さまざまなテクニックを使って構築します。

HTML&CSS コーディング・プラクティスブック 6 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版
本書では、12分割グリッドでデザインされたショッピング系サイトをCSS Gridによる12分割グリッドで構築していきます。

HTML&CSS コーディング・プラクティスブック 5 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

HTML&CSS コーディング・プラクティスブック 4 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

HTML&CSS コーディング・プラクティスブック 3 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

HTML&CSS コーディング・プラクティスブック 2 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

HTML&CSS コーディング・プラクティスブック 1 実践シリーズ [プリント・レプリカ] Kindle版
エビスコム (著) 形式: Kindle版

【HTML/CSS】Spotify風簡易音楽サイトを作ろう!| 作りながら学ぶシリーズ Techpit publishing Kindle版
Techpit編集部 (著) 形式: Kindle版
本教材では、HTML・CSSの基礎を少し学んだが、デザインを工夫したサイトを作成したい方向けへの教材となっています。

 


 
Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。〈Flexbox、CSS Grid、レスポンシブ〉 単行本(ソフトカバー) – 2021/5/28
こもりまさあき (著), 赤間 公太郎 (著)
Web制作入門書のロングセラーが、最新仕様にアップデート!

本書の章構成
Lesson1 Webデザインの世界を知る
Lesson2 Webサイトを設計する
Lesson3 HTMLの役割とできること
Lesson4 CSSの役割とできることLesson5 Webサイトを構成する素材
Lesson6 Webサイトを表現する色
Lesson7 Webサイトを公開する
Lesson8 Webサイトを運用する
Lesson9 Webサイトを制作する

Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。〈Flexbox、CSS Grid、レスポンシブ〉 単行本(ソフトカバー) – 2021/5/28
こもりまさあき (著), 赤間 公太郎 (著)

 


 

コンバージョンを上げるWebデザイン改善集 単行本(ソフトカバー) – 2020/6/29
井水大輔 (著), 菊池達也 (著), 井上清貴 (著),
本書は、Webサイトのデザインを改善するために役立つ実際の改善事例やTipsなど、絶えずWebサイトを改善し続けるためのヒントを詰め込みました。

コンバージョンを上げるWebデザイン改善集 単行本(ソフトカバー) – 2020/6/29
井水大輔 (著), 菊池達也 (著), 井上清貴 (著),

 


 

豊富な作例で学ぶ Adobe XD Webデザイン入門 (Compass Booksシリーズ) 単行本(ソフトカバー) – 2021/3/22
池原健治 (著), 井斉花織 (著), 佐々木雄平 (著), 佐藤修 (著), & 4 その他
この1冊で初心者からプロまで、すぐに使える知識が身につく!

豊富な作例で学ぶ Adobe XD Webデザイン入門 (Compass Booksシリーズ) 単行本(ソフトカバー) – 2021/3/22
池原健治 (著), 井斉花織 (著), 佐々木雄平 (著), 佐藤修 (著), & 4 その他

 


 

Manaさん「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の続編が出版されるみたいです。CSSやJavaScriptを使っての動きやレイアウト組み、またSassを使った、より実践向けの解説本

ほんの一手間で劇的に変わるHTML&CSSとWebデザイン実践講座 (日本語) 単行本(ソフトカバー) – 2021/2/20
Mana (著)
Chapter 1 最初に知っておこう! Webサイトの基本と必携ツール
Chapter2 ランディングページで学ぶ「レスポンシブWebデザインとフォント」
Chapter3 ブログサイトで学ぶ「装飾とカラムレイアウト」
Chapter4 コーポレートサイトで学ぶ「表組み、フォーム、JavaScript」
Chapter5 イベントサイトで学ぶ「特定ページ作り方とアニメーション」
Chapter6 ギャラリーサイトで学ぶ「動画と画像の使い方」
Chapter7 HTMLやCSSをより早く、より上手に管理できる方法
Chapter8 サイトの投稿と問題解決

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 単行本 – 2019/3/16
Mana (著)

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート) (日本語) 単行本 – 2019/3/16

この本ではカフェのサイト(4ページ)を作成します。
①1ページ目、フルスクリーンWebサイト作成
②2ページ目、2カラムWebサイト作成
③3ページ目、タイル型Webサイト(グリッド レイアウト)作成
④4ページ目、お問い合わせのサイト、フォーム(外部メディアを利用する)
などの4ページを、いろいろなテクニックで作るので、かなりオススメな本です。
デザインカンプの作成(作成してある)からしてあるので本格的です。
デザインカンプは、Adobe XD(無料で利用可能)で作成ですが、Adobe XDの使い方などは載ってないです。
また、Adobe XDはMacの場合、OSのバージョンが古い利用が出来ないです。
Mac10.12だと使用が出来ないので不便かも。

サイトの作成は、index.htmlを作ったら(1ページ目作成)
基本的にコピーして複製して、複製したら、いらない部分を削除して、それを次に2ページ目を作っていく感じです。

テキストエディタはATOMを使用
カスタマイズの仕方も載ってます。
2カラムから3カラムなども載ってます。(バナーなど表示する場合)
レスポンシブの仕方
Webフォント(Google Web Font)使用
CSSリセットはress.cssなど解説
Google Mapの仕方
OGP設定、SNSとかシェアした際の設定
Flexboxなど、他

 


 

HTML&CSSの基本がゼロから身につく! Webデザイン見るだけノート (日本語) 単行本 – 2020/9/11

知識ゼロでもWebサイトがすぐ作れる!

Webサイトの作り方がこの1冊で身につく
基礎から学んで自分で作れる!
Chapter 01 Webデザインを始める前に
Chapter 02 Webサイトの骨組みとなるHTMLの基本
Chapter 03 Webデザインを決めるCSSの基本
Chapter 04 目的別Webデザインの基本
Chapter 05 Webサイトの公開

こんなWebサイトが作れます
フルスクリーン
グリッドレイアウト
2カラム

HTML&CSSの基本がゼロから身につく! Webデザイン見るだけノート (日本語) 単行本 – 2020/9/11

 


 

動くWebデザインアイディア帳 単行本 – 2021/2/27
久保田涼子 (著), 杉山彰啓 (著)
「サイトに動きをつける時、同じ内容を何回も検索をしてソースコードを探している」
「サイトで見つけたソースコードをそのままコピペしてみたけど、動かない」
本書はWebサイトを動かすことが苦手な右脳系ウェブデザイナーが、サイトを動かす第1歩を踏み出すための「動きの逆引き事典」です。

動くWebデザインアイディア帳 単行本 – 2021/2/27
久保田涼子 (著), 杉山彰啓 (著)

 


 

初心者からちゃんとしたプロになる HTML+CSS実践講座 (日本語) 単行本(ソフトカバー) – 2020/8/28

Webサイトを制作するノウハウの学習を「1日30分からはじめる」をテーマに、やさしく・しっかりと伝える本。

ゼロから学ぶHTML&CSSの基本 (日本語) 単行本 – 2020/9/1

Webを制作して公開したいときに一番最初に読む本です!

 


 

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 単行本(ソフトカバー) – 2019/3/22

 


 

いちばんやさしい WordPress 入門教室 (日本語) 単行本 – 2020/10/19

個人サイト、企業や自営業の方で自社のWebサイトを作成したい方に最適

Webサイトの作成から運用までがこの1冊で分かる! WordPressでゼロからWebサイトを作成しよう! WordPress最新バージョン対応! 近年、ソースコードを書かずにWebサイトやアプリケーションを構築する「ノーコード開発」の流れが加速しています。
ノーコード開発は、あらかじめ用意されたパーツを組み合わせることにより、短期間・低コストで構築できることが大きな魅力であり、プロの間でも注目を集めています。

いちばんやさしい WordPress 入門教室 (日本語) 単行本 – 2020/10/19

 


 

スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2018/6/22

 


 

いちばんやさしい JavaScript 入門教室 単行本 – 2018/6/21

 


 

いちばんやさしい Python入門教室 単行本 – 2017/4/8

 


 

いちばんやさしい Linuxコマンド入門教室 単行本 – 2018/2/10

 


 

いちばんやさしい SEO 入門教室 単行本 – 2017/12/21

 


 

いちばんやさしい ディープラーニング 入門教室 単行本 – 2018/2/22

 


 

いちばんやさしい Git 入門教室 単行本 – 2019/8/23
大澤 文孝 (著)

 


 

いちばんやさしい Vue.js 入門教室 単行本 – 2019/4/4
大津 真 (著)

 


 

いちばんやさしい Googleアナリティクス 入門教室 単行本 – 2019/4/20

 


 

いちばんやさしい SQL 入門教室 単行本 – 2019/5/23
矢沢 久雄 (著)

 


 

いちばんやさしい Java 入門教室 単行本 – 2018/12/21
廣瀬 豪 (著)

 


 

初心者からちゃんとしたプロになる HTML+CSS標準入門〈モバイルファースト、レスポンシブ、Flexbox〉 (日本語) 単行本(ソフトカバー) – 2020/2/26

Webサイトを制作するノウハウの学習を「1日30分からはじめる」をテーマに、やさしく・しっかりと伝える本。
タイプや難易度の異なる5つのサンプルサイトを題材に、作り方のノウハウを解説しています。
HTML+CSSの基本から、FlexboxやCSSグリッドといった“流行り”の手法の使い方・使いどころがわかります!

初心者からちゃんとしたプロになる HTML+CSS標準入門〈モバイルファースト、レスポンシブ、Flexbox〉 (日本語) 単行本(ソフトカバー) – 2020/2/26

 


 

CSS設計完全ガイド ~詳細解説+実践的モジュール集 (日本語) 単行本(ソフトカバー) – 2020/2/27

CSS設計完全ガイド ~詳細解説+実践的モジュール集 (日本語) 単行本(ソフトカバー) – 2020/2/27

 


 

Webサイト・リニューアル 「見た目だけ変えた」にしない成功の手引き (日本語) 単行本(ソフトカバー) – 2020/4/27

Webサイト・リニューアル 「見た目だけ変えた」にしない成功の手引き (日本語) 単行本(ソフトカバー) – 2020/4/27

 


 

Webディレクションの新・標準ルール 改訂第2版 現場の効率をアップする最新ワークフローとマネジメント (日本語) 単行本(ソフトカバー) – 2020/3/17

 


 

ドメイン駆動設計入門 ボトムアップでわかる! ドメイン駆動設計の基本 (日本語) 単行本(ソフトカバー) – 2020/2/13

 


 

個人開発のための Webサービス公開マニュアル (日本語) 単行本 – 2019/12/25

 


 

はじめてのWebデザインの教科書 まずは押さえておきたいWebの原則 Kindle版

 


 

初心者からちゃんとしたプロになる Webデザイン基礎入門〈HTML、CSS、レスポンシブ〉 単行本(ソフトカバー) – 2019/9/25

 


 

これから学ぶHTML/CSS 単行本(ソフトカバー) – 2019/6/21

 


 

子どものためのウェブデザイン入門 (プログラミング はじめのいっぽ絵本) 単行本 – 2019/4/6

 


 

Webデザイン知識 入門編: Webサイト制作の学習を始めるときに一番はじめに読んでほしい本 (MyISBN – デザインエッグ社) オンデマンド (ペーパーバック) – 2019/4/22

 


 

Q&Aで考えるセキュリティ入門 「木曜日のフルット」と学ぼう!〈漫画キャラで学ぶ大人のビジネス教養シリーズ〉 単行本(ソフトカバー) – 2019/2/1

本書の章構成
第1章 情報セキュリティの基本
第2章 PCとネットワークのセキュリティ
第3章 スマートフォンとSNSのセキュリティ
第4章 企業の情報セキュリティ対策

 


 

デザイン・クリエイティブ業界を目指す人のための ポートフォリオ見本帳 単行本(ソフトカバー) – 2019/2/1

内容紹介
内定を勝ち取ったポートフォリオの実例32点掲載。

 


 

STORES.jp
驚くほど簡単にオンラインストアが作れる!
最短2分で、オンラインストアがつくれる!

だれもがデザイン・カスタマイズし自由にネットショップをつくることができます。
専門的な知識は不要です。

 


 

Amazon
画像素材の売れ筋ランキング
Amazon.co.jpの売れ筋ランキング。ランキングは1時間ごとに更新されます。

Amazon 画像素材の売れ筋ランキング

 


 

HTML5&CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。 単行本(ソフトカバー) – 2018/7/20

 


 

Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus) 単行本(ソフトカバー) – 2010/4/8

 


 

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 単行本 – 2019/3/16
Mana (著)

 


 

世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書 単行本(ソフトカバー) – 2019/3/1

 


 

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 大型本 – 2015/11/3

 


 

HTML&CSSとWebデザインが 1冊できちんと身につく本 大型本 – 2017/7/21

 


 

HTML5 & CSS3 デザインレシピ集 単行本(ソフトカバー) – 2017/2/22

 


 

フレキシブルボックスで作る HTML5&CSS3レッスンブック 単行本(ソフトカバー) – 2019/3/18

 


 

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版] 大型本 – 2017/5/26

 


 

図書館業務に役立つHTML・PHP入門:Webサイト構築のための基礎を学ぶ 単行本 – 2018/2/16

 


 

HTML5&CSS3デザイン 現場の新標準ガイド(特典PDF付き) 単行本(ソフトカバー) – 2017/8/28
エビスコム (著)

 


 

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 単行本(ソフトカバー) – 2019/5/1

 


 

HTML5&CSS3標準デザイン講座 30LESSONS【第2版】 単行本(ソフトカバー) – 2019/5/24

 


 

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20

 


 

たった1日で基本が身に付く! HTML&CSS 超入門 大型本 – 2017/6/15

本書では、Mr.M COFFEEという
カフェのWebサイトを作成します。
サンプルファイルもダウンロードできるので、
素材などを、自分で用意しなくてもいいので、すぐ勉強ができます。
HTML5に対応です。

また、BootstrapのCSSフレームワークでの本も出ています。
同じ
Bootstrap 4 フロントエンド開発の教科書 単行本(ソフトカバー) – 2018/8/25

 


 

Dreamweaverレッスンブック CC2019対応 単行本 – 2019/3/18

 


 

世界一わかりやすい Dreamweaver 操作とサイト制作の教科書 CC対応 単行本(ソフトカバー) – 2018/9/26

 


 

Amazon
画像素材の売れ筋ランキング
Amazon.co.jpの売れ筋ランキング。ランキングは1時間ごとに更新されます。

Amazon 画像素材の売れ筋ランキング

 


 

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 単行本 – 2019/3/16

この本、おすすめです。1冊、持っておくと便利な書籍です。

Manaさん、「Webクリエイターボックス」のブログを運営。
Webに関する記事などを紹介しています。

Webクリエイターボックス
https://www.webcreatorbox.com/

Webサイト制作インストラクターもしてます。
テキストエディタはATOMなどで解説
カフェのサイトを作成しながら学んでいけます。
デザインカンプなどもあり
Web制作に必要な知識が、この1冊で身につく!

 


 

現場で使える最低限の知識がしっかりと身につく HTML/CSS デザイン TextBook 単行本 – 2019/3/1

 


 

ヘルプサイトの作り方 単行本(ソフトカバー) – 2019/2/16

 


 

攻めるWeb担当者の教科書1

ホームページ改善の解決メソッド37〈アクセスアップ・コンバージョンアップ・コンテンツ・ブランディング・新技術対応〉 単行本(ソフトカバー) – 2019/2/26

 


 

Webデザイン・スタンダード 伝わるビジュアルづくりとクリエイティブの最新技法 単行本(ソフトカバー) – 2018/12/26

いま知っておくべき、現場のWebデザイン。

Introduction|Webサイトができるまで
Chapter1|レイアウト
Chapter2|配色
Chapter3|UXデザイン
Chapter4|UI・グラフィックデザイン
Chapter5|モーションデザイン

 


 

HTML5+CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。〈レスポンシブWebデザイン対応〉 単行本(ソフトカバー) – 2018/8/27

内容紹介
技術の進化に左右されないWebサイトの作り方がわかる!

Web制作のプロを目指す方に向けて、
HTML5+CSS3を使ったWebサイトの作り方を解説した入門書の改訂版。

 


 

CSSグリッドで作る HTML5&CSS3 レッスンブック 単行本 – 2018/12/25
エビスコム (著)

本書はステップ・バイ・ステップでWebページを作成しながら、HTML と CSS の基本から、グリッドによる自由なレイアウト、モバイルファーストな制作手順、本格的なレスポンシブの設定までを習得していただけるように構成した入門書です。

もくじ
Chapter 1 HTMLでマークアップする
Chapter 2 CSSでレイアウトをはじめる
Chapter 3 パーツの見栄えを整える – 基本
Chapter 4 パーツの見栄えを整える – ボックス
Chapter 5 パーツの見栄えを整える – 応用
Chapter 6 レスポンシブにする
Chapter 7 ページを増やす
Chapter 8 テーブルとフォームを作成する

この本では無料のサーバーはnetlifyなど紹介
https://www.netlify.com

Illustratorの変わりは無料のVectrなど紹介
Vectr
https://vectr.com

Photoshopの変わりは無料の画像編集ツールPhotopeaなど紹介
https://www.photopea.com

文法のチェックの仕方も解説してます。
構文チェック
W3C 「W3C Markup Validation Service」
https://validator.w3.org

フリー画像は、無料のPixabayなど紹介
使用無料の画像やビデオがみつかる最良の場所。
魅力的なフリー画像Pixabay
https://pixabay.com/ja/

 


 
今すぐ使えるCSSレシピブック 単行本(ソフトカバー) – 2019/1/29

本書ではCSSのテクニックを豊富なサンプルコードで数多く解説しています。それぞれのテクニックのポイントも丁寧に解説しています。

 


 

jQuery標準デザイン講座 大型本 – 2015/12/16

内容紹介
作って身につく・仕組みがわかる 30レッスン!
本書は、HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書です。

 


 

作りながら学ぶjQueryデザインの教科書 単行本 – 2014/5/21

 


 

「あのサイトみたいに! 」を実現できる! 職業デザイナーでなくてもWebの表現を豊かにできる本 単行本 – 2017/9/16
10分でわかるアニメーションの基本

 


 

ペライチ
簡単にホームページ作れる
無料ホームページ作成

たったの3ステップで ホームページを公開できます!
誰にでも使いやすいかんたんな操作であっという間にホームページを全世界に公開できます!

1.テンプレートを選ぶ
2.内容を作る
3.あとは公開ボタンを押すだけ!

 


 
「グーペ」
低コストで簡単、プロのようなホームページ作成
ブログ感覚で手軽にお店のホームページを作成

飲食店、美容院、ネイルサロンなどのお店だけではなく
塾、事務所、個人事業主、クリエイター、アイドルまで、
様々な業種のホームページが簡単にお作りいただけます。

 


 
PhotoshopやIllustratorなどのソフトは、毎月の利用の料金が高いです。
無料で使えるCanva

Canva
無料ですばらしいグラフィックデザインを共同作業で作成 – Canva

https://www.canva.com/ja_jp/

 


 

小さな会社&お店の Canva超入門 ~お洒落で目を引くチラシ・ポスター・名刺・ポストカードを無料で作る本 単行本(ソフトカバー) – 2018/5/19

内容紹介
会社やお店の販促ツールを、無料であっという間に作れます!

会社や店舗などを運営していると、必ず必要になるのが、販促ツール。

名刺やショップカード、チラシといった紙媒体や、広告用バナー画像、SNS告知用画像といったWeb媒体も。
Canvaは、これらのデザインを外注しないで自分で作りたい! という方のための、無料サービスです。

本書では、Canvaを使って販促ツールを作る方法をわかりやすく解説。
デザインのポイントや便利なテクニックも紹介します。
Canvaを使って、プロ級のデザインが完成する1冊です!

 


 

100倍クリックされる 超Webライティング バズる単語300 単行本 – 2018/12/10

 


 

100倍クリックされる 超Webライティング実践テク60 単行本 – 2017/3/2

 


 

知識ゼロからはじめる ゆっくり・ていねいJavaScript ES6対応 単行本 – 2019/1/22

ゆっくり・ていねい。そして「楽しく」
JavaScriptはブラウザーを操作し、表示されているWebページのHTMLをリアルタイムで書き換えられるプログラミング言語です。環境設定をほとんどせずに始められる手軽さだけでなく、「ブラウザーを操作する」という特性上、なにをやっているのかがイメージしやすく、またプログラミングをした結果が理解しやすいこともあって、初学者にも取り組みやすい言語として人気があります。

 


 

確かな力が身につくJavaScript「超」入門 第2版 単行本 – 2019/9/21

 


 

PHPしっかり入門教室 使える力が身につく、仕組みからわかる。 単行本(ソフトカバー) – 2018/3/7

内容紹介
Web業界の即戦力になる!

本書はPHPによるWebアプリケーション開発をゼロから学べる教科書です。

初心者の方でも読み進められるように、サンプルデータを使いながら丁寧に解説していきます。HTMLやCSSの知識がなくても、すぐに学習が開始できます。さらに、現場で使える技術を厳選して学んでいけるので、効率よく実務スキルが身につきます。

 


 

誰もがあきらめずにすむPHP超入門 単行本 – 2018/12/21

内容紹介
まずは体験、理屈はあとから!

PHPはWebページを作るためのプログラミング言語です。
PHPで書かれたプログラムファイルは、世界のどこかにあるWebサーバーにデータベースとともに置いてあります。

本書では「どうやればいいんだろう?」、「どうなっているんだろう?」は、「やって、見て、理解する」構成にしています。
また初心者がつまづきそうな箇所では豊富なイラストと図解を使って丁寧に解説しているため、途中で挫折するようなことはまずありません。本書を読み終えれば、きっと本格的なPHPの入門書も簡単に読めるようになるはずです。何よりも「PHPは楽しい」と感じていただくことが重要だと考え、本書を執筆しました。

 


 

いちばんやさしいGit&GitHubの教本 人気講師が教えるバージョン管理&共有入門 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2018/12/14

内容紹介
実際のワークフローをイメージしながら
実践的なGit/GitHubの使い方が身につく「いちばんやさしい」入門書です。

 


 

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2019/3/22
岩田宇史 (著)

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2019/3/22
岩田宇史 (著)

 


 

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)
本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)

いちばんやさしい HTML&CSS 入門教室 Kindle版

いちばんやさしい HTML&CSS 入門教室 読んでみた。

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)
本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

この本は、300ページあります。
サンプルのダウンロードも出来ます。
ダウンロードのフォルダは
Chapterごとに、フォルダも分かれているので、
初心者の方でも、わかりやすく学べると思います。

どの本も、だいたい同じ内容だと思います。

部分部分が違うだけで。

この本では、
viewportの設定は、
HTML側に、

<meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0">

nameの”viewport”は、viewpointの設定。

widthのdevice-widthは、デバイスの幅に合わせる。

user-scalableは、ズームの操作で、
ズームを、するか、しないかの設定。
初期値はyesです。
また、数字の指定も可能です(yes=1,no=0など)

initial-scale=は、初期値拡大率、初期のズーム倍率。
など

 


 

HTML&CSSの本などを昔に買って、学習していたけど、今では忘れてしまった。
再度、勉強してみたい。
趣味でサイトを作ってみたい。
スキルアップにつなげたい。
仕事でどうしても必要になった。

「HTMLとCSSの基本を身につけたい」

今では、どんなWebサイトがトレンドなの?。

昔と違い、今では、スマートフォンでサイトを観る人が多いです。

スマートフォンなど無い、昔はパソコンでサイトなど観るのが一般的だったです。

現在では、Webサイトなどスマートフォンから閲覧してる人が多いです。

人によっては、パソコンなど使わないで、タブレットしか使わない人もいます。

スマートフォンの利用者が多いので、サイトは、
3カラムではなく、2カラムとか1カラムなシンプルなサイトが、今では人気があるかもです。

この本は
丁寧に解説しているので無理なく学習ができると思います。

 


 

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)
本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

いちばんやさしい HTML&CSS 入門教室 Kindle版

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)

このような感じでサイトが作れます。
PC

スマートフォン


PCサイズ


スマートフォンサイズ

 


 

MENUサイト
ACCESSサイト
CONTACTサイト


MENUサイト


ACCESSサイト


CONTACTサイト

 


 

人によっては、数日?とかで、学習が出来るかもです。
また、Chapterは1から10までありますが、
毎日、1Chapterごとしていけば、1週間ぐらいで学べるかもです。

目次
Chapter 1 Webサイト制作の準備をしよう
Chapter 2 HTMLの基本を学ぼう
Chapter 3 Webページのひな形を作ろう
Chapter 4 HTMLでトップページを意味付けしよう
Chapter 5 CSSの基本を学ぼう
Chapter 6 CSSでトップページを装飾しよう
Chapter 7 メニューページとアクセスページを作ろう
Chapter 8 お問い合わせページを作ろう
Chapter 9 WebサイトをPCに対応させようう
Chapter 10 Webサイトを公開しよう

本には、リファレンスなども載ってます。

HTMLリファレンス
本書P.102に掲載している参考サイトのリンク集。

初心者におすすめ HTMLクイック・リファレンス
http://www.htmq.com

中級者におすすめ MDN Web Docs(HTML)
https://developer.mozilla.org/ja/docs/Web/HTML

中級者におすすめ MDN Web Docs(CSS)
https://developer.mozilla.org/ja/docs/Web/CSS

上級者におすすめ W3Cドキュメント(HTML)
https://www.w3.org/html/

上級者におすすめ W3Cドキュメント(CSS)
https://www.w3.org/Style/CSS/

 


 

Adobe XD プロトタイピング実践ガイド ~ユーザーの要求に応えるUI/UXデザイン 単行本(ソフトカバー) – 2018/12/18

 


 

世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書 単行本(ソフトカバー) – 2018/10/5

 


 

価格:¥ 64,557(価格変動あり)
Adobe Creative Cloud コンプリート|12か月版|オンラインコード版

 


 

パソコンが超苦手でもプロ級のキレイなホームページが簡単に作れる
とりあえずHP

パソコンが苦手な方のために、徹底研究して開発したホームページ作成ツールです。
写真や文章を入力していくだけで、ホームページがあっという間に完成します。
誰でも使いやすい、画期的なホームページ作成ツール

 


 

PCとスマートフォン対応の架空のカフェサイトを製作していきます。

HTML&CSSの本なので、JavaScript(プログラミング言語)などは載ってません。

ダウンロードしたサンプルファイルは、
Chapter3から使います。
ファビコン、タッチアイコン
reset.cssなどの解説もあります。

モバイルフレンドリー
Chromeのデベロッパーツールを使い、ボタンやロゴなどの位置調整の仕方など解説。

ダウンロードの素材には、画像などのも揃っているので、
すぐに、勉強ができて学べます。

たまにある、本によっては、画像などは、各自で用意してね。とかではないです。

Chapter 1 Webサイト制作の準備をしよう

製作するWebサイトを確認しよう。

架空のカフェサイトを作成
トップページ
メニューページ
アクセスページ
お問い合わせページなど作成

Webサイト制作をする準備などの解説がしてあります。

GoogleChromeのインストールの仕方
テキストエディタのBracketsのインストールの仕方から丁寧に解説されてます。

Google Chrome
https://www.google.co.jp/chrome/index.html

Brackets
http://brackets.io

 


 

Webページの制作ツール
メモ帳でも、コーディングはできますが、
コーディングに適したテキストエディタを使うと便利です。

Mac用
CotEditor
軽量プレーンテキストエディタ



CotEditor

カテゴリ: 仕事効率化
価格: ¥0(価格変動あり)

APP STORE

 


 

Windows用
サクラエディタ
https://sakura-editor.github.io

 


 
最近では
Bracketsを使うのが辞めてる人が多いかも?。

アップデートしたら、プラグインによって、不具合があったり、とても重いです。

Visual Studio Code
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

 


 

徹底解説Visual Studio Code 単行本 – 2019/9/27
本間咲来 (著)

 


 
Webブラウザ

Safari
https://www.apple.com/jp/safari/

Google Chrome
https://www.google.com/chrome/

Microsoft Edge
https://www.microsoft.com/ja-jp/windows/microsoft-edge

Firefox
https://www.mozilla.org/ja/firefox/

 


 

Chapter 2 HTMLの基本を学ぼう

HTMLの基本など解説。

正しい知識を学び、それを使いこなすことは、
結果的にSEO対策やアクセシビリティの向上といった施策にもつながります。

趣味でサイトを作ってみたい
スキルアップしたい
仕事で必要になった
「HTMLとCSSの基本を身につけたい」方は、ぜひ本書を読んでみてください。

 


 

Chapter 3 Webページのひな形を作ろう

HTMLのバージョンは、最新のHTML5.2で解説

W3C公式サイト:HTML 5.2
https://www.w3.org/TR/html52/index.html#contents

W3C公式サイト:HTML 5.3
https://www.w3.org/TR/html53/index.html#contents

index.htmlファイルを作成
フォルダなどを作成

フォルダの構成なども解説してます。

Chromeのデベロッパーツールなど使い、整え方

スマートフォンで見栄えを整えよう
最初に、viewportで、スマートフォン用の記述をするなど解説

<meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0">

IEの互換モード停止の解説など

<meta http-equiv="X-UA-Compatible" content="IE=edge">

 


 
Chapter 3 Webページのひな形を作ろう

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0">
<title>SPACE CAFE</title>
</head>
<body>
  SPACECAFEへ ようこそ!
</body>
</html>

 


 

Chapter 4 HTMLでトップページを意味付けしよう

トップページの作成

メンテナンスなど意識して、
フォルダで分けて、管理しています。

 


 

Chapter 5 CSSの基本を学ぼう

CSSの解説などしてます。
サンプルのファイルがあるのでわかりやすいと思います。

 


 

Chapter 6 CSSでトップページを装飾しよう

この本では、実際の現場のような感じで
フォルダも多く分けて管理しています。
CSSなどのファイルは3つ作ってます。

自分は昔にWeb製作の訓練校など通いましたが、
いきなりcommonフォルダなどを作ってと言われ、何も解説のないままの授業だった。

この本では、説明などされてます。

 


 

Chapter 7 メニューページとアクセスページを作ろう

メニューページとアクセスページの解説などしてます。
サンプルのファイルがあるのでわかりやすいと思います。

 


 

Chapter 8 お問い合わせページを作ろう

実際の、お問い合わせページなどは、プログラミング言語のPHPやRubyなど使います。
その解説も少し書いてます。

お問い合わせページの作成

 


 

いちばんやさしい PHP の教本 第2版 人気講師が教える実践 Web プログラミング (「いちばんやさしい教本」) 単行本(ソフトカバー) – 2017/5/25

 


 

TECHNICAL MASTER はじめてのPHPプロフェッショナル開発 PHP7対応 単行本 – 2019/2/26

 


 

スラスラ読める Rubyふりがなプログラミング (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2019/3/15

 


 

3ステップでしっかり学ぶ Ruby入門 大型本 – 2018/1/26

 


 

Chapter 9 WebサイトをPCに対応させよう

レスポンシブ(レスポンシブデザイン)で
メディアクエリを使い、
スマートフォン用とPC用にカフェサイトの表示を整えていきます。
印刷時には、不要な部分は非表示にする。など、カフェサイトを調整していきます。

 


 

Chapter 10 Webサイトを公開しよう

FileZillaを使い、作った、カフェサイトのデータをサーバーにアップする仕方

本では、レンタルサーバーは
さくらのレンタルサーバなどが載ってます。

ロリポップ

 


 

本には載ってないですが、
初心者の方で、レンタルサーバーなど利用したいけど、
最初は、お金をかけたくないなどあると思います。
容量は少ないですが
無料で利用ができるレンタルサーバーもあります。

エックスドメインや
ネットオウルのStarServerなど無料でレンタルサーバーを利用できます。

最初は、無料でレンタルサーバーなど作ってみて、
使いやすいなら、契約するといいと思います。

 


 
エックスドメイン
ドメイン名取得&無料レンタルサーバーサービス

レンタルサーバーが無料で利用できます。
HTML等の静的なコンテンツ専用のWEBサーバーがご利用可能です!
Webページへの広告表示も無く、どのような用途にも活用していただくことが出来る、使いやすいサーバースペースです。
ディスク容量1GB

StarServer

ネットオウルのStarServer Free
スターサーバーフリー(無料レンタルサーバー)
ディスク容量1GB
https://www.star.ne.jp/free/

 


 

高速・高機能・高安定レンタルサーバーエックスサーバー

安心と快適さを兼備した高性能レンタルサーバーです。
月額900円(税抜)から、大容量200GBからの高コストパフォーマンス
WordPressやショッピングカートを簡単インストール!

電話サポートあり!専任スタッフがご対応
お客様データの消失を防ぐ、自動バックアップ機能を標準提供
初心者でも安心の24時間365日メールサポート

全部まとめて運営できます。
会社サイト
店舗紹介サイト
ネットショップサイト
ブログ

 


 

WordPressの運用に特化したレンタルサーバー&クラウドサービス【wpX】
管理ツールからWordPressを簡単インストール!

 


 

ロリポップ

 


 

製作したWebサイトをFTPソフトを使って、レンタルサーバーにアップする仕方など解説。

FTPソフト
FileZilla(ファイルジラ)
https://ja.osdn.net/projects/filezilla/

本には、書いてないですが
レンタルサーバーなどに、作ったサイトのデータをアップロードしたら
クロスブラウザのチェックするを、よりいいかもです。

ブラウザテスト
クロスブラウザのオンラインチェック

Browserlingは、3分まで、無料
IEやWindowsなでチェックが可能
https://www.browserling.com

最後には、
Twitterのシェアボタンの配置の仕方なども載ってます。
ただ、このTwitterシェアボタンは、
scriptタグなど使かわない仕方での解説で載ってます。

 


 

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著) Kindle版

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)
本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

いちばんやさしい HTML&CSS 入門教室 単行本 – 2018/10/20
岩田 宇史 (著), 平内 裕子 (著)

おすすめ

Tíːsign