初心者の独習 Web サイト構築 HTML レッスン 3 初めての Web ページの作成_html/css_WEB-ITnose

前回のレッスンでは、Dreamweaver の作業インターフェイスについて学びました。このレッスンから、Web ページの制作を浅いところから深いところまで学び始めます。

まず、Dreamweaver を開きます。Web ページを作成するには、原稿を書くために紙が必要なように、まず新しいドキュメントを作成する必要があります。

キャリア上でのみ作成できるため、今日学習したい最初の知識ポイントは、ドキュメントを作成および保存するいくつかの方法です。

まず、新しいドキュメントを作成する 3 つの方法について説明します:

図には、新しいドキュメントを作成する 3 つの方法がリストされています。

新規: ショートカット キー (Ctrl+N)。

ドキュメントを保存するいくつかの方法について説明しましょう:

保存: ショートカット キー (Ctrl+S)

名前を付けて保存: ショートカット キー (Ctrl+Shift+S)

Web ページを作成する良い習慣: いつでも 予期しない要因 (ブレークポイント、クラッシュなど) によってドキュメントのコンテンツが失われるのを防ぐために、ドキュメントを保存します。

2 番目の知識ポイント: 初めての Web ページの作成。

私の最初のブログ投稿 (Web サイト初心者必読) を例として、それを Web ページに作成します。

ブログ投稿アドレス:

1,000 以上の単語がありますが、それを Web ページにどのように組み込むのですか?

私が最初に思いつくのは: 1. 手動入力。たったの 1,000 語ですので、大したことはありません。

OK、5 分で完了です。

しかし、ある日職場で上司から、数万語の文書を 5 分で Web ページに変換するように頼まれたとしたら、あっという間にです。そうするとこの方法は絶対に無理です。

そこで、前のクラスでさまざまなメニューに慣れてきたときに見たようなインポート関数を思い出しました。ドキュメントを Web ページに直接インポートできますか?

2. Word ドキュメントを Web ページにインポートします。

まず、新しい Word 文書を作成します。

ブログ投稿を Word 文書にコピーします。

Dreamweaver のファイル メニュー [インポート] Word ドキュメントをクリックします。

数秒で完了です。

他の方法はありますか？コピー＆ペーストするだけでいいでしょうか？試してみる！

ブログ投稿のコンテンツを選択し、右クリックしてコピーします。

編集メニューをクリックし、[貼り付け]をクリックします。

OK、それもできます。

そのコードを見てみましょう:

各段落は

XXXXXX

で構成されていることがわかります。この

は何を意味しますか?

w3school を開き、HTML 要素をクリックすると、次の説明が表示されます:

要素:

これは私の最初の段落です。

This

この要素には開始タグ

と終了タグ

があります。

要素の内容は次のとおりです: これは私の最初の段落です。

は段落記号だそうです。中国語で「始まりと終わり」という言葉があるので、Web ページを書くときは終了タグ

を書くことを忘れないでください。 。

Web ページ作成の良い習慣: タグはペアで記述する必要があります: (

、 など)

Web ページ作成の良い習慣: タグは必ずペアで記述してください小文字で書くこと。

Web ページに名前を付けます。

1. ドキュメント ツールバーとタイトルで Web ページのタイトルを変更します。

2. コード でページのタイトルを変更します。

ドキュメントを保存し、myfirstweb という名前を付け、Web フォルダーの下に保存します: (読者は保存するフォルダーと名前を付ける独自のフォルダーを選択できます)

注: ドキュメント名は文字または数字にする必要があり、下線は付けません。ましてや漢字にちなんだ名前です。

ダブルクリックして myfirstweb.html を開きます

最初の Web ページが完成しました。

最初の Web ページが完成しました。

(追加: Word ドキュメントのインポート ボタンが灰色の場合、Word ソフトウェアがインストールされていないことが原因であるはずです。)

by??Midnight Cat