网页设计与制作案例教程-电子教案课件
第一章：网页设计基础
1.1 网页设计概述
介绍网页设计的概念、目的和重要性
讲解网页设计的基本原则和设计流程
1.2 网页布局与排版
介绍网页布局的概念和重要性
讲解常用的网页布局方法和技术
演示实例：制作一个简单的网页布局
第二章：HTML与CSS基础
2.1 HTML基础
介绍HTML的概念和作用
讲解HTML的基本结构和常用标签
演示实例：制作一个简单的网页
2.2 CSS基础
介绍CSS的概念和作用
讲解CSS的基本语法和常用选择器
演示实例：为网页添加样式和布局
第三章：图像与多媒体处理
3.1 图像处理
介绍图像在网页设计中的作用和重要性
讲解图像的基本格式和处理方法 演示实例：制作一个简单的图像轮播效果
3.2 多媒体处理
介绍多媒体在网页设计中的应用
讲解音频和视频的嵌入方法
演示实例：在网页中添加音频和视频
第四章：网页交互与动画
4.1 交互设计基础
介绍交互设计在网页设计中的作用和重要性
讲解常用的交互设计技术和方法
演示实例：制作一个简单的交互式导航菜单
4.2 动画与过渡效果
介绍动画在网页设计中的应用和重要性
讲解CSS动画和过渡效果的语法和用法
演示实例：制作一个简单的CSS动画效果
第五章：响应式网页设计
5.1 响应式网页设计概述
介绍响应式网页设计的概念和重要性
讲解响应式网页设计的基本原则和方法
5.2 媒体查询与网格系统
讲解媒体查询的语法和用法
讲解网格系统的概念和应用
演示实例：制作一个响应式网页布局 第六章：网页前端编程技术
6.1 JavaScript基础
介绍JavaScript的概念和作用
讲解JavaScript的基本语法和常用语法
演示实例：制作一个简单的网页交互效果
6.2 jQuery库的使用
介绍jQuery的概念和作用
讲解jQuery的基本语法和常用方法
演示实例：使用jQuery实现网页元素的动态效果
网页制作——网页基础操作复习题
2017年11月
一、单项选择题
1.当浏览器不能正常显示图像时，在图像位置显示的文本时由于在图像“图像”属性面板上设置了图像的（D）
A.“目标”属性
B.“链接”属性
C.“低解析度源”属性
D.“替换”属性
2.在DreamweaveerCS3中，插入图像的快捷键是（A）
A.Ctrl+Alt+I
B.Ctrl+Alt+F
C.Ctrl+Alt+A
D.Ctrl+Alt+M
3.下列关于GIF图像的说法，错误的是（B）
A.支持透明背景
B.支持真彩色
C.支持动画
D.适用于图标、按钮、徽标等图片
4.在DreamweaverCS3中，图像属性面板上按钮的含义是（A）
A.重新取样
B.调整图像的亮度和对比度
C.调整图像的清晰度
D.裁切图像，减小图像区域
5.在DreamweaverCS3中，要修剪图像的大小，在图像属性面板中可使用的按钮时（C）
A.
B.
C.
D.
6.使用“插入记录→表格”命令插入表格时，不能设置的表格属性时（B）
A.表格标题单元格的位置
B.表格的高度 C.表格的单元格间距和边距
D. 表格边框线的宽度
7.在DreamweaverCS3中，将光标定位到表格某单元格中，按Ctrl+A快捷键将选中（B）
A.整个表格
B.当前单元格
C.当前行
D.当前列
8．在DreamweaverCS3中，插入表格的快捷键
A.Ctrl+Alt+T
B.Ctrl+Alt+I
C.Ctrl+Alt+A
D.Ctrl+Alt+F
9．按______快捷键在单元格内单击鼠标左键可选中该单元格。（A）
A.Ctrl
B.Shift
C.Alt
D.Ctrl+Shift
10.若要在浏览器中隐藏表格的边框线，则需在表格属性面板的“边框”中输入（C）
A.1
B.无
C.0
D.-1
11．使用“插入记录→超级链接”创建的链接属于（C）
A.图像链接
项目十四 网站发布与维护
项目练习页
一、选择题：
1．监测网站链接以及兼容性等方面的问题，一般是在 面板中进行的。
A．结果 B．应用程序
C．标签检查器 D．文件
2.通过Dreamweaver将网站上传到租赁空间是在 环境下进行的。
A．Dreamweaver B．FTP
C．CuteFtp D．FlashFXP
3．Web服务器的功能是
A．提供面向Internet的信息查询服务
B．提供文件下载服务
C．以统一的界面浏览Internet上的信息
D．接受并处理用户请求，然后向浏览器发送用户要求的内容
4．在Dreamweaver CS3中，建立站点时选择了使用服务器技术，这表示
A．编辑网站时可以从网上得到帮助 B．创建的站点是动态站点
C．可以在服务器上直接编辑网页 D．编辑完毕，可以上传到服务器供别人浏览
5．个人网站做好后，要想让别人访问，首先要做的是
A．申请服务器空间 B．申请域名
C．将网站上传至因特网上的服务器 D．域名绑定
6．DNS指的是
A．数据源 B．网络服务商 C．域名服务系统 D．网络管理系统
二、填空题
1.对于一个静态网站，为了完成本地测试，需要在Dreamweaver的站点定义中配置好_______、________。
2.对于一个动态网站，为了完成本地测试，需要在Dreamweaver的站点定义中配置好_______、________和________。
3.为了将站点发布到服务器上，我们需要借助_______工具软件，这类工具中具有代表性的是________和________。
4.为了将站点发布到Internt上，我们需要申请________，为了便于访问，一般还需要注册一个_________。
《网页制作》复习题
第1章 网页制作概况
网页的概念
网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
首页和主页的异同点
网页制作的常用工具软件有哪些
网页正文区和文件头的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？
单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？
注释语句的含义，其正确书写格式
HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式
在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记
HTML中的常用标记的对应名称
插入多媒体对象的HTML语句的正确格式
无序列表的相关知识
有序列表的相关知识
表格标记的相关知识
超链接语句的相关知识
第2章 DW网页制作基础
如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？
首选参数
Dreamweaver站点的概念和特点
一种组织所有与Web站点关联的文档的方法
通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。
除非定义站点，否则不能充分利用Dreamweaver的功能。
设置Dreamweaver站点的方法不止一种
在文件面板中进行管理的功能有：
新建网页
更改文件名
删除文件等
关于【远端站点】和【本地文件】的特点和概念
所有制作完成的网页最后要放置在Web Server上。
制作者可以在服务器上制作网页。
制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。
哪些是HTML文档的基本属性？
