ホームページ作成奮闘記 https://ameblo.jp/e-march/ ホームページ作成の過程をブログで紹介していきます。 ja ホームページ作成5日目 ちょっと日が空いてしまいましたが、今日はtableというタグを使います。


tableというのはホームページの外枠の設定になるのですが、前回と同じように<table>　～ </table>という形で記述します。


<table width="770" cellspacing="0" cellpadding="0"

<tr>

<td>

ホームページの作り方<br>

</td>

</tr>

</table>

]]> https://ameblo.jp/e-march/entry-10213592761.html Mon, 23 Feb 2009 21:59:32 +0900 ホームページ作成4日目 昨日の続きになりますが<br>というタグがあります。

これは改行の意味で例えば


<font color=red>マーチ</font><br>

<font color=blue>熊本県熊本市*****</font><br>

096-***-****


と入力したら下のような感じになります。


マーチ

熊本県熊本市*****

096-***-****


それから二日目に書いた分で少し補足を。


ホームページはヘッダーという最初の方にホームページの基本情報やSEO対策（検索にかかりやすくなる）のキーワードを書きます。

ヘッダーは書き始めに<head> 終りに</head>で記入します。


そして本文は<body>で書き始め</body>で終わります。


これはどんなホームページでも同じなんで必ず覚えなくちゃ。

今日はここまでー

]]> https://ameblo.jp/e-march/entry-10209689745.html Mon, 16 Feb 2009 21:45:30 +0900 ホームページ作成三日目 今日は文字について書きたいと思います。


文字の入力は普通に文字を打てばいいのですが、色や太字にするのにタグというものを使います。

タグってなんだーと思いましたが、例を書くと


文字を太字にしたい場合　例でマーチという文字を太字にしたいと思います。


<strong>マーチ</strong>


これでマーチという文字が太字になるのです。

また文字の色を変えたい場合は


<font color=red>マーチ</font>


これでマーチという文字が赤色に変わります。

ちなみに　red　を　blue　に変えると文字が青色に変わります。

色の指定はカラーコードというやり方もありますがそれはまた後日書きたいと思います。

カラーコードのほうが細かい色の指定ができるみたいです。


<****> ～ </****>　というような記述方法がタグといいます。


今日はここまでー

]]> https://ameblo.jp/e-march/entry-10209097772.html Sun, 15 Feb 2009 20:59:05 +0900 ホームページ作成二日目 昨日の続きですが、最初から全部構築するのはちょっと時間がかかりすぎるのでホームページ、無料テンプレートで検索したサイトからダウンロードしたサンプルを使います。


index.htmlを昨日書きましたフリーソフトTeraPadで開きますと、文字がいっぱい書いてあります。


ホームページの基本情報を最初に変更します。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="キーワード">
<meta name="description" content="ホームページの説明">
<title>タイトル</title>
<link rel="stylesheet" href="style.css" type="text/css">
<BASE target="_top">
</head>
<body>


ここまでがヘッダーと言われるホームページの基本情報になる部分です。赤字の部分を変更すればホームページの一番上の情報やタイトルが変更できますので書き換えてみてみてください。

また、ここがSEO対策（ホームページが検索にかかりやすくする）のために重要だそうです。

TeraPadで赤字の部分を打ち変えてインターネットエクスプローラーのマークを押すと画面が見れます。

今日はここまで～。

]]> https://ameblo.jp/e-march/entry-10208381236.html Sat, 14 Feb 2009 17:09:58 +0900 ホームページ作成1日目（その２） 以前はXoopsというCMSというシステムを使ったホームページを作ってみたのですが、ホームページ作成の基礎知識が全くなかったのでよく分からずに作ってました。Xoopsはいろいろ出来るのですがユーザー管理やホームページに来てくれた人もユーザー登録してもらったりとか決まったメンバーで見るページには適していると思うのですが、不特定多数が見るサイトにはあまり向いていないかなと思いました。（ちゃんと構築できれば関係ないかもしれませんが・・・）

とにかく今回はシンプルに行こうと思います。


最近は無料テンプレートなどがたくさんありますので、YahooやGoogleで検索してテンプレートをダウンロードして練習してみます。


ダウンロードしたファイルを解凍してindex.htmlというファイルを開くと内容が表示されます。その中を書き換えていくとページの内容が変わっていくんですねー。


ホームページ作成ソフトで開くとインターネットで開くような画面とソースコードと言って文字がいっぱいならんでいる画面がでるんですね～。ホームページの編集には何のソフトを使ってもいいのですが、参考にしているサイトのお勧めは無料で使えるTeraPadというソフトです。

明日からそのソフトを使って作成していきます(￣ー☆

]]> https://ameblo.jp/e-march/entry-10207816005.html Fri, 13 Feb 2009 18:46:19 +0900 ホームページ作成日記1日目 はじめまして！熊本でパソコンのサポートを個人で営んでいる緒方です。

今回ホームページの作成過程を日記にしようとおもったきっかけは、以前にホームページを作ってみたのですが、まったくの初心者で仕事も忙しくなり中途半端な状態で作れずに放置になってしまいました。

ただ２，３年前にくらべるとホームページの技術もいろいろと変わり、作り方の情報もたくさんインターネットでみれるようになってきました。

そこで、もう一度きちんと完成までやってみようと思ったのがきっかけです。

また、昨年末から景気も悪くなり会社もコストを抑えていこうという風潮になってきています。

そこであまりコストをかけずにホームページを持っていない会社に提供できればお互いにメリットにもなると考えています。個人のサイドビジネスでもホームページを使って収入を得てる方もおられると思うので、自分で実践してお客様に提供できればとも考えています。

不景気な世の中で少しでも収入の足しになればと思い、またがんばろうと思います。


]]> https://ameblo.jp/e-march/entry-10207785825.html Fri, 13 Feb 2009 17:55:16 +0900 ホームページ作成奮闘記 今日からホームページ作成の過程をブログにしてみることにしました。

いつもブログは長続きしないけど、ホームページ作ってみようと思う人の手助けになればと思って書いてみます。

がんばるぞー！ヾ(＠^▽^＠)ﾉ

]]> https://ameblo.jp/e-march/entry-10207667996.html Fri, 13 Feb 2009 13:18:41 +0900