网站制作ppt(精品)网站作ppt(精品)网站制作ppt(精品)网站制作ppt(精品).ppt

网站制作 之Dreamweaver使用 授课老师：练伟 lianwei@ /BS/ 第七章 网页制作 一、Web服务 二、Dreamweaver的网页制作 1、Dreamweaver的概述 2、建立网站的基本过程 3、创建和编辑网页 4、图像 5、超级链接 6、表格 三、网页制作实验内容 四、网页技术基础 五、HTML语言基础 一、Web服务 WWW的基本结构 URL与HTTP URL：统一资源定位符 协义://域名/路径名/文件名 /bs/bs0510002/index.htm http:超文本传输协议 http的基本工作模式 Windows Web服务器 IIS（Internet Information Server）信息服务器，建立如下服务： HTTP/WWW服务 FTP服务 SMTP服务 Internet新闻服务 IIS的安装 在“控制面板” 打开“添加/删除程序”窗口。 然后打开“Windows 组件向导”窗口 在IIS创建Web站点 为新的Web网站创建一个唯一的标识 一台Web服务器可以支持多个网站，但每个网站应具有一个唯一的标识： IP地址：采用多个IP地址 端口号：第个TCP/IP过程用一个端口号,默认端口号为：80 主机头名称：不同的域名 在IIS创建Web站点 创建新的Web网站 打开“Internet信息服务” 采用“新建” “Web站点”，利用“Web站点创建向导”建立新的Web网站 设置Web站点 “Web站点”选项卡 设置Web站点的标识名称、使用的IP地址、TCP端口号和主机头名 设置Web站点 “主目录”选项卡 设置Web站点包含内容的位置及访问该站点的权限设置等 设置Web站点 “文档” 设置Web站点的默认的主页文件 设置Web站点 “性能”选项卡 通过估计访问人数、限制该站点的连接带宽及进程限制对服务进行优化 二、Dreamweaver的网页制作 常用的网页设计工具 记事本、editplus等…… FrontPage 含有大量的模板 Dreamweaver 提出模板和库的概念，方便了网页的批量制作和批量更新，支持主流服务技术 InterDev …… 1、Dreamweaver的概述 Dreamweaver的版本历史 Dreamweaver的发展经历了如下版本：　Dreamweaver 1.0 Dreamweaver 2.0、2.01Dreamweaver 3.0、　　Dreamweaver 4.0 对于初学者来讲，下面两个版本的Dreamweaver在使用上不会有太大的差别。Dreamweaver MX（6.0）Dreamweaver MX 2004（7.0、7.01） 其功能更加强大，特别是提供了对微软ASP.NET的支持，不需要编写任何代码，即可实现动态的网页。并且在编写代码时，提供了智能的提示，便于我们手工编写代码。 此外，Dreamweaver MX还加入了代码自动完成功能，会按照用户写的代码片段自动给出提示，协助我们提高编写代码的效率。 Dreamweaver界面组成 起始页 设置Web服务器访问 网站上传和文件下载 提示：采用边制作边调试 定义好本地和远程信息 再进行网页制作 累计一定网页上传测试 浏览及测试网页 用IE打开网页 在Dreamweaver采用“在浏览器里预览”或[F12] 保存网页 提示: 在制作网页之前一定要规划设计好站点，否则网页没有固定的保存空间，保存时杂乱无章，自己制作的网页也会找不到，此外，在制作网页时，务必要将网页保存到相应的站点。 编辑网页 设置页面属性 在正式开始制作网页前一个必不可少的工序。在编辑窗口。选择“修改” “页面属性”设置一些必要的页面属性。 设置外观、链接、标题等属性 文件编辑 基本编辑和格式与Word相似 空格和软回车输入 在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 4、图像 插入图像 设置图像属性 设置背景图像 插入交互图像 5、超级链接 二、在一张图片上设定多个链接 有些网页在一张大图片上做了多个链接，这样访问者可以通过点击图片的不同位置进入不同的页面，这是应用了图像热区域的概念。 三、定制页面内跳转的链接（锚式标记） 如果你经常在网上订阅免费的电子杂志，或者浏览超长的页面应该对这种标签链接不陌生，这是通过一个类似目录的列表来方便地跳转到页面内任何部分。 【小提示】 如果想指向另外一页中的某个位置也可以，把这个锚式标记放过去就行了。 6、表格 使用表格可以清晰地显示列表的数据，实际上表格的作用远远不止显示数据，它在网页定位上一直起着重要的作用。 一、创建表格 运行“插入→表格”命令，根据自己的需要来设置表格的