忍者ブログ

ホームページ制作入門

ホームページ制作入門ブログです。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ホームページ制作の準備 - FFFTPでsample.htmlをアップロードしてアクセスしてみる。

<strong>サンプルのHTMLを取得する</strong>

<a href="http://www.kwkw.biz/kwinfo/blog_sample.html">こちら</a>を右クリックしてリンク先を保存することで、HTMLのサンプルをダウンロードできます。
<a href="http://www.kwkw.biz/kwinfo/blog_sample.html">サンプルHTML</a>
※普通にクリックすると、HTMLファイルにアクセスすることになるので、ブラウザで開いてしまいます。



または、下記のテキストを「blog_sample.html」というファイル名で保存してください。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="ROBOTS" content="index,follow">
<title>ホームページタイトル</title>
<meta name="description" content="ホームページ説明文">
<meta name="keywords" content="ホームページ,キーワード,カンマ区切りで設定" />
<meta name="author" content="制作者名" />
<meta name="copyright" content="著作権者名" />
<link rel="shortcut icon" href="img/favicon.ico"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="contents" href="./" title="トップページ名" />
<script type="text/javascript" src="js/javascript.js"></script>
</head>
<body>
<h1>サンプルHTML</h1>
<p>これは、サンプルとして制作したHTMLです。</p>
</body>
</html>


HTMLファイルは、ホームページ制作用のフォルダに保存してください。




<strong>サーバーにアップする</strong>
次に、FFFTPを起動して、
サーバーに接続してください。
※ホスト一覧からサーバーを選択して、接続をクリックすれば、設定が正しければ接続できます。

ダウンロードした「blog_sample.html」を左から右にドラッグ&ドロップすればアップロードされます。
※あるいは矢印(↑)のマークをクリックしてもアップロードできます。



<strong>アップロードしたページを見てみる</strong>
サーバーの管理画面などに表示されるホームページのURLは、トップページのURLです。
例)
http://www.sample.com/
に、「blog_sample.html」をアップロードした場合、
http://www.sample.com/blog_sample.html
にアクセスすることで、ページを確認する事が出来ます。



アクセスしてみて、ページが表示されれば成功です。
※このページは、URLを知っていて、インターネットがつながれば、どこからでも確認する事が出来ます。
※現時点で検索される事はまずありません。
PR

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字

カレンダー

05 2026/06 07
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

フリーエリア

最新CM

プロフィール

HN:
No Name Ninja
性別:
非公開

バーコード

ブログ内検索

P R

忍者アナライズ