大学计算机基础-08-网页设计.ppt

第8章 网页设计 8.1 网页与网站 8.2 网页基本元素 8.3 网页制作的基本技术 8.4 网站制作与发布 8.1 网页与网站 8.1.1 网页 8.1.2 网页的上传 申请域名 根据网站的定位不同，可以申请不同级别的域名。 对于商业公司等形式的网站，需要向中国互联网络信息中心（CNNIC）申请自己的域名，其形式一般为www.yourCompanyN 或者 “www.yourCompanyN”（国内域名） 对于一般的用户如果只是发布一个个人网站，可以到一些提供免费域名的网站申请注册一个免费的域名。 上传 在上传网页时，可以使用Ftp工具进行上传工作。 8.1 网页与网站 8.1.3 网站 网站 网站制作的基本流程 通常，把一个网站的开发过程分为3个阶段。分别是规划与准备阶段、网页制作阶段和网站的测试发布与维护阶段。具体的开发制作过程如下： 网站定位 收集与加工网页制作素材 规划网站结构和网页布局 编辑网页内容 测试并发布网页 网站的维护 网站的宣传 8.2 网页基本元素 8.2.1 网页的基本元素 站标 导航栏 广告条 按钮 文本 图像 表格 表单 多媒体及特殊效果 8.2 网页基本元素 8.2.2 常用网页制作工具 超文本标识语言（HTML） Microsoft FrontPage Photoshop Fireworks Flash Dreamweaver Microsoft Visual Studio 8.2 网页基本元素 8.2.3 创建网页基本元素 建立Dreamweaver 8站点 建立站点文件夹 创建网页基本元素 1．制作标题 2．添加水平线 3．设置导航栏 4．图像和文字的链接 5．设置页面属性 8.3 网页制作技术 8.3.1 网页中表格的应用 创建表格 表格基本操作和属性 1．表格的基本操作 2．查看和设置表格属性 3．设置单元格、行和列属性 4．添加、删除行和列 5．合并、拆分表格中的两个或多个单元格 6．剪切、复制和粘贴单元格 使用格式表格 8.3 网页制作技术 8.3.2 网页中框架的应用 框架 创建框架 保存框架集文件 8.3 网页制作技术 8.3.3 使用层和行为 插入新层 设置层的属性 调整层的大小 移动层 对齐层 层转换为表格 8.3.3 使用层和行为 行为 1. 行为的概念 8.3.3 使用层和行为 行为 1. 行为的概念 行为列表： 播放声音：为网页加入声音。 打开浏览器窗口：可以打开一个小窗口。 弹出信息：可以弹出一条警告信息。 调用JavaScript：调用网页中包含的JavaScript程序。 交换图像：用于接收用户的动作而动态改变图像。 更改内容：可以改变已经插入的层的内容。 恢复交换图像：把已经交换的图像恢复过来。 检测插件：可以检测访问者的浏览器是否已经安装网页所必须的插件。 检测浏览器：检测访问者使用的浏览器的类型。 检查表单：检验网页中的表单是否合法。 8.3.3 使用层和行为 行为 1. 行为的概念 行为列表： 控制Shockwave或Flash：控制网页中包含的Shockwave或Flash。 转到URL：跳转到其他页面。 设定图像导航条：和交换图像原理一样，使用替换原理，其主要作用是使图像链接起导航作用。 设置文字：在特定的地方显示文字。 显示或隐藏层：设置图层的显示或隐藏。 时间轴：可以制作更多的动态效果。 跳转菜单：插入跳转导航菜单。 跳转菜单开始：控制导航菜单跳到那个页面。 拖动层：设定图层是否允许拖动。 预先载入图像：在网页里装载前先载入图像。 显示事件：设定显示IE或NS各个版本的事件。 8.3.3 使用层和行为 行为 2．动作 3．事件 4．触发行为的事件 5．行为的使用 6．动态改变物件属性 7．转到URL 8．播放声音 9．弹出信息 10．检测表单合法性 8.3 网页制作技术 8.3.4 表单的使用 “表单”选项卡中的主要按钮: ①?“表单” ②?“文本字段” ③?“隐藏域” ④?“单选按钮” ⑤?“复选框” ⑥?“单选按钮组” 。 ⑦?“列表/菜单” ⑧?“跳转菜单” ⑨?“图像域” ⑩?“按钮”