语音学习网络系统(江苏凤凰版) 操作说明 · 第3 页/共 20页 第二步:注册 点击“语音学习网络系统”用户登录框下方的“注册”按钮,打开注册页面。
计算机网络 与网页制作 Chapter 08 :新建站点
19
description
计算机网络 与网页制作 Chapter 08 :新建站点. 复旦大学计算机学院. 肖川 [email protected]. 目标. 设置站点 建立本地根目录及远程文档 添加页面并设置其属性 使用“文件”面板选择、查看和组织 文件. 1. 创建新站点. 站点 >> 新建站点 定义站点 给站点命名 定义 本地 站点 的 根 文件夹 设置远程根文件夹 保存 站点. 设置本地站点文件夹. 设置远程站点及连接方法. “文件”面板. 通过此面板管理站点 内的 各种 文件 页面文件 样式文件 图像文件 … …. 2. 添加页面. - PowerPoint PPT Presentation
Transcript of 计算机网络 与网页制作 Chapter 08 :新建站点
![Page 2: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/2.jpg)
目标 设置站点 建立本地根目录及远程文档 添加页面并设置其属性 使用“文件”面板选择、查看和组织文件
2
![Page 3: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/3.jpg)
3
1. 创建新站点 站点 >> 新建站点
定义站点 给站点命名 定义本地站点的根文件夹 设置远程根文件夹 保存站点
![Page 4: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/4.jpg)
4
设置本地站点文件夹
![Page 5: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/5.jpg)
5
设置远程站点及连接方法
![Page 6: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/6.jpg)
6
“ 文件”面板 通过此面板管理站点 内的各种文件
页面文件 样式文件 图像文件 … …
![Page 7: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/7.jpg)
7
2. 添加页面 在“文件”面板选中一个站点,这样添加
的页面将位于所选站点的根文件夹内, 便于管理。
![Page 8: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/8.jpg)
8
新建网页 文件 >> 新建
![Page 9: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/9.jpg)
9
及时保存 文件 >> 保存,文件名为 about.html
![Page 10: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/10.jpg)
10
3. 设定当前页面的属性 修改 >> 页面属性 ( 或 Ctrl+J)
在此类中所做的设置将自动地产生一个层叠式样式表
![Page 11: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/11.jpg)
11
设置页面属性——外观
所做的设置自动产生的一个层叠式样式表
![Page 12: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/12.jpg)
12
设置页面属性——链接
![Page 13: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/13.jpg)
13
设置页面属性——标题 / 编码
![Page 14: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/14.jpg)
14
设置页面属性——跟踪图像
![Page 15: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/15.jpg)
15
设置页面产生的代码及效果
![Page 16: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/16.jpg)
16
4. 工作视图代码视图
拆分视图
设计视图
![Page 17: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/17.jpg)
17
5. “ 文件”面板 管理站点文件夹的文件 管理本机的文件 上传本地站点文件至远程服务器 下载远程服务器的文件至本机
![Page 18: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/18.jpg)
18
通过“文件”面板管理文件 1. 把 i9100.jpg 文件拖至 about.html 的设计视
图 2. 双击 memo.txt ,然后将其文本复制再粘贴
至 about.html 的设计视图 未设置页面属性 ( 外观 ) 的“右边距”所致。
设置页面属性 ( 外观 )的“左边距”为30px 所致。
设置页面属性 ( 外观 )的“上边距”为 30px所致。
![Page 19: 计算机网络 与网页制作 Chapter 08 :新建站点](https://reader033.fdocument.pub/reader033/viewer/2022061406/56815b46550346895dc92366/html5/thumbnails/19.jpg)
19
小结 站点设置 设置页面属性 “ 文件”面板