2007年07月15日

編集テキストをHTMLに貼り付けてみよう

前回でやったダウンロードは出来ましたか?


まだ「HTML Project2」をダウンロードしていない方は

下記のアドレスからダウンロードし入手してください。



URL


 http://www1.ttcn.ne.jp/~kaneto/hproj2/htmlproject2.html


では早速始めましょう。




まず「html」ファイルを格納するフォルダをデスクトップに作成してください。

フォルダ名は「001」とします。



それではダウンロードしてある「HTML Project2」のアイコンをクリックし

起動してください。



さて起動したら【メニュー】バーの【設定】をクリックしてください。

「XHTMLモード」にチェックを入れてください。

入っている方はそのままで結構です。



次に【メニュー】バーの【ページ設定】をクリックしプルダウンメニューから

「HTMLファイルの初期設定」をクリックしてください。



「基本」タブの「バージョン情報」を下記のように選択してください。



//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"



「設定名称」に「Lesson1」と入力し「保存」ボタンをクリックします。



保存場所を先ほど作成したデスクトップの「001」フォルダを指定し

「index」(半角英数)と名前をつけて保存してください。



以下のように表示されているはずです。



<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title></title>
</head>
<body>


</body>
</html>



2行目は2行で表示されていますが行番号が「2」になっていますので本来は1行なのです。

便宜上2行で表示しています。



9行目が空白になっています。


以下のテキストをコピーして、9行目に貼り付けてください。




*******ここから*******



いまさら聞けないインターネット用語集



SNS(ソーシャル・ネットワークキング・サービス)



「友達の友達は皆友達だ」という考え方に基づき、

人々の「つながり」を重視して、趣味や嗜好・仕事関係・男女関係などの

構築をオンラインでサポートするサービスの総称である。



社会的ネットワークをインターネット上で構築するサービスのこと。

登録制、招待制などのいくつかの仕組みがあり、そのサービスの
ポリシーごとに分類される。



BLOGブログ(ウェブログ、Blog、Weblog)



狭義にはWorld Wide Web(Web)上のウェブページのURLとともに

覚え書きや論評などを加え記録(Log)しているウェブサイトの一種。

"WebをLogする"という意味でWeblogと名付けられた。



現在、より頻繁に用いられている広義には作者の個人的な体験や日記、
特定のトピックに関する必ずしもWebに限定されない話題などのような、
時系列で比較的頻繁に記録される情報についてのWebサイト全般を含む。
このようなWebサイトの作成機能を提供するソフトウェアや
サービスなどを指して呼ぶ場合もある。
又、SNSやブログや口コミメディアを総称してCGMと呼ぶこともある。



携帯電話などのモバイル端末を使用しメールを送信して更新する
ブログはモブログ(moblog)、写真画像を主体として
更新されるブログはフォトログ(photolog、fotolog)、
ビデオコンテンツを配布するビデオブログはヴログ(Vlog)、と呼ばれ通常、
投稿にはテキストやイメージが添えられる。



IP電話(アイピーでんわ)



インターネットプロトコル(Internet Protocol)電話の略で、
電話網の一部もしくは全てにVoIP技術を利用する電話サービスである。
音声のみのものが多いが、動画も利用できるテレビ電話サービスなども可能である。



狭い意味では、電気通信事業者のIP加入者線を利用した電話番号の

割り当てられるサービスをさす。

日本の電気通信事業法の電気通信役務の届出区分では、

インターネットを使用した電話番号の割り当てられないものも含む。

また、一般的にはIP電話との認知は無いまたは薄いが、

中継網にVoIPを活用している中継電話もある。

IP電話とVoIPを区別せずに記述する向きもある。

また、IPセントレックスなど内線電話のVoIP化として利用も増えている。



Copyright (C) 2007 ●●●●●. All Rights Reserved



*******ここまで*******




貼り付けが完了したらキーボードの「Ctrl」キーを押しながら「S」キーを

押してください。

これで上書き保存ができました。今後「Ctrl」+「S」と表記します。

覚えておいてくださいね。



それでは、【ツール】バーのI.Eのアイコンをクリックしてみてください。



あれれ〜〜??



テキストベースでは確かに改行されているのにブラウザで確認するとすべて1行の

連続で表示されてしまいました。




とりあえず、簡易ブラウザで表示されている画面のすぐ左上に「I.Eファイルの

アイコンとindex」と書いたタブがあります。それをクリックしてください。



テキストフィールドに戻りました。



さて、その2つのタグとは<h>タグと<p>タグです。



……ここで時間が来てしまいました。続きは次号で m(__)m


posted by ひろりん at 17:08 | Comment(0) | TrackBack(0) | やってみよう!XHTML+CSS
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。