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

Presentation on theme: "计算机网络与网页制作 Chapter 08：新建站点"— Presentation transcript:

1 计算机网络与网页制作 Chapter 08：新建站点
复旦大学计算机学院 肖川

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 小结 站点设置 设置页面属性 “文件”面板