どのように(シンプル)

Web ページ の構造

ウェブサイトは、実際のテキストファイルは、「タグ付け」の記号は、構造と機能を表しています。 、のような任意のテキストエディタまたはワードプロセッサを搭載したWebページを作成、編集することができます。 カテゴリのシステム、いわゆるHTML(ハイパーテキストマークアップ言語)は、非常に論理的、学ぶことは難しいことではありません。 しかし、自分のWebページを作成するために、HTMLに堪能することはありません。 多数の参考文献は、プロセスを簡素化し開発しました。

実際には、アイコン、画像、サウンドバイト、ビデオクリップを区切る特殊なHTMLコードによって、Webページには、ファイルを共有しました。 ページはFirefoxやInternet Explorerなどのブラウザで表示されている場合は、HTMLコードが別々のファイルに引いて、最終的に確認するためにウェブサイト上のフォームをコンパイルし、ブラウザによって解釈されています。 編集ビュー機能は、すべてのテキスト、グラフィックス、文書の他の要素は、文書ファイルが含まれているプログラムに組み込まれているとは対照的に、近代的なワープロ、。 そのため、ウェブサイトの以下の直接同等のワープロ文書を作成するプロセス。

HTMLページを 書きます

テキストは、 まだ ウェブサイト 最も 重要な部分 です ので、 最初の 要素 とみなさ れます Web ページ テキストは、「 候補」は 、通常、 最後 ファイルの名前 には 、HTMLコード ある ASCII ファイル が含ま れてい ます。」 HTML」。 「本文」 ページは、 単に プレーンテキスト、HTML ファイル に書き出します あなたは 、このような Mac メモ帳や SimpleTextの 、Windows など のHTML ファイルを、 書くための 任意の 便利な、 単純なテキスト エディタを 使用することができます

あなたは 、HTMLを 習得する 必要があり ますか?

HTMLを 学ぶことは 、 あなた Webページを カスタマイズ できるようになります 実際には、 これは 特定の魅力を 持っていること は非常に 論理的な システム であり 、学ぶこと 難しいこと ではありません 見てみ 入門 HTML Bは emutató 例を 働いて 、。これは、HTML すべての 重要な要素 と説明して います。 テキスト 書式設定 など グラフィック、 リンク、オーディオ、 リスト、 テーブル、 背景 色、 パターン、 のセクションが あります。

私は、Web エディタを 購入する必要はありません か?

そうでもありません。 必要なのは、Webブラウザ、ワードプロセッサコンピュータです。 あなたは最終的に時代遅れになったり、新しいバージョンにアップグレードする必要があります商用Webエディタにコミットする必要はありません。 魅力的なウェブサイトを作成しますが、HTMLのWebエディタを学習せずやすいです。 しかし、あなたは本当にお金を費やす必要はありません。 など、ダウンロードすることができます良い無料のウェブエディタがあるKompoZerの(スクリーンショット)だけでなく、現在のお気に入り、 SeaMonkeyの 、Webブラウザ、便利なビルトインWebエディタが。 これらは、サーバー上のページを埋め、エリアを管理し、ショートカットを作成し、ワープロのように動作しますが、余分な機能を持つそれらの1 カスケーディングスタイルシートなど Googleは使いやすいなどのWebベースのサイトの編集者は、すべてのWebブラウザ内でもありますGoogleサイトを

HTMLテンプレート

あなたはすぐにHTMLを勉強したくない場合は、でも必要なHTMLタグはテキストを入力するか貼り付けすることを誰かが作成したテンプレートを使用してWebページを作成します。 Googleの「ちょうどHTMLテンプレート 」または「 Webテンプレート 」、あなたはダウンロードのためのカラフルな、美しくデザインされたテンプレートの数千人を見つけることができます。

あなたは、単純なWebサイトテンプレートの教室棟を探している先生であれば、参照テンプレートは、Web-公開可能なマルチメディアプロジェクトを生成するために使用して 、作成され、5年生の先生である私の妻、その。 これらのテンプレートに全体のWebページを作成し、複数のページがチェーンにリンクされている、全体のナビゲーションキー。 ダウンロード可能なテンプレートキットの作成など、クラス全体のプロジェクトサイトへのリンク、があり、このようなスライドショーとしてアルファベットの本などは、 完全なステップバイステップが含まれます。

テンプレートを編集するには、お勧めNoteTabライトファイルはテンプレートが検索を行なったし、一度にテンプレートファイルに関数を置き換える同時に開くことを可能にする、無料のマルチファイルエディタを、。 複数ページのサイト全体、ビデオ、オーディオ、リンク、または変更グラフィックスやオーディオファイルの種類を追加、テンプレート全体渡っ背景、テキストの色をハイ変更。

Web サイトを作成 するためにいくつかのヒント

HTMLを書くために、テキストエディタでWebページを開発する場合、Webブラウザは、同時に(例えば、メモ帳、NoteTab、またはSimpleTextのような)テキストエディタでHTMLファイルを開く保持するのに快適です。 それは、ブラウザに表示されるページを表示するには、ブラウザのウィンドウをクリックし、ファイルメニューをプルダウンし、[ファイルを開く]を選択し、HTMLファイルを選択し、[開く]をクリックします。 変更したい場合は、テキスト編集ウィンドウをクリックし、HTMLテキストを編集して保存して、ブラウザのウィンドウをクリックし、[アップロード]ボタンをクリックしてください。

などあなたがスペルチェッカーにアクセスすることができ、あなたの好みのテキストエディタ、テキストを記述する方が簡単な場合があり コピーして、テンプレート内のテキストを貼り付けます。 すべての書式が失われたように、「名前を付けて保存…」しない限り、あなたは、テキストをクリップボードにコピーする際にHTML形式で、テキストエディタでテキストの書式を設定しようとした後、テンプレートのHTMLコードをコピーしないでください。 むしろフォーマッティングコードはそれの後にテキストを追加することができます。 改行の行の長さを心配しないでください。 ブラウザは自動的に無視(ユーザーではなく、作者によって制御されている)ウィンドウの幅にテキストをフォーマットしますキャリッジリターン、改行または他の文字を残します。 <p>タグの段落の間に追加するために、別の段落。

あなたは、TEXT形式のみ…、編集HTMLテンプレートを作成するには、テキストエディタを使用しますが、として保存することを確認することができます。

HTML Word ファイル 変換します

あなたは 、HTML 文書を 変換 するには 、「保存 HTML として 」コマンドを 使用することができます これは、 自動的に 文書 テキストが 別の フォルダ 文書 HTML 形式の グラフィックスに 保存されて 変換され ます。 したがって、 ワードプロセッシング 文書 画像は、 グラフィックス フォルダ HTML 文書 に変換します それらを一緒に保ち、 彼らは 離婚 しません 私たちはHTML その 単語が 読みにくい 非常に 混乱 して 見つける それは動作します。 多分それは、次 のような ウェブサイトエディタ 持っている方が良いでしょ KompoZerのを

グラフィックWebページを検索

アイコン、背景パターン、画像、Webページには、実際には別のファイルに記載された特殊なHTMLコードを。 グラフィックファイルまたはGIF、JPG、またはPNG形式。 あなたは多くの点で、これらのグラフィックスを作成することができます。 例えば、描画プログラムにそれらを描く、レコードのスクリーンショット、画像、デジタルカメラ、スキャン写真、アートワークや映像ソースの画像をキャプチャするためにフラットスキャナなど グラフィックス編集プログラム、必要なPNG、GIFまたはJPG形式にファイルを変換するために使用することができます。 JPG形式は、最高の写真です。 PNG、GIFまたは最高の線画やグラフ。

アートワークを取得する最も簡単な方法は、新しいWebサイトは、これらの他のウェブサイトをキャプチャすることを目指して飾っています。 ウェブサイト上で表示される任意のグラフィックは簡単に自分自身の使用のために保存するために捕獲することができます。 あなたがしなければならないすべては、あなたがしたいグラフィックの上にマウスポインタを置く(PC上でマウスの右ボタン)マウスボタンを押したままです。 ポップアップメニューが表示されます。 「…として画像を保存」を選択するカーソルを移動して、マウスボタンを離します。 「名前を付けて保存…」ダイアログボックスが(PNG、GIF、またはJPGファイルの種類ことを示す、拡張子を.pngの.GIFや.jpg)グラフィックファイルの名前を示す表示されます。 目的の場所に移動し、[保存]をクリックします。

PNG、GIFまたはJPG形式で保存されたグラフィックス、ウェブサイトを使用する準備ができて。 、ページに、このようなグラフィックを表示するだけのHTMLファイルと同じディレクトリ(フォルダ)でグラフィックファイルを保存して、HTMLファイルを追加することは画像参照タグです。<IMG SRC =「GRAPHICのファイル名」>グラフィックファイル名は、グラフィックの完全なファイル名に置き換えられます。 たとえば、グラフィックファイル「mypicture.jpg」の名称、HTMLコード場合は、<IMG SRC =「mypicture.jpg」>を参照してください。

インターネット上のグラフィックスの多くの原因があります。 「クリップアート」や「自由な画像」または「絵」を見つけるための検索エンジン。 使用するイメージを検索するための便利な方法、Googleの画像検索アルタビスタや画像検索をhttp://www.altavista.com/r?L10 1つまたは複数の検索語を入力し、この画像のサムネイルに示す返される検索結果(小さな切手サイズの画像)すべての画像があるのリストを与えます。

独自のデジタル画像を作ります

お使いのデジタルカメラの画像を使用して、またはスキャナー写真、または他のフラットコピー材料を使用します。ウェブサイト上に表示することができ、独自のデジタル写真を作るために2つの基本的な方法があります。 すべての利用可能なデジタルカメラは、スキャナは、現在広く比較的安価です。

デジタルカメラは、肖像画、グラフィックス、教室での活動や遠足を取るために理想的です。 ほとんどのケーブル、ソフトウェアが付属して、パソコンに画像を転送します。 ほとんどのカメラは、インターネット上の画像に使用される形式である、JPGファイルに画像を保存します。 しかし、Webページに収めるには大きすぎる、と表示するには長すぎるが、あなたは、グラフィックス編集プログラム、作物を使用するか、より管理しやすいサイズにイメージを減らすことができ、ほとんどのデジタルカメラの画像。 私たちは、あなたがフリーウェアプログラムを使用することをお勧めしますPicasaのをタスクのために。 非常に便利 – 「エクスポート」機能が自動的にそれを選択し、別のフォルダに保存する画像サイズのフォルダ全体のサイズを縮小します。

カラースキャナは、絵画、図面などの雑誌、平坦なワーク上に印刷された写真をスキャンするための理想的です。 スキャナはソフトウェアを所有 – 操作方法を学ぶために、スキャナのマニュアルを参照してください。 あなたはスキャンを開始する前に、72のdpiのか、75 dpiの解像度(DPI =インチあたりのドット数)のスキャン解像度を設定します。 (解像度を設定する方法については、スキャナーの指示に従ってください)。 これは、元のスキャン対象と大きいイメージ「等身大」、になります。 等身大に大きな絵、75 DPIよりも走査解像度より高いを調整します。 等身大の小さな絵ことを、少ない75 dpiのよりスキャン解像度を調整します。 ほとんどのスキャナは、さまざまな形式でスキャンした画像を保存することができます:JPG形式は、通常、最良の選択です。 あなたがスキャンした画像を保存する場合は、[保存]ダイアログボックスで、「フォーマット」ドロップダウンメニューにJPGを選択してください。 などのSeaMonkeyなどのWebエディタ、しかし、もし、あなたが挿入またはコピーして貼り付け、各ピクセルのグラフィックスとテキストエディタのようにそれらを超えるサイズを変更、隅に「ハンドル」をドラッグすることができます。

変数グラフィック形式

グラフィックやアイコンは、別のファイルがあるか、PNG、GIFまたはJPG形式にするウェブサイト上に表示されます。 あなたのような無料のグラフィックプログラムを使用することができ、画像、切り取り、または別の形式に変換するグラフィックコンバータ Mac用、またはペイント(お使いのコンピュータに付属しているシンプルなグラフィカルエディタ)またはIrfanViewは ウィンドウズの。

PNG、GIF、またはJPG形式、の間の選択は、グラフィックの性質に依存します。 GIF形式は、コンピュータで生成されたシャープなチャート、グラフ、フラットカラー漫画のような図面が最も効果的である、PNGは陰影、JPG最高のデジタル写真、記録されたビデオフレームと自然物の他の画像を取得し、より良い、より正確な色を処理します。 正しい形式は最小限に必要な時間を短縮最小のファイルサイズ、最高の画質を与える使用し、低速のインターネット接続の写真を見てみましょう。

GIF画像はアクセサリー、プラグイン、または視聴者のいくつかの対策なしに任意のWebブラウザから再生されるようにアニメーション化することができます。 私が使用してスクリーンキャスト-O-Maticは 、ウィンドウズまたはMacのコンピュータへの無料ワンクリック画面キャプチャ記録をインストールすることはできません。 あなたは、アニメーション画面表示で任意のプログラムをキャプチャするためにそれを使用することができます。 非常に便利。

グラフィックス編集プログラムで画像を開く、またはするには:

(A)、画像をドラッグするか、アイコンの上部を放つするグラフィカル・エディターであります
若しくは
(b)の打ち上げは、[ ファイル]メニューから[ 開く ] 選択し、グラフィックス編集プログラムを(アイコンをダブルクリック)ファイルを検索し、ファイル名をダブルクリックします。

グラフィックファイル、GIFまたはPNG形式を保存します(最高のコンピュータグラフィックス)

[ ファイル ] 形式ポップアップメニューから>名前を付けて保存…、およびGIFまたはPNGは、必要に応じて、別のフォルダに移動し、[ 保存]をクリックします。

(スキャンした連続階調画像、ビデオスクリーンの最高)JPGグラフィックファイル形式を保存します。

[ ファイル ] – > [名前を付けて保存…、およびJPG形式ポップアップメニューは、必要に応じて、別のフォルダに移動し、[ 保存]をクリックします。

htmlファイルと同じディレクトリ(フォルダ)内の画像ファイル。 どの接続とモバイルWebページを簡素化し、画像

サウンド、 ビデオを 追加します

あなたはマイク(MacやPCのサウンドカード)が付属してコンピュータモデルを持っている場合は、記録を簡単に聞こえる、そしてWebページを追加します。 例えば、どのコンピュータ、小型マイクを使用して、経口物語を記録したり、音楽や音声、レコーダーやCDプレーヤーを記録すること。

まず、例えば、お使いのPCまたはMac上の優れた無料のAudacityソフトウェアをmp3形式で保存することができ、オーディオレコーダー/プレーヤーソフトが必要になります。 (または、そのコンピュータプログラム/アクセサリ/エンターテイメント/サウンドレコーダー、ボイスレコーダーを使用しますが、唯一の大きいもの、WAVフォーマットが保存されますすることができます)。

2.マイクの写真であるコンピュータ、小さな、丸い、ジャックにマイクを接続します。 ビデオデッキやCDプレーヤーに録音する場合、マイクの出力を接続します。 (あなたはラジオシャックに適切なケーブルを入手する必要があります)。

3.起動記録プログラム。 音を記録するための指示に従ってください。 レコードをクリアするために音量を調整します。 mp3を保存したり、オーディオファイル形式をwavファイル。 HTMLファイルや画像ファイルと同じディレクトリにオーディオファイルを置きます。

4. Webページの音遊びは、ファイルへのリンクを作成します。 たとえば、あなたは、このような「sound1.mp3」などのオーディオファイルを、保存する場合は、このWebサイトに追加することができます。

音を聞く ために ここにhref=”sound1.mp3″> </ A> <a クリックして それは噛まれません。

これは SOUND1」の のリンクを 作成します mp3」、 呼び出しページ と同じディレクトリに 保存されている と仮定

クリックしてここに サウンド バイトを 聞く ために

ユーザーが リンク をクリック すると ブラウザが ファイルを ダウンロードします (まだ 開いていない 場合 )、 それは 、この タイプの ファイル のための 重要 なアプリケーションを サポート 、ファイルの拡張子 のように見える 開始し その後、 サウンド ファイルのロードを 果たしています

また、「 埋め込まれた」 プレーヤーの コントロールを 使用して Webサイト に直接 オーディオを 統合することを 選択することができます。

<EMBED SRC = “geetar.mid” 幅= 144高さ= 25自動=偽>

ここで、「geetar.midは、」 サウンド ファイル の名前です これは、 スタート・ストップ リーダを可能 コントローラ、上の 小さな プレーヤーを 行います サウンド ドライバに 合わせて 、トラックの 幅を 調整します ここでは ときに別の 音声 ファイル の例です

これは、ブラウザの最新バージョンでのみ動作します。 この方法の欠点は関係なく、読者がプレイしたいかどうかの、みなしページとして、音のダウンロードということです。 これは、特に低速のインターネット接続で、ビューページを遅くすることができます。

正確にファイル名は、MPEG、MOV、WMV、またはAVIファイルとして、ビデオファイルを参照する必要があることを除いて、音の追加など、ビデオを追加します。 動画のほとんどのデジタルカメラ小型サイズ、フォーマットは、Webページのことができます。 埋め込まれたビデオは、幅がビデオフレームの合計サイズとコントローラの底に等しくなければならないことを除いて、埋め込まれた音として働きます。 ここではHTMLでのビデオプレーヤーを使用した例です。

<EMBED SRC = “fireworks.mpg” 幅= 320高さ= 260自動=偽>

ページの テスト

あなたは、インターネットに接続していないのですか? 心配しません!。 Webページは、設計し構築し、テストすることができますが、標準のWebブラウザ、インターネットに接続されていなくてもいずれかを実行することができます任意のデスクトップコンピュータ。 ブラウザ良い点、「ローカルモードでは、」スタンドアロンコンピュータですが、インターネットに接続せずに、リモートホストコンピュータに常駐している外部サイトのページにアクセスすることを明らかに可能ではありません。 しかし、ブラウザは「ローカル」表示を読むことができます – 同じマシンを使用することによって、あなたのHTMLファイルの[ファイル]メニューから[ファイルを開く…を開いているという事実に保存されたファイルを。 これは、すべてが正常に動作しますか、あなたは彼らがどのように見えるか確認するためにサイトをテストする方法です。 唯一のHTMLファイル、画像ファイル、音声ファイルと同じディレクトリ(フォルダ)インチ

あなたも、別の教室やコンピュータラボを使用したローエンドマルチメディアプレゼンテーションシステムなどのWebブラウザを考慮することができます。 無料Webブラウザのサポート。 リッチテキスト、カラーグラフィックス、デジタル化されたが、ビデオに聞こえます。 彼らは同じPC、Macの両方のバージョンで利用可能です。 PCまたはMacフォーマットとは、そのように生成したり、Webサーバーへのアクセス権を持っている場合は簡単に「インターネット」に変換することができ公演の間に準備ができています。 ウェブサイトには、CD-RドライブやUSB、またはLANファイルサーバを参照し、配布することができます。 そのため高速で、容量、USBドライブプレートは、素晴らしいグラフィック、サウンド、画像、またはビデオクリップの多く、特に良いサイトです。

注意:PCベースのCDバーナーR(「書き込み」)、CD-Rは、(使用するため読み取ることができるのMacを使用して)PC、Macの両方を担っているWebページを生成し、すべてのHTMLを制限することを確認する場合、8つの文字、画像、音声ファイル名を、3文字の拡張子(例えば、「Page1.htmを」)。 とにかく古いMacがページを読むことができません。

サイトを サーブする インを 探します

それは世界中のユーザーのために、インターネット上で利用できるようになりますので、実際にインターネットでWebページを作るために、セキュアWebサーバーに常駐。 痛みである、あなたは理論的には、あなたのPC上で、独自のWebサーバーを実行することができますが、その後、私は24/7より多くを残しました。
商用インターネットサービスプロバイダ(ISP)とグーグルがウェブサイト(「ホーム・ページ」)彼らの顧客のためのスペースを提供して、このようなインターネット企業の数; それがご利用いただけます(有料)(グーグルはあなたに100メガバイトを与える!)10-30 Mバイトの自由、さらに多くのスペース与え珍しいことではありません。 詳細については、お使いのプロバイダのマニュアルを参照してください。 詳細については、サービスプロバイダの名前のためのグーグル検索と同様に、「個人のウェブページ」。 サイト管理「適切な「、との接続」のようなもの 『』ファイルのアップロード 『』 URLの定義 『』シートをリンクする 『というタイトルのセクション』 Webページで公開を、「またはそのような何かに見えます。 (これらのアドレスは、ベライゾンのWebサーバのドキュメントの一部とみなされ、他のインターネットサービスプロバイダは、異なる用語を使用しています)。

ほとんどのWebホスティング事業者は、あなただけのブラウザを使用して、オンラインのWebページを構築することを可能にするオンライン「サイトビルダー」を持っています。 グーグルのよう使いやすいサイトグーグル -ここでは簡単ですホーム私が2008年に作成されたページ。 単一のプログラム(Webブラウザ)とWebサイトを作成するため、大幅に編集/アップロード/ビューサイクルを簡素化し、自動的に同じサイト上でホストされているページを開発 – この方法の大きな利点は、それがページを提供するホストを見つける必要がないということです使用、編集、アップロード、および開発側を表示します。 しかし、サイトビルダーの助けを借りて、このようサイトことを必要とするであろう。 それは将来的に新しいサーバーにサイトを転送する簡単な方法ではないかもしれません。 私はあなたが、自分のコンピュータの場所を作成し、自分自身へのファイルのコピーを保存し、Webサーバーにファイルをアップロードすることを示唆しています。 これは、あなたが将来的にISPを随時変更、新しいサーバーにファイルをアップロードすることが容易になります。

アップロードページ

Webページを開発することはできません、またはウェブエディタまたはウェブサーバーに結果をアップロードするHTMLに直接書き込みます。 など、ほとんどのWebエディタKompoZerのサーバーに直接接続し、内蔵のアップローダー、そう簡単なワンボタン操作は、編集されてアップロードします。 ただし、適切なサーバーのアドレス、ユーザー名、パスワードの前にそれを設定する必要があります。 ホストのドキュメントに関する情報を見てください。 ここでの例である「賃貸」KompoZerのダイアログは情報の種類を入力するようにすることを示しています。 複数のホストがページを公開する場合は、自身のホストアドレス、ユーザー名やパスワードを使用して、複数のホスト構成、左側の「賃貸」のリスト、それぞれの点に注意してください。

一部のホストでは、例のために、(FTP =ファイル転送プロトコル)をアップロードするために別のFTPプログラムを使用することができWSFTPの馬力WinSCPの教育目的のために、。 これらのプログラムは、一度に全体のフォルダやファイルをアップロードすることができますので、アップロードしたり、全体以前に開発されたサイトをダウンロードしたり、別のWebサーバーからページを移動するために非常に簡単です。 もちろん、あなたもエラーを修正するために、例えば、単一のページや画像をアップロードすることができます。 これらのプログラムは、再度、適切なサーバアドレス、ユーザー名、パスワードを設定する必要があります。

ビジネスやプロの目的で、会社や学校のシステムは、中央のウェブ管理者が運営するWebサーバとして機能することができます。 この場合には、通常はWebサーバーの管理者またはUSB CD-RドライブにHTMLファイル、グラフィックスを提供し、その後、彼らが世話をしていると私は、Webサーバーを設置します。 サーバーがどこにあるかあなたのURL(ウェブアドレス)を伝えるためにそれらを確認して下さい。

さらに

ロバート meningo「HTML5 初心者のためのガイド」( websitesetup.org/html5-beginners-guideは最新の マルチメディア のサポートが 改善された HTML、 つまり HTML5、 最新 の化身を 探る 美しくデザインされ た教育 サイト です ジョン・ スティーブンスのWeb デザイン& 開発 101には、 使用して ウェブサイトのデザインを 含み 、ウェブサイトビルダーコンテンツ管理 システムを

No Comments

    Leave a reply