<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.00 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 18.0.13.0 for Windows">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ホームページ作成テクニック集</title>
<link href="../../hpbsite.css" rel="stylesheet" type="text/css">
<link href="../../to-top.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script type="text/javascript" src="../../cmenu.js"></script> <script src="../../to-top.js"></script></head>
<body>
<div id="bigbox"><a name="top"></a>
<center>
<table width="98%">
<col span="1" width="158">
<tbody>
<tr>
<td valign="top"><a href="#honbun"><img src="../../blank.png" width="1" height="1" border="0" alt="本文へ"></a><a href="../index.htm"><img src="../cclogo.jpg" width="158" height="73" border="0" alt="Crossroadクリエイトのロゴマーク"></a></td>
<td align="center" width="760"></td>
<td align="center" width="117"><a href="../../index.htm"><img src="../../ttllogos.jpg" width="107" height="49" border="0" alt="Crossroadホームへ"><br>
<font size="+2"><b>Home</b></font></a></td>
</tr>
<tr>
<td valign="top">
<div onmouseover="this.style.backgroundColor='#b7db99';" onmouseout="this.style.backgroundColor='';;" onclick="_HpbJumpURL('../index.htm');" align="center" style="padding-bottom : 5px;border-right-width : 2px;border-bottom-width : 3px;border-right-style : solid;border-bottom-style : solid;border-right-color : gray;border-bottom-color : gray;"><a href="../index.htm" id="tp"><font size="+2">トップへ</font></a></div>
</td>
<td align="center" colspan="2"></td>
</tr>
</tbody>
</table>
</center>
<table style="margin-top : auto;" width="98%" align="center">
<tbody>
<tr>
<td>
<blockquote>
<div>
<div><a name="honbun"></a>
<div class="hdline"><font size="+2" color="#222222"><b>ホームページ作成テクニック集</b></font></div>
<br>
このホームページを立ち上げて、もうだいぶ年月が経ちました。初めの頃はＷｏｒｄでベタ書きのものでしたが、そのうちにやりたいことも増え、見栄えも気にするようになりました。それを実現させるために、スタイルシートやJavaScriptなどの技術も取り入れてきました。正直、まだまだ初心者でおこがましいのですが、いくつか紹介させて頂こうと思います。<br>
<hr>
<b><font size="+1">ＨＴＭＬ</font></b>
<blockquote> これが基本ですね。HTMLというのはHyperText Markup Languageの略で、一般的なWebページの多くがこの言語で書かれています。<br>
・・・と言っても「？？？」って感じですよね。IEやChromeなどのブラウザでは文章や写真、画像、音声などが見やすく（ないときもありますが、、笑）レイアウトされて表示されますが、実際のHTMLはアルファベットの命令文と文章の部分の羅列です。例えば、こんな感じです。<br>
通常、Webページを作るときにはホームページ作成ソフトなどを使いますが、慣れてくるとメモ帳などのエディタでちょこちょこっと直すほうが楽な場合もあります。</blockquote>
<hr>
<b><font size="+1">スタイルシート</font></b>
<blockquote> スタイルシート（CSS）とは、Webページのレイアウトや体裁を整えるためのもので、HTMLの中に直接書いたり、別ファイルにして読み込むこともできます。この、別ファイルにして読み込めるっていうのがありがたいんですよね。。それによってサイト全体に対してデザインやレイアウトの統一感を持たせることができるうえ、スタイルシートのファイルを変えるだけで簡単にサイト全体のデザインを変えることができます。</blockquote>
<hr>
<b><font size="+1">JavaScript</font></b>
<blockquote> JavaScriptとは、プログラミング言語の一種で主にWebページ上で使われています。ページ上で何か特別な処理をする時に使います。このページで言えば、<font style="background-color : #d75570;" color="#ffffff">↑ページ先頭へ</font>の表示とクリックした時に、ページ先頭へ移動する処理をJavaScriptでしています。<br>
</blockquote>
</div>
<hr>
<b>ＣＧＩ </b>
<blockquote> こちらもWebページ上で何か特別な処理をする時に使うものですが、JavaScriptと違ってこちらはWebサーバ上で実行されます。ページ単体では動かないため、プログラムをテストする時でもいちいちサーバにアップロードしないといけません。ちなみにCGIはプログラミング言語ではなく、これらを実現する［仕組み］のことを言い、実際に使うプログラミング言語はPerlやPHPなどで作ります。<br>
代表的なものとしては、アクセスカウンターや問い合わせフォームなどに使われています。ちなみにこのサイトでもCGIを使っていますが、レンタルのCGIをそのまま使わせていただいているだけので、Perlは薄っすら読めるぐらいです。（笑）</blockquote>
</div>
</blockquote>
<div>
<hr>
<table width="1024">
<tbody>
<tr>
<td width="158"><b><font size="+1"><i>Powered by </i></font></b><br>
<a target="_blank" href="http://px.a8.net/svt/ejp?a8mat=1C2BMA+7FBNEA+79Y+65ME9"><img border="0" width="120" height="60" alt="レンタルサーバはWADAX" src="http://www25.a8.net/svt/bgt?aid=080729938449&wid=001&eno=01&mid=s00000000943001034000&mc=1"></a> <img border="0" width="1" height="1" src="http://www10.a8.net/0.png?a8mat=1C2BMA+7FBNEA+79Y+65ME9" alt=""></td>
<td align="center"><a href="mailto:info@crossroadlink.com?Subject=Crossroad%83%4E%83%8A%83%47%83%43%83%67%82%C9%82%C2%82%A2%82%C4%82%CC%82%B2%88%D3%8C%A9%81%45%82%B2%8A%B4%91%7A%81%45%82%A8%96%E2%8D%87%82%B9"><img src="../../mail.gif" width="32" height="32" border="0" alt="メール">ご意見・ご感想・お問合せのメールはこちら</a><img src="http://www.crossroadlink.com/cgi-bin/countcr/perlcount.cgi?6&dat" border="0" width="1" height="1"></td>
<td width="158"></td>
</tr>
</tbody>
</table>
<hr>
<p align="center"><a style="text-decoration: none;" href="../../info.htm">初めてご利用の方へ（インフォメーション）</a> ｜ <a href="../../help.htm">ご意見・お問い合せ（ヘルプ）</a> ｜ <a href="../../sitemap.htm">サイトマップ</a> ｜ <a href="../../link.htm">リンク集</a><br>
Copyright(C) Takehiro Takizawa</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</html>