ホームページを作りたいと思った時


*


*
もじ文字 有意義な労働 健康と衛生 執筆への道標 そもそも学 更新情報

創作活動歴 | 作品紹介 | 小説投稿サイト | ホームページ | おすすめ小説 | サウンドアドベンチャーゲーム

執筆への道標

* *
*
創作ホームページ

ホームページを作りたいと思った時

ホームページを作りたいと考えたことがあると思います。
なかなか難しそうですよね。
だいたいはコピーペースト(コピペ)で作れます。
必要な時に必要な要素を集めて作ってしまいましょう。
集めているうちに勝手に覚えるものです。
まずは「サイトの内容を書くところ」と
それを「保存する場所」が必要です。

 下記はパソコン操作の順番です。

●保存する場所
「パソコンのデスクトップ画面で右クリック」
「新規作成」
「フォルダ」
「フォルダ名入力(任意ですがここでは「hp」とする)」


●サイトの内容を書くところ
「パソコン画面の左下のスタートをクリック」
「すべてのプログラム」
「アクセサリ」
「メモ帳」
「左上のファイルから名前をつけて保存」
「デスクトップ内のHPというフォルダを選択」
「メモ帳に名前をつける(ここではindex.html)」

又は

「HPフォルダを開いて右クリック」
「新規作成」
「テキスト ドキュメント」
「メモ帳に名前をつける(index.html)」

「メモ帳」を開くと真っ白です。ここに必要な文字を入力します。
「index.html」をクリックすると真っ白な画面が表示されます。
こちらはメモ帳に入力した文字の「結果」が表示されます。
インターネット上には公開されませんので
実際に公開されるイメージであるプレビューが表示されます。
「index.html」の内容を編集するときは
画面上に「hp」のフォルダと
「白紙のメモ帳」が開いた状態にします。
「白紙のメモ帳」を
「index.html用のメモ帳」とするためには次のようにします。

フォルダの「index.html」を一度クリックして
指を離さずに「メモ帳」へ移動する(dragドラッグ)。

つかんで→移動して→離す。そのようなイメージです。

メモ帳の一番上の表示が「無題-メモ帳」から
「index.html-メモ帳」へと変われば成功です。


次の内容をメモ帳にコピペして下さい。


 <html>

 <head>

 </head>

 <body>

 </body>

 </html>

 どのような意味があるのか説明いたします。

 <html>←ホームページの「始まり」
 から
 </html>←ホームページの「終わり」

この間にホームページに必要な「全て」の情報を入力することになります。


 <head>←ホームページのタイトルや見出しの「始まり」
 から
 </head>←ホームページのタイトルや見出しの「終わり」

この間にホームページのタイトルや見出しを入力することになります。


 <body>←ホームページの内容の「始まり」
 から
 </body>←ホームページの内容の「終わり」

この間にホームページの内容(コンテンツ)を入力することになります。


上記の「始まり」と「終わり」は
入力するほぼ全ての文字に共通していまして
入力する文字は全て「タグ」と呼ばれる記号のようなものに囲まれて作られます。

入力した内容はすぐに「メモ帳」の左上から下記の手順で保存します。


「ファイル」
「上書き保存」

この手順で内容を保存するくせをつけて下さい。

それでは試しに
さきほどコピペした「タグ」の中に文字を入れてみます。


 <head>
あいうえお
 </head>

「上書き保存」を行ったあとに
「フォルダ」の「index.html」をクリックしてみて下さい。
「あいうえお」と真っ白な中で左上に表示されていれば成功です。
これがタイトルになります。
タイトルは後々自由に変更できます。

「タグ」の種類は相当な量がありますので
頭で覚えるより
必要な「タグ」に触れることにより自然と覚えていきます。

次に、「あいうえお」を簡単に変化させてみましょう。
文字の大きさを変えてみます。


下記の「赤い部分」の「あいうえお」と左右にある「タグ」を
一緒にコピペしてみて下さい。

 <head>
<FONT size="8">あいうえお</FONT>
 </head>

結果を確認すると
大きな文字で「あいうえお」と表示されます。
これが文字の大きさを変える「タグ」です。
「タグ」の中に「8」と入力してあります。
これで文字の大きさを変えることができます。
数字が小さいほど文字も小さくなりますので
ホームページ上では3〜4程度の大きさが見やすいと思います。

文字は全角でも半角でも自由ですが
「タグ」の文字や数字は必ず「半角」でないと機能いたしません。
「タグ」は大文字・小文字のどちらでも大丈夫ですので
見やすい文字に統一すると良いかと思います。

「タグ」の意味さえ理解すれば
あとは作りたいホームページを作るだけです。
背景・画像・ブログ・記事・小説など
自由に内容(コンテンツ)を想像して
ひとつづつ作りたいホームページを作り上げていきましょう。

多用する「タグ」のひとつに
文字をひとつ下に下げる「改行するタグ」
が必要になると思いますのでご利用下さいませ。

 <head>
<FONT size="8">あいうえお</FONT> <br> かきくけこ
 </head>

「かきくけこ」のすぐ左にある「タグ」です。
これは「始まり」と「終わり」が必要のない
単体の「タグ」です。
結果を見ると、大きな「あいうえお」の下に
それより小さな「かきくけこ」が表示されます。

それでは
今回の説明によりホームページ作成の始まりが
楽しく感じていただける手助けとなれば幸いです。


   ■創作ホームページ 一覧へ戻る
   *


 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
*




     




*その他コンテンツ











プロフィール&創作作品
もじ文字
サイトマップ
もじ文字 更新情報



健康と衛生
そもそも学
執筆への道標
有意義な労働



With the exception of the work that has been provided with the consent,
all of the copyright is owned by the administrator of もじ文字 _since2013_
同意を得て提供されている作品や紹介されている不特定多数の作品を除いて
当サイトに掲載されている著作権の全てをもじ文字の運営者が所有しています。