2章 - テキストからホームページを作る / おサルさんでもかわる? ホームページ作り! Present by Ooedo21.com
おサルさんでもかわる? ホームページ作り!

▼ホームページ作りの基本を紹介しています。簡単だから挑戦してね!

 

 

 

quetion

 

素材メニュー

 ◆ホームページとは

 ◆ホームページ作りの基礎

 ◆基本とな htmlタグと css

 ◆その他

 

 

当サイトはロリポップを利用しています。
高機能ながら安価な料金で利用できるのでお勧めです。

↓↓↓ ↓↓↓

 

 

ドメインを取るならここ!
69円~独自ドメインが取れます。

↓↓↓ ↓↓↓

パワーポイントで作るYouTube動画! | htmlタグ辞典+css | PHPを学ぼう!



◆2章 - テキストからホームページを作る

この章から html タグを使ったホームページの基本を紹介していきます。

 

ところであなたは、ホームページを作るのは難しいと考えていますか?

  • プログラムみたいで理解しずらいのでは…
  • 専用の作成ソフトウェアが必要でお金も手間もかかる…
  • ホームページの作り方、公開方法がわからない…

 

などと、ホームページを作ったことのない人には不安になってしまい躊躇してしまうかもしれませんね。

画像待ち

 

 

でもご安心ください。

実はホームページはテキストファイルに情報を加えたものなのです!

 

テキストの文章やメール文を作成するのと大して変わりません。
これならあなたも経験済みでしょう。
特にホームページを作るソフトやアプリを用意する必要はないのです。
実際、当サイトはテキストベースで制作しています。
ソフトウェアの使い方を覚えるのも面倒だし、ソフトウェアによっては癖もあるので・・・(^^;

 

 

 

ここからは、テキストファイルが作れることが前提で説明していきます。

 

実際にテキストファイルから、ホームページを作ってみましょう。
例として、次の文章をテキストファイルを用意します。

【例 文】

2018年7月からホームページのプロトコルが、http から https を推奨されることになりまた。
SSL通信で暗号化することをグーグルが必須条件としたのです。
つまり、これまでの通信方法に対応していない通信で公開しているホームページは google の検索エンジンでは評価されずランキングを下げることになります。
また Chrome では、ホームページを表示すると SSL に対応していないホームページには URL バーに警告が出るようようにもなりました。
google の検索エンジンがインターネットのシェアで圧倒的な存在である以上、対応を無視するとアクセスを減らす結果となりますね・・・。
多くのサーバーは、共有のSSLに対応しています。
しかし共有 SSL では、ドメインが変わってしまうこともあり個人では余り使われていないのが現状です。
何故ならば、SSL の認証には結構なお金がかかるので、趣味レベルのホームページを公開している人にはレンタルサーバー代の他の出費は余りしたくないですよね。
このサイトもそうですが、お金に余裕がない人は無料 SSL サーバ証明書 「 Let's Encrypt 」 がサポートされているレンタルサーバーを選ぶのがお勧めです。 これなら SSL 認証にお金をかける必要がありません。 しかしこれは個人レベルの場合で、企業などはしっかりした SSL 認証をとる必要はあります。

 

この例文はちょっと内容が難しい話ではありますが、ホームページを公開する人にとっては知っておくべき内容です。
長文となりますがお付き合いください。

 

この文例をホームページ化してみましょう!
例文の文章をコピペしてテキストファイルを作ってください。
メール文をコピペしてテキストファイルを作っても構いません。

 

ファイルが完成したら、ファイル名の拡張子が " .txt " になっているのを確認します。
ファイル名は何でもいいのですが、インターネット上で公開する事を考慮して半角英数字で作りましょう。

 

仮に " index.txt " のテキストファイルを作ったとします。
この場合、" index.txt " のファイルの拡張子を " index.html " と変更してください。
" index.htm " でもかまいませんが、当方がホームページを作ってきた経験上、" index.html " を使うケースが多いようです。

変換

 

 

どうでしょうか?
パソコンで制作していれば、アイコンが変化したのがわかりますよね。
スマートフォンなどでの他の機器でホームページを制作した経験がないので表示がどうなるのかはわかりません(@_@)

 

これでホームページ化は完了です。
実に簡単ですね。

 

実際にホームページ化されているかどうかの確認は、そのファイルをダブルクリックして表示してみてください。
次のサンプル表示でも内容が確認できます。

サンプル表示

 

 

一応、ホームページ化されていますが、単純なテキストの文字をホームページ化しただけのなので改行もなく1行の表示となっています。

 

ホームページは、html (ハイパーテキスト・マークアップ・ランゲージ)で制作します。
一般的には、html タグタグともいわれ、これらの情報を加えることで見やすいホームページは作られています。

 

もし、ホームページの表示が文字化けした場合は、「 ホームページの情報を追加 」を参照ください。

 

 

  

  

 


 

 

 

 

 

サイトキャラクター

 


 

 

htmlタグとCSSを理解すれば思い通りのホームページが作れるよ!

↓↓↓ ↓↓↓

スラスラわかるHTML&CSSのきほん 第2版

 

 

やっぱりホームページはソフトで作りたい!
そんなあなたにお勧めのホームページビルダー。

↓↓↓ ↓↓↓

ホームページ・ビルダー21 スタンダード 通常版

 

【関連サイト・リンク】

PHPを学ぼう! htmlタグ辞典+css おサルさんでもわかる? ホームページ作り! パワーポイントでYouTube動画を作る! 準備中 準備中 準備中

▲Menu | Up▲

Copyright (C) Ooedo21.com 2019. All Rights Reserved.