Internet技术与应用教程（第3版）-曲大成-第十二章网页制作初步.pptVIP

第十二章 网页制作初步 12.1 网页制作概述 网络文件的种类 1.公司或单位的信息发布 2.出版物 3.个人主页 4.在线购物站点 5. 专题介绍 6. 实用信息服务 网络文件的规划 几种常用的结构类型： 1.分级结构 线性结构 Web结构 网络文件的设计原则及标准 关于网络文件的设计原则及标准，我们提供以下几点建议： 1．网站要包括哪些内容 2．怎样构思一个好网站 3．什么是好的设计 4．慎用图像 5．设计主页的考虑 网页外观的设计 对于网页外观的设计提供以下几个建议： 不要先决定网页的外观 每页排版不要太疏松或用太大的字 切勿以800x600以上的分辨率设计网页 不要在每页中插入太多的广告牌 不要每页都采用不同的墙纸 底色或墙纸必须与文字对比强烈 不要把图片白色当透明 利用Dreamweaver制作网页 Dreamweaver 是Macromedia公司推出的网页排版软件Dreamweaver的第3代产品。 建立Web站点 Web站点是存储所有的网站文件和文档的地方 。 建立Web站点的步骤： 启动Dreamweaver，选择Site→New Site命令，打开Site Definition（定义站点）对话框。 创建新网页 页面属性 表格设计 框架 框架的创建 1.使用Object面板来创建框架 2.手动创建框架页面 3.删除框架 4.创建嵌套框架 设置框架的属性 框架与框架集的属性可以通过Frames面板与属性面板进行设置，属性面板决定了在框架集中的独立框架的框架名、源文件、边界、滚动以及调整大小等。 设置框架集属性 框架页面的编辑 框架及框架文件的保存 可使用File菜单下的Save All Frames命令或Save Frames命令。 编辑NoFrames内容在Dreamweaver中允许编辑在不支持框架的浏览器中的显示内容 文本、图片的插入 文本的编辑 插入图片 建立超链接 在网页中超链接一般分为内部链接、外部链接与锚点链接3种类型： ? 内部链接：即在同一个站点内的不同页面之间相互联系的超链接。 ? 锚点链接：可以链接到网页中某个特定位置的链接。 ? 外部链接：把网页与Internet中的目标相联系的链接。 三种类型的文档路径： ? 和文档相对的路径 ? 和根目录相对的路径 ? 绝对路径 表 单 表单有两个重要组成部分：一是描述表单的HTML源代码；一是用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本，例如CGI、ASP等 层 层的概念：层是一种网页元素定位技术，使用层可以以像素为单位精确定位页面元素。 层的分类 有两种层的格式：CSS（级联样式表）层和Netscape层。 创建普通的层可以使用插入，拖放或绘制技术创建层。一旦层被创建，则可以使用Layer（层）工具栏选中它，将它嵌入到其它层中或改变叠放顺序。 创建嵌入式层嵌入式层是指创建在其它层中的层。也就是当光标移动到层内时，再插入其它的层 12.3 Dreamweaver网站的发布及管理 当一个Web站点完成后，整个网站建设还需要将它发布（或称“上传”）到Internet或局域网上。 LeapFTP上传 12.4 其它网页制作工具 所见即所得的网页制作工具有：Netscape编辑器，Adobe Pagemill 3.0，Claris Home Page 3.0，HotDog Professional 5， HomeSite 3.0，HotMetal Pro 4.0等。 制作交互式的或某些特殊的页面，则需要使用JavaScript、Java、ASP、CGI、Perl、PHP、JSP等工具来完成 。 后 记 本教案仅供教学参考，请老师根据教学需要进行补充与裁减。 欢迎各位老师与读者批评指正。 leapftp界面 * * 网络文件的分级结构 网络文件的线性结构 线性和分级结构的结合 网络文件的Web结构 3 1 2 4 15 Dreamweaver 4.0的界面 页面属性对话框 表格属性面板 单元格属性面板 插入嵌套框架 框架属性面板 框架集属性面板 Page Properties对话框 文字属性面板 添加汉字字体对话框 插入图片 图片属性面板 Object面板的表单元素 创建嵌入式层 层属性面板 站点窗口 站点FTP设置 上传文件 *