ホームページの作成について急ぎ！

簡単でいいのでWebサイトを作ってください！
明日までの課題なんです！！！

kyoya0819

2019/10/05 17:31

急ぎとか課題とか知らんがな

hobiza543

2019/10/05 17:36

本当に急いんでるんです。お願いします。

miyabi_pudding

2019/10/05 17:45

ここはQAサイトであって、依頼サイトではないので、他所を当たってください。

hobiza543

2019/10/05 17:47

本当に急いんでるんです。お願いします。

kyoya0819

2019/10/05 17:48

知らんがな大喜利回答でしたらいくらでもして差し上げます。

bochan2

2019/10/08 08:44

質問いただきありがとうございます github pagesを利用してみてはいかがでしょうか？

行動規範の内容に同意します

回答4件

まずワードを起動します。
そこに適当に何か書きます。
たとえば次のように書く人が多いですね。

hobiza543 のホームページ
Sorry, this home page is Japanese only.
工事中(Under construction)
あなたは 0 人目のお客様です。

この文字の大きさを変更したり色をつけたりしてください。

完成したら名前を付けて保存で「Word 文書(.docx)」と書かれているコンボボックスをクリックし、「単一ファイル Web ページ(.mht;*.mhtml)」に変更して保存してください。

これをダブルクリックすると、ブラウザで見ることができます。
以上で完成です。

投稿2019/10/06 03:07

Zuishin

総合スコア28669

Zuishin

2019/10/06 03:16

熟練者の中には Word の代わりに Excel を使う人もいます。そうするとセルの大きさを変更することで文字の位置を簡単にそろえることができる、いわゆるグリッドスタイルでの編集が可能です。Word に慣れたら試してみてください。

miyabi_pudding

2019/10/06 10:01

そうですね、Wordとかだとさっくりhtml吐き出せますもんね。

行動規範の内容に同意します

HTML
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset=UTF-8>
5    <title>HOGEのホームページ</title>
6  </head>
7  <body>
8    <div></div>
9    <script src=https://code.jquery.com/jquery-3.4.1.min.js></script>
10    <script>
11      $('div').append('<header>');
12      $('div').append('<h1>サンプル</h1>');
13      $('div').append('<h2>サンプルdayo</h2>');
14      $('div').append('</header>');
15      $('div').append('<section>');
16      $('div').append('<h3>自己紹介</h3>');
17      $('div').append('<p>HOGEと申します。よろしくお願いします。</p>');
18      $('div').append('</section>');
19      $('div').append('<section>');
20      $('div').append('<h3>スキル</h3>');
21      $('div').append('<p>色々なことをやってきました。</p>');
22      $('div').append('</section>');
23      $('div').css({'margin':'0','padding':'0','font-family':'sans-serif'});
24      $('h1').css({'margin':'0','padding':'0','font-weight':'normal','text-align':'center'});
25$('h2').css({'margin':'0','padding':'0','font-weight':'normal','text-align':'center'});
26      $('h3').css({'margin':'0','padding':'0','font-weight':'normal','text-align':'center'});
27      $('p').css({'margin':'0','padding':'0','margin-left':'5vw','margin-top':'2em'});
28      $('section').css({'margin-top':'10vh'});
29    </script>
30  </body>
31</html>