まず、Dreamweaverのインストール。
無料のインストールダウンロード1.dreamweaver
:リンクhttps://pan.baidu.com/s/1xfYq7cRQGHL-hl-OGjM7WQ
抽出コード:IAUD
2.解凍したパッケージは、任意の場所にダウンロードされます。
3. [内部のexeファイルが実行されます。、
第二には、サイトを作成します
1. Dreamweaverのサイトをクリックしてください。
2. [新しいサイトは
、サイトの名前を入力します
、サイトのディレクトリを選択し、サイトのディレクトリフォルダを作成し、選択します
選択する5. [詳細設定
6.設定をデフォルトの画像フォルダを、サイトのディレクトリのウェブサイト画像に保存されている必要な画像を作成します。
7. OKを保存します。
画像に絵8.
第三に、ディレクトリスタイルを作成します
スタイルは、所望の部位のCSSファイルを格納するために使用されます。
ただ、ステップを完了して、あなたは右下隅を見ることができ、サイトに示している
右のサイトを選択するためにフォルダを作成し、スタイルのディレクトリを作成します。1.。
2.次に、スタイルディレクトリに格納されているCSS、作成
、スタイルのディレクトリを選択し、正常に作成された後3、プレスCTRL + Sを保存するファイルのstyle.cssという名前を付けます。
第四に、HTMLページを作成します
トップ1.クリックして新規作成]を選択し、ファイルの隅を残しました。
2.保存したCSSのインポート。
3.保存HTML、+ Sキーを押しCTRLは、index.htmlを命名、サイトのルートディレクトリに保存されています
第五に、サイトのレイアウトを作成します
1.创建两行两列的表格
2.选择左上角表格,设置宽高,垂直对其为顶端。
3.依次插入图片。
4.选择右侧插入表格
选择顶端对其
5.在上面的一个表格插入图片
六、通过css调整背景色。
1.右键右侧的style,选择新建
2.选择标签,输入body确定
3.设置字体大小为12px.
4.设置背景颜色为 #360,确定
页面背景颜色绿了!
七、合并单元格子
1.选择下方表格
2.同时选中两个表格,右键-表格-合并单元格
3.设置单元格背景颜色为白色,垂直为顶端对其,输入文字。版权所有,违法必究
八、创建iframe标签,
1.选中右侧下方表格,在代码区插入 代码
2.页面ctrl + s 保存查看效果
3.创建新的html,输入hello world 保存 命名为 main.html
成功后站点如图
回到 index
4.ctrl+s保存查看页面情况。
如图,页内超链接完成,第一节课结束!!!