ほくなれ代表ブログ

スポンサーサイト

この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。

2011.04.26 Tuesday
-
-
-
-
by スポンサードリンク

テンプレートが増えました。

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

2011.04.26 Tuesday
-
21:05
comments(1)
trackbacks(0)
-
by itkeiei

dl-market様のサイトで、無料ダウンロードと購入ができるようになりました。
無料テンプレート集第１弾（38個）(無料)
フリーライセンス＿テンプレート集第１弾（38個）（980円）

著作権表示なしのフリーライセンス版980円というのは、誤解を招きやすいかもしれませんが、

×　著作権表示なしで38サイトすべてネット上に立ち上げる
○　38個のうち、どれでもいいので一つだけネット上に立ち上げることが可能
　　差し替えても、申請しなくてもよい。

ということです。お間違いのないよう、宜しくお願いいたします。

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

2011.04.18 Monday
-
23:31
comments(0)
trackbacks(0)
-
by itkeiei

テンプレートマニュアルのpdf版できました。

当サイトで書いていたほくなれテンプレートでのホームページ作成方法のpdff版がほくなれのページでダウンロードできるようになりました。

詳しくは、こちら

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

2011.04.17 Sunday
日記
02:41
comments(0)
trackbacks(0)
-
by itkeiei

無料でホームページ講座第１７回「ホームページをアップしよう」

今回のテーマはホームページをアップする方法について述べたいと思います。
ホームページをアップするには無料と有料のレンタルサーバーがございます。
個人の方でしたら、無料でもかまいませんが、企業としての信頼を得るには有料のものを使い、独自のドメインを用いるほうがいいでしょう。

１．商用可能で無料のレンタルサーバー
お勧めはninjaでしょう。
無料でありながら、お問い合わせフォームなども使えます。
http://www.ninja.co.jp/

ただし、任意の独自ドメインは使えず、広告も小さく入ります。
サンプルページをみてください。
http://saunaiine.iiyudana.net/
上記はサウナの情報サイトですが、下部に広告が入っております。
またドメインの、iiyudana.netの部分はある程度選べ、saunaiineの部分は自分で決めることができます。

２．有料のレンタルサーバー
ロリポップがよいでしょう。月数百円でご利用できます。
http://lolipop.jp/

ここでは無料でホームページを謡っているので、ninjaの解説をします。
有料のレンタルサーバーについては、将来的には応用編の記事も書く予定でその際に書きたいと思います。、

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１６回「表の作り方」

今回は、表を作っていきます。
前回まで、歯科医院のサイトを作ったりしましたが、表を使うことで、曜日ごとの診療案内を作ることができます。

以下のようなタグを貼り付けてみましょう。

<table>
<tr><th>　　</th><th>月</th><th>火</th><th>水</th></tr>
<tr><th>午前</th><td>○</td><td>○</td><td>○</td></tr>
<tr><th>午後</th><td>×</td><td>○</td><td>○</td></tr>
</table>

１．まず、<table> と</table>で囲みます。
<table>
<tr><th>　　</th><th>月</th><th>火</th><th>水</th></tr>
<tr><th>午前</th><td>○</td><td>○</td><td>○</td></tr>
<tr><th>午後</th><td>×</td><td>○</td><td>○</td></tr>
</table>

２．次に行を<tr></tr>で作ります。
<table>
<tr><th>　　</th><th>月</th><th>火</th><th>水</th></tr>
<tr><th>午前</th><td>○</td><td>○</td><td>○</td></tr>
<tr><th>午後</th><td>×</td><td>○</td><td>○</td></tr>
</table>

３．項目の名称のところには、<th></th>で囲みます。
例えば、曜日、時間等
背景が黄色のところにしたいところを<th></th>で囲めば大丈夫です。

<table>
<tr><th>　　</th><th>月</th><th>火</th><th>水</th></tr>
<tr><th>午前</th><td>○</td><td>○</td><td>○</td></tr>
<tr><th>午後</th><td>×</td><td>○</td><td>○</td></tr>
</table>

４．項目ごとの内容は、<td></td>で囲みます。

<table>
<tr><th>　　</th><th>月</th><th>火</th><th>水</th></tr>
<tr><th>午前</th><td>○</td><td>○</td><td>○</td></tr>
<tr><th>午後</th><td>×</td><td>○</td><td>○</td></tr>
</table>

--------------------------

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１５回「リンクの貼り方」

これを説明するわけにはいけません。危うく終えるところでした。
今回は、リンクの貼り方について勉強します。リンクの貼り方は２種類あります。

１．ウィンドウを変えずにリンクする。
これは、エクスプローラー内の画面が切り替わるリンクの張り方です。

<a href="http://（アドレス）"/>（ページの名前）</a>

とします。

例として、ヤフーのページをリンクする場合について書いてみます。

<a href="http://www.yahoo.com/">　ヤフーのページ</a>

２．新しいウィンドウで表示する。

taget="_blank"
を追加する。

<a href="http://www.yahoo.com/" target="_blank">ヤフーのページ</A>

これらは、文章中にもいれることができます。
例えば、index.htmlをメモ帳で開いてみましょう。

<p>
現在、モニターを募集中です。
</p>

の下に

<p>現在、<a href=http://www.yahoo.co.jp>ヤフー</a>からも検索ができます。</p>

を追加してみてください。

リンク集などを作るときは、非常に重要になってきますので、使い方を覚えてくださいね。

次回は、表の作成になります。

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１４回「ここまでのまとめ」

今回で、~~ホームページ講座は終わります。~~
終わりません。リンクの貼り方などまだまだやることが多そうです。

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１３回「本文の作成」

今日は本文の作成を行います。
１．文章を書くとき
本文は、<p>・・・・・文章・・・・・・</p>で囲むとできます。
強調させたいときは、<strong>・・・・・</strong>で囲みます。

例
<p>たちつてと</p>
→下図a

２．画像を載せるとき
画像を載せるときは、imageフォルダに画像ファイルをおき
<p><img src="image/ファイル名" alt="（ファイルの説明）" /></p>
で、乗せることができます。

例
<p><img src="image/test.jpg" alt="テスト画像" /></p>
→下図b

３．段落を置くとき
<br />を使います。

例
<p>あいうえお<br />かきくけこ</p>
→下図c

４．中央に配置するとき
いろいろやり方があり、本当はcssファイル（見栄えをよくするための設定ファイル）でやることが推奨されていますが、今回はhtmlで行う方法を紹介します。
<p align="center">・・・</p>を使う。

<p align="center">たちつてと</p>
→下図d

<p align="center"><img src="image/test.jpg" alt="テスト画像" /></p>
→下図e

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１２回「トップ画像と本文の作成」

さて、やっとトップ画像と本文の作成に入ります。
トップ画像と本文は、メニューの右側にあります。

１．トップ画像の挿入
①横幅を570ピクセルにしたトップ画像を用意してください。
これがなければ、なくてもいいですが、あるといいです。

②次にimageと書かれているフォルダに保存します。

③index.htmlをメモ帳（Notepad）で開き、
<div id="contents">
<div id="main">
<div id="whatsNew" class="contents">
<img src="image/main.jpg" alt="Menu" />
<h2>お知らせ</h2>

赤字の部分のmain.jpgを保存したトップ画像のファイル名にします。
（あるいはトップ画像をimageフォルダに保存するときに、main.jpgと名前を変更してもいいです）
そして、alt="Menu" のMenuを画像の説明文をいれてください。病院でしたら、「◎△歯科医院の外観」など。

これで、トップイメージの完成です。

２．本文
①大きなタイトルの編集や追加
index.htmlでいう「お知らせ」にあたる部分です。ここを編集するには、
タイトルを<h2>と</h2>で囲めばＯＫです。
例えば、index.htmlの

<div id="whatsNew" class="contents">
<img src="image/main.jpg" alt="Menu" />
<h2>お知らせ</h2>

の赤字部分を
<h2>◎△歯科医院へようこそ</h2>
としてみてください。index.htmlに反映されているはずです。

③小さなタイトルの編集や追加
index.htmlでいう「新しいニュース」にあたる部分です。ここを編集するには、
タイトルを<h3>と</h3>で囲めばＯＫです。
例えば、index.htmlの

<h3>新しいニュース</h3>
<p>■2011/1/3 ・・・・・・・・・・・・・・</p>
<p>■2010/12/28 ・・・・・・・・・・・</p>

</div>

の赤字部分を
<h3>最近のできごと</h3>
としてみてください。index.htmlに反映されているはずです。

次回も本文の編集です！

ここからテンプレートをダウンロードしてくださいね。
ほくなれ無料テンプレート

無料でホームページ講座第１１回「項目にあわせてページをつくる」

さて、ここまででだいたいページのベースができてきました。
メニューの項目から、全部で6枚のページが必要となります。

今回はそれを作っていきます。

１．エクセルの表を参考に、ページを随時作っていく。
エクセルの表にあらかじめ決めておいたファイル名の一覧があります。
まずはそのエクセルの表を開きます。

２．次にindex.htmlをメモ帳で開き、
エクセルの表を参考に「名前をつけて保存」
で、それぞれファイル名をつけていきます。

ファイルの種類は「すべてのファイル」にしてください。

次回は、本文の編集です