最短ホームページテンプレートで表示崩れを防止する方法

最短ホームページテンプレートで表示崩れを防止する方法

吉田 昇
吉田 昇

最短ホームページテンプレートで表示崩れを防止する方法

テンプレートの表示崩れの防止策

当初はテンプレートの基本構成を変更しない

ホームページ作成に慣れてくると、自由にカスタマイズできるようになり、自分の思うような配置でホームページを表示できるようになります。しかし1作品目の作成では、元のテンプレートの記述を変更したり、消したりしないようにする事が、表示崩れさせないコツです。では表示崩れとは何なのか?動画で確認して頂きますと今後きっと役に立ちます。


[この動画は16分です]


チャンネル登録 Please click

ユーチューブチャンネル登録

 

チャンネル登録をして頂きますとホームページ作成に役に立つ最新動画のアップロードをお知らせします。


テンプレートの基本構成

下記の記述が、最短ホームページテンプレートの構成です。覚える必要はありませんが、構成を把握して頂きますと、今後のカスタマイズの導入や、表示崩れをおこした場合にご自身で簡単に変更、修正する事ができるようになります。


テンプレートのHTML


<html>・・・ココからHTMLで書かれた文章ですと宣言しています。
<head>
検索結果でリンクとして表示される[タイトル]や、その下に表示される[サイトの説明文]を記述するエリア
</head>


<body>・・・ココからホームページが始まりますという記述。


<table>
ホームページのタイトルエリア
</table>
<table>
コンテンツバー[グローバルメニュー]エリア
</table>


--------------------サイドバーとメインコンテンツの始まり
<table>
 <tr>
  <td>
サイドバー[左]に表示
  </td>
   <td>


<table>-----メインコンテンツの始まり-----[右]に表示
 <tr>
  <td>
メインコンテンツの記述
  </td>
 </tr>
</table>-----メインコンテンツの終了-----


  </td>
 </tr>
</table>
--------------------サイドバーとメインコンテンツが終了


<table>
 <tr>
  <td>
フッターを記述しています。
  </td>
 </tr>
</table>


  </td>
 </tr>
</table>ホームページの一番大きな外枠がココで終了。


</body>・・・ホームページの記述はココで終わりますという記述です。
</html>・・・HTMLでの記述はココで完了するということ。


※ 動画の解説で解りにくい部分は一時停止して、上記のタグの構成を確認して下さい。


2026/02/03 18:31:16


 

 

 

 

SIRIUS2 OFFICIAL PAGE
SIRIUS2 OFFICIAL PAGE
リンク先公式サイトからのご購入でシリウス2を快適に始めるための
ユーチューブ動画アクセス権 [全4本-計67分] を特典としてプレゼント!

さらに電話、メールサポートや画像集、Wordテンプレートもお渡ししています。
また、特典ユーザーズページではシリウス2に必要なSEOに関連する記事を閲覧できます。