【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:about.htmlの作成

  • URLをコピーしました!
目次

Bootstrap Studio

前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのクイズを創るページ(make.html)を作成しました。

今回は最後の「about.html」を作成していきます。

ただこれまでと違って、文章だけ載せた簡素なページですし、これまで使ってきた機能ばかりなので、多くは解説しません。

それでは始めていきましょう。

ページの準備

まずはページの準備を進めていきましょう。

前に作成した「about.html」はこちら。

ナビゲーションバーとフッターだけから構成されています。

ナビゲーションバーとフッターのContainerの間に新しいContainerを配置し、Fluid化します(Optionsタブ内)。

次にAppearanceタブでMargin Topを72px、Margin Bottomを100pxにし、ナビゲーションバーとフッターに被らないようにします。

このContainer内にRowを一つ、さらにそのRowの中にColumnを三つ配置します。

OptionsタブのColumn Optionsの項目内のWidthで左右のColumnを「1」に、真ん中のColumnを「10」に設定します。

真ん中のColumnに「Heading」を配置し、Margin Topを36px、Margin Bottomを12pxに設定します。

またその下にParagraphを配置します。

今回はこのHeadingとParagraphを使い、ページの説明を記載していくのがメインの作業になります。

記載する内容

それではどのような内容を記載していくのか見ていきましょう。

このサイトに関して -About-

当サイトは漢字間違い探しクイズを楽しんでもらうために3PySciの管理人Noriが作成・運営しているサイトです。

遊ぶ-Play- ではアクセスしたり、「新しい問題へ」をクリックするたびに当サイト独自のプログラムが新しい問題を作成し、表示されます。

何度でも満足の行くまでお楽しみください。

創る-Make- ではご自身で問題を作成するための漢字2つを入力し、縦横のサイズ、使用するフォントを選択することで自分だけの問題を作り、シェアすることができます。

ご自身だけでなく、みなさまご一同でお楽しみください。

問題や機能は今後もアップデートしていく予定ですので、末長くお楽しみいただけましたら幸いです。

漢字間違い探し

プライバシーポリシー

以下の文書は、当サイト(サイト名:漢字間違い探し、URL:)における個人情報の保護およびその適切な取り扱いについての方針を示したものです。

漢字間違い探し

この時点ではまだURLが決まっていないので、記載していません。

当サイトが使用しているアクセス解析ツールに関して

当サイトではGoogleによるアクセス解析ツール「Googleアナリティクス」を利用しています。

このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しておりますが、匿名で収集されており、個人を特定するものではありません。

この機能はCookieを無効にすることで収集を拒否することができますので、お使いのブラウザの設定をご確認ください。

この規約に関して、詳しくはこちらをご覧ください。

漢字間違い探し

「詳しくはこちら」はこちらのページにリンクを貼る予定です。

クイズ問題作成時の情報収集に関して

創る -Make- のページでは、ご自身で問題を作成するための漢字を入力し、縦横のサイズやフォントを選択することで新たな問題を作成することができます。

その際、入力・選択されたデータに関してはログを保存し、新たな問題を作成するための参考にさせていただきますので、ご了承ください。

漢字間違い探し

このサイトでクイズを作成した場合、その情報は新しい問題を作りますよということを明記しておきました。

当サイトへのリンクに関して

当サイトは完全リンクフリーです。

正規に公開しているページであれば、どのページにリンクしていただいても問題ありません。

ただしインラインフレームの使用や画像への直リンクなどは禁止させていただいております。

漢字間違い探し

免責事項

当サイトに掲載する情報は公開時点での正しいものを提供するよう努めております。

ただし、提供している情報、リンク先などにより、いかなる損失や損害などの被害が発生したとしても当サイトでは責任を負いかねますのでご了承ください。

漢字間違い探し

著作権について

当サイト「漢字間違い探し」に掲載されている情報についての著作権は放棄しておりません。

当サイトを介して作成した漢字間違い探しクイズの画像に関してはクリエイティブ・コモンズ・ライセンス(表示 4.0 国際)とさせていただきます。

画像にはクレジットとして、当サイト名称、並びにURLが記載されていますが、もし改変等で当サイトの名称、またはURLの全部、一部を問わず、表示されない状態になった場合、別途当サイトの名称、URLの記載をお願いいたします。

漢字間違い探し

画像の著作権に関してはどう扱ったらいいのか難しいのですが、とりあえずはクリエイティブ・コモンズ・ライセンス(表示 4.0 国際)にしておけばみんな使えるかなと思ってそうしました。

初出掲載 2021年X月X日

漢字間違い探し管理人:Nori

漢字間違い探し

最後に署名のように日付と名前を書いて完了です。

こんな感じの文章を追加していったのがこちらです。

またブラウザ上で見てみるとこんな感じです。

あとはフォントだったり、各Headingの装飾だったりはご自由に。

次回はBootstrap Studioの最後としてサイトのSEOなどの設定を行なっていきましょう。

ではでは今回はこんな感じで。

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次