网页设计与制作4

1、第7章 可制作动态网页的软件,本章要点： 了解可制作动态网页的软件 掌握用Dreamweaver UltraDev 4.0制作动态网页 学会如何制作动态网页,7.1 Dreamweaver UltraDev 概述,7.1.1 Dreamweaver UltraDev 功能特点 UltraDev 4.0增加了很多新的功能，UltraDev l.0原有的一些功能也大大增强了。下面从自动化相关功能、动态数据格式化、代码编写相关功能和自定义相关功能四个方面介绍UltraDev 4.0的新特色。 1自动化相关功能在服务器数据自动化操作方面，UltraDev 4增强了许多功能，使用户在创建 Web应用程序时，有更快捷的操作方法和更强的数据控。

2、网页设计与制作,李顺 联系电话:13616338377 办公室:F楼310,内容概要,一、 WWW的工作原理 二、网站制作流程 三、 Web标准 四、网页的组成元素 五、课程主要内容,网站=服务器+域名+网页,一、WWW的工作原理,一、WWW的工作原理,客户端,服务器端,发出请求,发回网页,1)什么是静态网页 所谓”静态”指的是网站的网页内容”固定不变”,当用户浏览器通过互联网的http协议向web服务器请求提供网页内容时,服务器仅仅是将原已设计好的html文档传送给用户浏览器.如果网站维护者要更新网页的内容,就必须手动更新所有相关的html文档. 静态网页的扩展名：h。

3、课程安排：,本学期上课时间共十七周。 上课，多媒体教室 上机，机房,上课要求：认真听讲，勤于思考,上机要求：多练习，多实践。,知识内容：,自学内容：,HTML基础 CSS语法 Frontpage网页制作工具 Dreamweaver网页制作工具 FTP上传下载 域名注册与虚拟主机的开设 网站的的总体设计、规划推广,Photoshop Flash Editplus Access与SQL ASP和PHP程序的调试,大学生就业问题已成为影响社会稳定与和谐的重要因素。 2003年是中国高校扩招后本科学生毕业的第一年，全国共有高校毕业生212.2万人，比2002年增加67万人，增幅达46.2%，就业形势十分严峻。。

4、网页设计与制作 第一单元,网页设计与制作,课程的地位和作用 - 课程的地位是计算机网络技术及相关专业的专业必修课 是计算机网络技术专业的专业核心课 程,网页设计与制作,课程的地位和作用 - 课程的作用 知识要求：通过课程学习，掌握运用Dreamweaver设计制作网页、特别是制作动态网页的方法；掌握运用Fireworks进行网页中图形设计和运用flash进行网页中动画设计的方法。进而掌握综合运用三个软件，完成网页设计与制作任务的方法。,网页设计与制作,课程的地位和作用 - 课程的作用 能力要求1：围绕专业核心能力培养，通过该课程的学习，培养。

5、网页设计与制作,2,什么是 HTML？,HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页,HTML 标签,HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签,3,HTML,HTML文档=网页 HTML 文档描述网。

6、教材分析,人民邮电出版社 网页设计与制作实例教程 第6章“框架与表格布局页面”。 表格布局,学情分析,学习热情很高，求知欲强 计算机实际操作能力较弱 对理论讲解不感兴趣。 自主创作设计能力不足,教学目标,培养学生知识迁移能力,理解表格布局的重要性,掌握表格和单元格的基本操作,促进学生实际应用能力,把握“分中有合，合中有分”布局原则,提高审美能力与鉴赏能力,增强学生团队协作意识,教学重难点,教学重点 1.理解用表格在网页设计中的重要作用； 2. 掌握在网页中插入表格进行排版的技能； 教学难点 1.把握“分中有合、合中有分”的布。

7、网页设计与制作实用教程,主编：赵春利 主讲：李正建 2011年3月,联系电话：13510448769 邮箱：lizhengjiansziit.com.cn,网页设计与制作实用教程,第1章 网页设计概述 第2章 HTML语言 第4章 添加网页元素 第5章 网页布局 第6章 制作动感网页 第7章 提高网页制作效率 第8章 站点的维护与上传 第9章 使用Fireworks8处理网页图像 第10章 使用Flash 8制作网页动画 第11章 网站设计制作综合实例,第1章 网页设计概述,1.1 网页设计基础知识 1.2 网页制作工具 1.3 网页配色 1.4 网页布局类型 1.5 网站设计和制作流程 1.6 优秀网站赏析,1.1 网页设计基。

8、第4章 表格与框架,2019/2/20,本章知识技能要点：,掌握表格标签,的使用方法以及其各类属性的设置 掌握表格中单元格合并的设计方法 掌握利用表格进行页面整体布局的方法 掌握框架页面制作的基本方法 掌握标签和标签中各个属性的取值以及所表示的含义 掌握多框架之间互相操作的实现方法 掌握浮动框架的制作方法,4.1 表格的应用,表格在网页设计中的应用非常广泛,可以方便灵活排版,很多动态大型网站也都是借助表格排版,这是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。表格可以把相互关联的信息元素集中。

9、本章将介绍网络、网站和网页的一些基本知识，为后续内容的学习奠定一个初步基础。,第1章 网页制作基础,学习目标,了解网络的一些常用术语。 了解网页的基本元素。 了解常用的网页制作工具。 掌握网页布局的基本类型。 了解常用的网页布局技术。 了解网站建设的基本流程。,1.1 常用术语,Internet Intranet ISP IP 域名 网站 URL,FTP WWW 超级文本 HTML ASP VBScript和JavaScript,1.1.1 Internet,Internet也称因特网或国际互联网，是20世纪70年代由美国军方的ARPAnet（阿帕网，由美国高等研究计划署（Advanced Research Project Agency）创立。

10、通过本章学习，应该掌握以下内容：Web基础知识 构成网页的基本要素 制作网页的基本工具 美化网页的基本工具 网页制作的基本步骤,第1章 网页制作初识,1.1 Web概述,1.1.1 Web的起源和发展,Web是WWW（World Wide Web）的简称，中文译名为“万维网”。它是建立在客户机/服务器模式之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的用户界面的信息浏览系统。,1.1.2 Web的特点,Web是建立在Internet上的交互的、动态的、多平台的信息服务系统。它具有以下几个主要特点： 1Web是一种超文本信息系统2Web能提供图形界面，且易于操。

11、1,网页设计,2,10.1 Fireworks 8简介 10.2 Fireworks 8工作环境 10.3 Fireworks 8的简单操作 10.4 将文本附加于路径 10.5 创建按钮与菜单 10.6 图像切片的使用 10.7 网页图形图像的优化与发布 10.8 实践技能训练,第10章 网页图像制作与优化,3,10.1 Fireworks 8简介,Macromedia Fireworks 8是一款用来设计网页图形的多功能应用程序。可以用来创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。它所含的创新性解决方案解决了图形设计人员和网站管理。

12、第1章,网页设计基础,2,本章重点,网页基本知识 网页语言 设计工具 网站的建设与维护,3,1.1 网页基础知识(1),Internet简述 冷战时期美国军方的网络计划 TCP/IP协议为网络传输标准 WWW网（World Wide Web，万维网） 网页和网站 URL DNS,4,1.1 网页基础知识(2),超级链接 文字超级链接 图形超级链接 表单超级链接 传输协议与服务 HTTP SMTP/POP3 FTP Telnet Search、News等,5,1.1 网页基础知识(3),浏览器,6,1.2 网页设计语言,网页设计语言简介 ASP PHP XML JavaScript VBScript,7,1.3 网页设计工具(1),FrontPage,具体内容见第3章,8,1.3 网页设。

13、网页设计与制作,第一章 网页设计基础知识,Internet基础,1.1,网页设计工具,1.2,网站建设流程,1.3,HTML语言,1.4,1.1 Internet基础,1.1.1 INTERNET的概述Internet是相互连接的网络集合。Internet是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，是提供信息资源查询和信息资源共享的全球最大的信息资源平台。网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何种方法获得所需的信息。,1.1.1 INTERNET的概述Internet起源于1969年美国国防部高级研究计划署协助开发的ARPANET。Internet在国内外的发。

14、8 数据管理与数据库,8 数据管理与数据库,8.1 数据的组织与管理方式 8.2 数据模型与数据库系统 8.3 关系数据库与关系运算 8.4 数据库管理系统 8.5 本章小结,8.1 数据的组织与管理方式,数据是描述事物的符号记录，可以表现为数字、文字、图形、图像、声音、语音等形式，无论是哪种形式的数据，都可以经过数字化后存入计算机。 计算机中存储、管理和处理的数据有着非常大的数量与相当多的种类，对数据进行合理的组织和管理，是信息技术应用的基本要求。 计算机中的数据可以从两种角度（视图）进行解释，即物理视图和逻辑视图。 从物理视图角。

15、第1章 网页设计基础,在建立网站之前，首先要了解各种网络的基础知识、网页制作的技术，网页布局、网页配色，以及涉及的软件。,阐农羊窖塑埠嗽殃鹏坛柑炉橡硅甜搁曲戚诧戏掌柯撇啄噎谴滑促哪弧韶叙网页设计与制作网页设计与制作,1.1 Internet的基础知识,Internet译为“因特网”，也称为国际互联网或互联网，它是指通过TCP/IP协议将世界各地的网络连接起来实现资源共享，并提供各种应用服务的全球性计算机网络。它是当今世界上最大、最流行的计算机网络，是信息社会的基础，在人类社会的各个领域中起着重大的作用。,兰隋撞题赐喉勃琴翌宰骸。

16、1,第3章,使用FrontPage制作网页,2,本章要点,在FrontPage中创建站点 设计网页 动态网页设计功能 设计表单网页,3,3.1 FrontPage基本操作,FrontPage窗口基本操作 视图切换 文件夹视图 报表视图 导航视图 超链接视图 任务视图,4,3.2 建立网站,新建网页或站点任务栏 创建新站点 使用模板新建 新建空白网页,5,3.3 设计网页(1),基本编辑 设置网页属性 标题 默认的目标框架 背景音乐 边距 语言,6,3.3 设计网页(2),文本 换行符,7,3.3 设计网页(3),插入水平线 插入日期和时间,8,3.3 设计网页(4),定义样式,9,3.3 设计网页(5),表格,10,3.3 设计网页(6)。

17、初识Dreamweaver 8,应用篇,Dreamweaver的工作窗口,作业,创 建 站 点,插入多媒体对象,创建基本页面,Dreamweaver,插入面板,浮动面板组,页面编辑区,属性面板,Dreamweaver 窗口,工作模式,“属性”面板提供的内容会根据文档窗口中选定的对象不同而不同，主要用于查看和设置所选对象或文本的各种属性，达到对所选对象属性的精确调整。单击属性按钮或左端的 按钮，“属性”面板将折叠起来，再次单击面板即可展开。通常，“属性”面板集合了“文本”和“修改”菜单中的所有命令。, 属性面板,通过“首选参数”命令可以设置Dreamweaver工作窗口界面。

18、1,第4章,使用Dreamweaver制作网页,2,本章要点,Dreamweaver的基本操作 创建站点 创建和设计网页 网页样式和超链接 网页布局 模板、层和行为 表单 帮助和高级功能,3,4.1 认识Dreamweaver(1),Dreamweaver窗口基本介绍 标题栏 菜单栏 插入工具面板 文档工具栏 文档工作窗口 属性面板 面板组 站点面板 答案面板,4,4.1 认识Dreamweaver(2),视图方式 代码 代码和设计 设计,5,4.1 认识Dreamweaver(3),面板,图4-3 “窗口”菜单,6,4.2 创建站点,建立本地站点 编辑本地站点,7,4.3 创建网页文档,新建网页文档 设置网页文档属性 设置文档工作窗口中显示。

19、第四章 网页设计工具,主要内容： 利用Dreamweaver进行网页设计制作（文本，图片，表格，超级链接，表单，框架，图层，行为及简单特效制作） 利用Dreamweaver构建本地站点及进行站点管理 要求： 能够结合HTML语言，熟练使用Dreamweaver来进行网页设计及站点管理,第四章 网页设计工具,一、Dreamweaver简介 二、Dreamweaver基本界面及站点管理 三、文本、段落、图像及链接 四、表格及版面设计,一、Dreamweaver简介,大家知道吗，大量精美的网页几乎都是用Macromedia的Dreamweaver、Fireworks、Flash或至少其中之一制作的。这三套来自同一产品。