复旦大学：《计算机网络与网页制作》课程PPT教学课件（讲稿）08 创建一个新站点

计算机网络与网页制作 Chapter O8:新建站点 复旦大学计算机学院 肖川 xiao@fudan edu cn 1

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

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

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

1.创建新站点 *站点>新建站点 *定义站点 *给站点命名 *定义本地站点的根文件夹 *设置远程根文件夹 *保存站点

3 1. 创建新站点  站点>>新建站点  定义站点  给站点命名  定义本地站点的根文件夹  设置远程根文件夹  保存站点

设置本地站点文件夹 上点设置对象 mobilephone 服务器 Dreamer 站点通常 版本控制 高级设置 您可以在此处为 Dreamweaver站点选择本地文件夹和名称 站点名称: mobilephone 本地站点文件夹:E: DreamWeaverCS556n02 园选择根文件夹 6p画 近方的位置m9e 201272519:40 帮助 □选择) 选择1esso0 4

设置本地站点文件夹 4

设置远程站点及连接方法 站点设置对象 mobilephone 服务器 高级 设置来自 版本控制 服务器名称:未命名的服务器2 高级设置 连接方法:[FP 道到Mb并发 FTP地址: 端口 用户 程测试 密码: 口保存 则试 根目录 Web Url: htTp:∥ 更多选项 帮助 保存 取消 保存 取消 5

设置远程站点及连接方法 5

文件”面板 *通过此面板管理站点文【代片断 mobilephone 本地视图 内的各种文件 3C合y@| *页面文件 本地文件 大小类型 站点- mobilepho. 文件夹 *样式文件 lmages 文件夹 index. html 2KB HTML S *图像文件 memo. txt 1KB文本文 styles. css 2KB层叠样 志 6

“文件”面板  通过此面板管理站点 内的各种文件  页面文件  样式文件  图像文件  … … 6

添加页面 *在“文件”面板选中一个站点,这样添加 的页面将位于所选站点的根文件夹内,便 于管理。 文件 本地视图 ■桌面 岛本地球盘〔:) 本地磁盘①:) 大小类型 本地盘: 文件夹 CD驱动器mvD 文件夹 cD驱动器0t:) 2 KB HTML了 IGB文本文 oewe 2KB层叠样 管理站点 Q日期2012/252027日志

2. 添加页面  在“文件”面板选中一个站点，这样添加 的页面将位于所选站点的根文件夹内， 便 于管理。 7

新建网页 *文件>新建 空白页 DD HIML HML模板 空模板 也sLr(片断) 1列潮态,居中 库目 1列态,居中,标题和注 无预览 模板中的页 ActionScript 2列固定,右侧栏、标题和腓主 y Javascript 示例中颐页 2列因定,左侧栏、标题和脚哇主 2列液态,右侧栏 ASP JavaScrip 2列液态,左側栏 1 ASP YESeript 2列态,左侧栏、标题和脚主 HML文档 3列固定 D2 ASP. NET WE 3列回定,标题和脚主 ua ColdFusion 3列液态 Coldfusion组件3列表态,标题和主 文档类型 EL0Tra-itiaml 布Css位置 助 首为) 获取更多内容 ③取消c 8

新建网页  文件>>新建 8

及时保存 *文件>>保存,文件名为 about htm DW文件(F)编辑(E)查看()插入(修改(M)格式(O)命合(O站点(5)密囗(W帮助(H 经奥· O ClIve回回rx 代码拆分谢计期代码视图检直C‖标题无标首 Adobe Browserlab插入 cs样式AP元』标查 数库绑定服务行为 http://www.w3.org/ir/xhtmil/dtd/xhtmll-TranSitional.dtd> 「文件代码片断 tmlxmlns=http://www.w3.org/1999/xhtml"> t m1ha本地视图 metahttp-equiv=content-type"content="text/htmii cB合a title> 本地文件 一大小类型 站点- mhobilepho H-o inage tie d about html <B HIML 2KB HML neno, tx 1M文本文 styles.css 2I层叠样 9

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

3.设定当前页面的属性 *修改>>页面属性(或Ct+J) 页面属性 在此类中所 分类 外观CSs 做的设置将烁 页面字体):默认字体 自动地产生 國0HML Css〕 个层叠式 大小 样式表 文本颜色c:国 背景颜色) 背景图像〔): 一[测览) 重复吧 左边距0):x右边距():px 上边距):x-下边距①) 帮助⑩ 匚确定[取消应用丛) 10

3. 设定当前页面的属性  修改>>页面属性 (或Ctrl+J) 10 在此类中所 做的设置将 自动地产生 一个层叠式 样式表