見出しが必要であればここを使います見出しここに説明など入れて下さい。見出しここに説明など入れて下さい。見出しここに説明など入れて下さい。見出しここに説明など入れて下さい。見出しここに説明など入れて下さい。見出しここに説明など入れて下さい。当テンプレートについて当テンプレートはhtml5+CSS3(レスポンシブWEBデザイン)です当テンプレートは、パソコン、スマホ、タブレットでhtml共通のレスポンシブWEBデザインになっております。古いブラウザ(※特にIE8以下)で閲覧した場合にCSSの一部が適用されない(角を丸くする設定など)のでご注意下さい。各デバイスごとのレイアウトチェックは最終的なチェックは実際のタブレットやスマホで行うのがおすすめですが、臨時チェックは最新のブラウザ(IEならIE10以降)で行う事もできます。ブラウザの幅を狭くしていくと、各端末サイズに合わせたレイアウトになります。各デバイス用のスタイル変更はcssフォルダのstyle.cssファイルで行って下さい。詳しい説明も入っています。けのスタイルが追加設定されています。(~)"の「~」部分でcssを切り替えるディスプレイのサイズを設定しています。ここは必要に応じて変更も可能です。サーバーを使ってサイトを公開するなど動画をまじえてわかりやすく解説しています。初心者向けマニュアルはこちら。■titleタグの設定はとても重要です。念入りにワードを選んで適切に入力しましょう。tp_beginner6</title>を編集しましょう。COMPANY</title>とすればOKです。■copyrightを変更しましょう。COMPANY」部分もあなたのサイト名に変更します。■metaタグを変更しましょう。htmlソースの上の方に、content="ここにサイト説明を入れます"という部分がありますので、あなたのサイト説明文に入れ替えます。検索結果の文面に使われる場合もありますので、見た人が来訪したくなるような説明文を簡潔に書きましょう。続いて、その下の行のcontent="キーワード1,キーワード2,~~~"も設定します。ここはサイトに関係のあるキーワードを入れる箇所です。10個前後ぐらいあれば充分です。キーワード間はカンマ「,」で区切ります。■ロゴ画像のalt指定と、ロゴ画像本体も変更しましょう。COMPANY)もあなたのサイト名に変更しましょう。ロゴ画像本体については、baseフォルダに文字なしの土台画像「logo.png」が入っているので、画像ソフトなど使ってあなたのサイト名を入れて、imagesフォルダに上書きしましょう。画像ソフトを使った画像の加工方法も初心者向けマニュアルで公開中です。このロゴ画像、HPで見るサイズよりかなり大きく感じると思いますが、高解像度の端末でピンボケさせない為に適当に大きくしてあります。imgにあるwidthの値で変更可能です。css下の方に小さな端末用の設定がある場合もあるのでそちらも確認して下さい。当テンプレートは1枚のhtmlファイルで完結しています。メインメニューのリンクは、同一ページ内に対して行う必要があります。同一ページ内にリンクを設定したい場合、まず、リンク先の対象ブロックの先頭にid値をつけてあげます。id="company">とつけていますが、それです。idは同じ名前を付けられないので注意して下さい。href="#company">Company</a>として下さい。ここの「#」と「id」は同じ意味で、メニューをクリックすると、id="company"とついた所に移動します。最上部の大きなメイン画像を入れ替えたい場合(※tp_beginner6_photo1〜tp_beginner6_photo4の場合)入れ替えたい画像を用意し、画像ファイル名を「mainimg.jpg」にしてimagesフォルダに上書きして下さい。閲覧する画面サイズによって自動で切り取られますので、切り取られた際に配置がおかしく見えないような画像を使って下さい。url(../images/mainimg.jpg)〜〜部分の「mainimg.jpg」部分を直接変更して下さい。リストタグを使いたい場合の注意点そのままではリストマークが出ませんので、リストタグを使う場合は以下のようなスタイルを追加して下さい。class="disc"><li>リストタグ</li><li>リストタグ</li><li>リストタグ</li></ul>↓出力例リストタグリストタグリストタグolタグはそのままででます。olタグはそのままででます。olタグはそのままででます。olタグはそのままででます。その他、テンプレートのカラーやデザイン変更などはcssフォルダのstyle.cssで行って下さい。詳しい解説も書かれています。cssの解説は、「/*」と「*/」の間にコメントとして入れています。「/*」と「*/」はcss用のコメントタグであり、飾りではないので削除をしないで下さい。解説を削除したい場合は、「/*」と「*/」含めて丸ごと削除して下さい。うまく編集できない場合はサポート掲示板からご質問下さい。対応可能な範囲内でサポートしております。h4」で変更できます。img」のwidthの数字で変更できます。