1

计算机网络与网页制作Chapter 08 ：新建站点

复旦大学计算机学院

肖川cxiao@fudan.edu.cn

目标 设置站点 建立本地根目录及远程文档 添加页面并设置其属性 使用“文件”面板选择、查看和组织文件

2

3

1. 创建新站点 站点 >> 新建站点

定义站点 给站点命名 定义本地站点的根文件夹 设置远程根文件夹 保存站点

4

设置本地站点文件夹

5

设置远程站点及连接方法

6

“ 文件”面板 通过此面板管理站点 内的各种文件

页面文件 样式文件 图像文件 … …

7

2. 添加页面 在“文件”面板选中一个站点，这样添加

的页面将位于所选站点的根文件夹内， 便于管理。

8

新建网页 文件 >> 新建

9

及时保存 文件 >> 保存，文件名为 about.html

10

3. 设定当前页面的属性 修改 >> 页面属性 ( 或 Ctrl+J)

在此类中所做的设置将自动地产生一个层叠式样式表

11

设置页面属性——外观

所做的设置自动产生的一个层叠式样式表

12

设置页面属性——链接

13

设置页面属性——标题 / 编码

14

设置页面属性——跟踪图像

15

设置页面产生的代码及效果

16

4. 工作视图代码视图

拆分视图

设计视图

17

5. “ 文件”面板 管理站点文件夹的文件 管理本机的文件 上传本地站点文件至远程服务器 下载远程服务器的文件至本机

18

通过“文件”面板管理文件 1. 把 i9100.jpg 文件拖至 about.html 的设计视

图 2. 双击 memo.txt ，然后将其文本复制再粘贴

至 about.html 的设计视图 未设置页面属性 ( 外观 ) 的“右边距”所致。

设置页面属性 ( 外观 )的“左边距”为30px 所致。

设置页面属性 ( 外观 )的“上边距”为 30px所致。

19

小结 站点设置 设置页面属性 “ 文件”面板