§02-03…ページタイトルの指定＜title＞
(01) 「re01.htm」を編集します。<title>タグで囲まれた文章を以下のように「はじめてのホームページ」に変更してください。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict...
§02-02…段落の操作＜p＞タグ
(01) 「はじめまして」という文章が入力されたWebページを作成します。新規テキストファイルを作成してください。次に基本内容(「temp01.htm」に入力した文章)をコピーしたあと、「本文入力個所」を「はじめまして」に変更してください。このように、ページに表示させたい文章は<body>～</body>内に入力するのです。 <...
§02-01…ページ作成の基本
(01) 先ほどはテキストエディターにいきなり文章を書き込みましたが、これはWebページ作成の正しい方法ではありません。XHTMLを利用してWebページを入力する際には、本文の前後に以下のようなテキストを入力しておく必要があります。英数字はすべて半角です。 <?xml version="1.0" encoding="Shift_JIS"?> ...
§01-05…Webページの作成テスト
(01) それではWebページのサンプルを実際に作成します。テキストエディター(メモ帳など)で以下のように入力してからダイアログボックスを表示してください。 (02) は「練習1」フォルダーにします。ファイル名は「test.htm」にして保存してください。作成した文書をWebページにするには拡張子を半角で「○○.htm」にします。「○○」の部分...
§01-04…転送用ローカルフォルダーを用意
自分のコンピューター内(あるいはUSBメモリーなど)に作成したWebページ群は、完成後にWebサーバーに転送します。これからWebページ作成方法を学習するのですが、作成したWebページはひとつのフォルダー内にまとめておく必要があります。そこで新しく保存用のフォルダーを作成します。このフォルダーには、好きな名前を付けてかまいません。フォルダーの新規作成には、エ...
§01-03…テキストエディターの用意
HTMLを駆使してWebページを作成するには、文字の入力・編集をするためのアプリケーションが必要です。簡単に言うと「メモ帳」が必要になります。なお、高機能なフリーのテキストエディターとして「TeraPad」「EmEditor」「Sakura Editor」「K2Editor」などがありますが、こちらを利用するのもよいでしょう。また、ホームページ作成ソフトでも...
§01-02…拡張子
(01) ファイル名の後に必ず付ける「.htm」「.jpg」「.gif」などの拡張子は、それが何のファイルなのかを示すものであり、絶対に必要です。たとえば、「.htm」はWebページであることをあらわし、「.jpg」「.gif」は画像ファイルであることをあらわします。しかしWindowsの初期設定ではこの拡張子は表示されていません。WordやExcelなどの...
§01-01…Webページ作成を学習しよう・前書き
この講座は「ホームページ・ビルダー」「Dreamweaver」などのホームページ作成ソフトを用いてホームページを作成した経験がある方を対象にしています(もちろん、この講座で初めてホームページ作成を学習されても問題ありません)。 初めてのホームページ作成ならば、ホームページ作成ソフトのみで完成させるのが一般的でしょう。ホームページ作成ソフトは使いやすく、...