当前位置：文档之家› 网页美工实训指导书

网页美工实训指导书

网页美工实训指导书
网页美工实训指导书

《电子商务网页美工实训》

实

训

指

导

书

编写者：袁鑫

二〇一〇年五月

目录

一、总体说明 (1)

1、实训目的与要求 (1)

2、实训内容 (1)

3、参考课时 (1)

4、实训材料准备 (1)

5、考核办法 (2)

6、实训方法与步骤： (2)

7、实训范例 (2)

实训一网页导航按钮制作篇 (2)

实训二网页广告条制作篇 (3)

实训三网页站点标志制作篇 (5)

实训四网页图像处理篇 (6)

实训五网页首页制作篇 (7)

实训六网页内容页制作篇 (8)

一、总体说明

1、实训目的与要求

随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，同时为了推进我国信息化人才建设的培养，适用将来的社会的需要，提高学生的竞争力，本学期开设了为期一周的《网页美工与图像处理》实训。该门课程的学习，实践性很强，学生必须通过大量的上机练习，才能够灵活地用它来解决实际的问题，通过集中一段时间利用PHOTOSHOP制作网页导航按钮、网页广告条、网页站点标志、网页图像处理、网站首页制作、网站内容页制作进行综合实训，熟练掌握该软件的各种功能，提高解决实际问题的能力。

2、实训内容

《网页美工与图像处理》

3、参考课时

28课时

4、实训材料准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

5、考核办法

出勤情况：10分

纪律表现：10分

实验报告：10分

实训一网页导航按钮制作篇10

实训二网页广告条制作篇10

实训三网页站点标志制作篇10

实训四网页图像处理篇10

实训五网页首页制作入篇15

实训六网页内容页制作入篇15

6、实训方法与步骤：

实训方法：学生四人一组，选出一个组长和第二责任人。在组长的调动下，充分发挥主观能动性和团结精神，根据实训步骤完成网页美工设计。

7、实训范例

实训一网页导航按钮制作篇

1、实训目的与要求

掌握网页按钮以及导航条的制作方法，掌握通道、滤镜的使用方法；掌握对象排列对齐的方法；

2、实训内容

制作几款网页按钮以及导航条

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1) 制作透明按钮

新建文件，400*400

新建图层1，绘制椭圆选取（200*200），并使用蓝色到深蓝色线性渐变填充

在图层1上添加投影效果

新建图层2，载入图层1的选区，缩放6像素，从上至下，填充白色至透明色的线性渐变。

使用钢笔工具绘制高亮区，选中图层2，载入钢笔工具绘制的选区，删除（删除多余的白色区域），设置透明度78%

新建图层3，在图层中绘制椭圆选区，从下至上，填充白色至透明色的线性渐变。

选择选取工具，羽化4，画椭圆，删除图层3多余的部分，设置透明度78%

绘制图形，如杏叶等

保存文件。

2）制作导航条

将按钮以一定的方式排列组合到一起就形成了导航条。导航条的制作方法其实就是多个按钮的制作方法，这里就不再重复介绍。

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

如何设置网页导航条？

实训二网页广告条制作篇

1、实训目的与要求

掌握广告条的制作原理，掌握利用ImageReady和Photoshop制作动态、静态广告条的方法；掌握动画制作的方法；

2、实训内容

静态广告条

动态广告条

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1) 新建文件，确定广告条的尺寸（468*60），如果是通栏尺寸可设置为778*120。

2) 通过钢笔工具、文字工具、变形工具等，制作标志中的图形。

3) 如果图形会发生变化，则新建图层，将运动路径记录在各个图层中。

3) 输入文字，将文字转换为路径，利用选择工具，修改文字的形状，并将修改后的文字放置在不同的图层

4) 调整对象的位置。达到最佳效果

5) 制作动画面板，制作动画

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

如何设计网页广告条？

实训三网页站点标志制作篇

1、实训目的与要求

掌握站点标志的制作原理，掌握几款站点标志的制作方法；掌握文字、变形、选取等工具的使用方法

2、实训内容

掌握几款LOGO制作的方法

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1) 新建文件，确定标志的尺寸（120*90）

2) 通过钢笔工具、文字工具、变形工具等，制作标志中的图形。

3) 输入文字，将文字转换为路径，利用选择工具，修改锚点，形成特殊文字

4) 输入站点URL地址

5) 调整对象的位置。达到最佳效果。

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

制作站点标志的过程？如果设计网站的站点标志？

实训四网页图像处理篇

1、实训目的与要求

掌握几种背景处理效果；掌握图像抽丝效果的制作；掌握图像颜色调整，掌握几种滤镜效果和图层效果的使用等与图像处理相关的操作。

2、实训内容

1) 网页背景图像无缝连接的制作

2) 图像抽丝效果

3) 浮点效果

4) 图像阴影效果

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1) 网页背景图像无缝连接的制作

2) 图像抽丝效果

3) 浮点效果

4) 图像阴影效果

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

实训五网页首页制作篇

1、实训目的与要求

首页设计历来是网站建设的重要一环，不仅因为“第一印象”至关重要，而且直接关系到网站各频道以下各级栏目首页的风格和框架布局的协调统一等连锁性问题，是整个网站建设的“龙头工程”。所以说首页编排的优劣，将直接影响到它是否吸引更多网民进入站内浏览。本例中将学习利用Photoshop和ImageReady制作页面后，使用网页编辑软件Dreamweaver 生成最终的Html页面。

2、实训内容

制作一个完整的页面

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1)版面整体设计

2)页面尺寸的确定

3)辅助线的创建

4)背景的设置

5)标题的制作

6)主题图像的制作

7)人物的处理

8)导航菜单的制作

9)制作切片

10)优化效果

11)制作翻转效果

12)存储网页文件

13)在Dreamweaver中编辑网页

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

Photoshop制作网页的步骤？

实训六网页内容页制作篇

1、实训目的与要求

掌握使用photoshop制作WEB页面的方法，掌握图像蒙版效果的制作，掌握文字特殊效果的制作，掌握直线的灵活运用，掌握栏式页面的制作方法。

2、实训内容

制作一个完整的网页，对网页进行切片，并导出为HTML。

3、实训准备

硬件：一个性能较高的机房。

软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。

资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。

4、实验步骤

1）新建文件：1000*1160，背景为白色

2）背景处理：此页面背景为全白，不用再进行特殊处理

3）添加参考线：打开标尺，布局网页，栏间距30像素，第1栏130像素，第2栏430像素，第2栏180像素，广告条高度为70像素，导航条高度为30像素，第一块内容高度为500像素，第二块内容高度为440像素。

4）添加广告条（模幅图像的处理）：

a)导入蓝天图像

b)加入石狮图像

c)输入文字，并用黑/白渐变色描边

5）添加导航条：橙色（eb832e）矩形框，白色文字

6）制作栏目内容区

a) 第一行第一列、第一行第二列、第二行第一列添加灰色矩形区域

b) 在第一行第一列中添加直线，并等距离分布复制的线条

c) 用同样的方法制作其他栏目内容

7）添加页面中所需要的文字

8）切片

9）优化并导出为HTML页面

5、实训方法

机房上机完成所有操作题。

6、考核办法

考核分为四个级别：即优秀、良好、合格、不合格

优秀：能在规定时间内完成所有的操作题90%以上

良好：能在规定时间内完成所有操作题的80%-90%

合格：能在规定时间内完成所有操作题的60%-80%

不合格：能在规定时间内完不成所有操作题的60%

7、思考与练习

利用Photoshop制作网页时，如何做好页面的布局？

附录1：首页制作步骤

版面整体设计

1)新建文件：800*550，背景白色，RGB色彩模式，文件名为index.psd

2)新建文件：5*3，前景色为R：72，G：72，B：72，拖出p像素的选择范围，将前

景色设为R：83，G：83，B：83，然后填充。

3)定义图案：选择全部，定义为图案。并将文件保存为GIF格式，文件名为bg.gif。

在后面制作网页时需要将该文件作为底图进行平铺。

4)填充图案：打开index.psd，用刚定义的图案填充。

5)选择选框工具，固定尺寸：776*470，用鼠标在图像窗口中拖动，将选区移到居中

的位置，用白色填充选区。

6)建立图层组。为图层组添加蒙版。这样作将所有图层放在图层组中，对图层组添加

蒙版，限制图层组内图层的显示范围。

7)标题的制作

8)打开素材logo_bigd.jpg，移动图片到合适位置。并对素材进行比例缩放至合适大小。

9)打开素材栏目按钮.psd，位置至合适位置

10)输入文本

11)绘制参考线。CTRL+R显示标尽，从标尺处向下搬运两个辅助线，新建图层，前景

色R：200，G：200，B：200，按住Shift键在图像窗口上绘制直线。

12)主题图像的制作

13)打开素材风景.tif，移动至适当位置，并用变形工具，对其进行缩放。

14)创建选区。用矩形选框工具，在风景图上方建立一个矩形选区

15)变形选区。拖拽上面的控制点至合适位置。确定操作后，取消选区。

16)建立选区。使用矩形工具，选区风景图中央位置。

17)设置蒙版属性。建立快速蒙版。

18)说明：快速蒙版是建立选区的一种直观、快捷的方法，蒙版编辑的优点是几乎可以

使用任何photoshop工具或滤镜进行修改。而且如果处理正确，它可以制作一些特别精确，而且富有创意的艺术选区效果，并且这些选区是用其他任何一种方法都无法创意的。

19)选择毛笔工具，在红色边缘进行喷绘。

20)人物的处理

21)打开素材文件飞鸽.tif。使用钢笔工具，进行抠图。

22)翻转图像。

23)建立选区，按住CTRL点击风景图层

24)添加图层蒙版。选择飞鸽图层，添加蒙版效果

25)添加图层特效。外发光。

26)导航菜单的制作

27)添加文字

28)对方文字。使用鼠标选中全部文字，在段落面板中选择左右强迫对齐。

29)添加文字图层特效。添加投影、描边（大小为1，颜色为0,65,126）

30)选择毛笔工具，在工具选项栏上选择一个蜡笔画效果的笔刷样式，大小为15，将

鼠标移至文字周围开始喷绘。

31)修饰边框。

32)制作分割线

33)为边框图层添加投影。

34)添加自定义形状，放置在文字的后面。

35)颜色填充，选择工具箱中的椭圆选框工具，按住SHIFT键在图像窗口上绘制一正

圆，用径向渐变填充正圆。

36)复制图标

37)填充颜色。新建一图层，命名为光晕，用黑色填充，并将该层放在飞鸽图层的下方

38)使用滤镜效果，镜头光晕。并将光晕图层设置为“screen”

39)制作切片

40)裁切图像。去掉灰色背景

41)注意：在photoshop中绘制元素，如背景底纹和文字等，在存储为html时可以不出

现，这些内容可以在网页编辑软件中完成。在photoshop中制作时可以看到整个效果，便于调整。

42)制作切片：将标志、导航条、功能按钮单独切出。其余部分按表格样式切出

43)优化图像

44)制作翻转效果

45)打开WEB内容面板，为导航条添加翻转效果（over：文字颜色变为橙色）

46)添加链接

47)存储网页文件：存储优化结果

48)在Dreamweaver中编辑网页

49)添加背景

50)添加会员

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B

二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题

网页设计与开发HTML、CSS、JavaScript实例教程 (郑娅峰 著) 清华大学出版社课后习题1-10章答案

第一章习题 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A … … B … … C … … D … … 4．从IE浏览器菜单中选择____查看 源文件______命令，可以在打开的记事本中查看到网页的源代码。 5．实现网页交互性的核心技术是_______ JavaScript _______________。 6．CSS的全称是________ Cascading Style Sheet __________ ______。 7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。8．URL的全称是____Uniform Resource Locator _____________________________。 第二章习题 1.以下标记符中，用于设置页面标题的是（ A ）。 A B <caption> C <head> D <html> 2.以下标记符中，没有对应的结束标记的是（ B ）。 A <body> B <br> C <html> D <title> 3.文件头标记也就是通常所见到的____<head>…</head>_____标记。 4.创建一个HTML文档的开始标记符是___<html>______，结束标记符是 ____</html>_____。 5.标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。大多 数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。 6.把HTML文档分为__头部_______和______主体___两部分。___主体______部分就 是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文 档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。 7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。 8.简述一个HTML文档的基本结构。 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>标记通常会作为HTML 文档的开始代码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；<head>…</head>是HTML文档的头部标记；<body>… </body>标记之间的文本是在浏览器中要显示的页面内容。</p><h2>《网页设计与开发》实例教程 第二版课 清华大学出版社 后习题答案</h2><p>习题 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A <html> <head>…</head> <frame>…</frame> </html> B <html> <title>… … C … … D … … 4．从IE浏览器菜单中选择____查看 源文件______命令，可以在打开的记事本中查看到网页的源代码。 5．实现网页交互性的核心技术是_______ JavaScript _______________。6．CSS的全称是________ Cascading Style Sheet __________ ______。 7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。 8．URL的全称是____Uniform Resource Locator _____________________________。 9．写出URL包含的三个部分内容的作用。 URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。 习题 1.以下标记符中，用于设置页面标题的是（ A ）。 A B <caption> C <head> D <html> 2.以下标记符中，没有对应的结束标记的是（ B ）。 A <body> B <br> C <html> D <title> 3.文件头标记也就是通常所见到的____<head>…</head>_____标记。 4.创建一个HTML文档的开始标记符是___<html>______，结束标记符是 ____</html>_____。 5.标记是HTML中的主要语法，分____单_____标记和____双_____标记两 种。大多数标记是____成对_____出现的，由____开始_____标记和_____ 结束____标记组成。 6.把HTML文档分为__头部_______和______主体___两部分。___主体 ______部分就是在Web浏览器窗口的用户区内看到的内容，而__头部 _______部分用来设置该文档的标题（出现在Web 浏览器窗口的标题栏 中）和文档的一些属性。 7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架 型_____。</p><h2>网站美工设计基础教程</h2><p>网站美工设计基础教程 第四部分课程实训 本课程的实训目标是要求学生通过大量的实例赏析、上机操作与训练，能依据专业的审美观来自行设计各种网页，熟练掌握其基本方法与技巧，并能最终设计出各类综合性的网页。本课程共14个实训案例，实训总计39学时。 实训案例1： 实训：对21世纪网页设计的审美传播的认识。 要求：完成文字稿2000字左右，谈对21世纪网页设计的审美转达的认识。教师指导1学时，学生课后8学时或以上。 实训目的：提高学生对网页设计的认识，加深理解网站在当今社会的重要地位。 实训案例2：（必做） 实训：网页与平面构成、色彩、版面设计的关系。 要求：完成文字稿2000字左右，谈网页与平面构成、色彩、版面设计关系理解和认识。教师指导1学时，学生课后8学时或以上。 实训目的：提高学生对色彩的认识。加深对色彩在现实生活中重要性的理解。 实训案例3：（必做） 实训：掌握重复、渐变、发射的构成练习。 要求：分别作三个构成的练习，手绘（30CM×30CM）在白卡纸上（黑白稿）作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。 实训目的：反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘的感觉。 实训案例4： 实训：学会作特异、肌理、图与底、对比、韵律等平面构成的练习。 要求：任选一幅手绘在白卡纸（30CM×30CM）上（黑白稿）作设计练习。教师指导3学时，学生课后8学时或以上。</p><p>实训目的：通过动手实践，体会手绘的感觉及学习手绘的技法。 实训案例5：（必做） 实训：设计三幅平面构成设计。 要求：有条件的地方可上机操作。教师指导3学时，学生课后练习40学时以上。 实训目的：通过动手实践，体会手绘的感觉和学习手绘的方法。 实训案例6：（必做） 实训：通过学习，学会色彩调配知识、掌握涂色以及调色方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。 要求：绘制明度渐变卡，教师指导1学时，学生课后8学时或以上。 实训目的：学会色彩调配知识、掌握涂色以及调色方法。 实训案例7： 实训：通过学习，学会色彩搭配知识、掌握涂色以及色彩调配方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。 要求：绘制纯度渐变卡，教师指导1学时，学生课后8学时或以上。 实训目的：学会色彩调配知识、掌握涂色以及色彩调配方法。 实训案例8：（必做） 实训：手绘，完成8幅（30cm×30cm）的作业练习。有条件的地方可上机操作，完成8幅（16cm×16cm）的作业练习。（可选择完成） 要求： （1）作标准色相环pccs色相环。 （2）色彩混合作间色、复色的调色混合练习 （3）原色对比 （4）间色对比 （5）冷暖色相对比 （6）明度对比 （7）纯度对比</p><h2>网页设计与制作实例教程习题答案.doc</h2><p>网页设计与制作实例教程<br>习题答案<br>第 1 章 网页与网站基础<br>一、选择题<br>1．A 2．B<br>二、判断题<br>1．√ 2．×<br>三、问答题<br>略<br>3．C 3．√<br>4．C 4．×<br>5．A 5．√<br>第 2 章 网页规划设计<br>一、选择题<br>1．D 2．A 3．C 4．A 5．C<br>二、判断题<br>1．× 2．× 3．× 4．√ 5．√<br>三、问答题<br>1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体 需求分析。（每个阶段可再详细描述。）<br>2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容<br>3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的 诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个 色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略）<br>第 3 章 初识网页制作软件<br>一、选择题<br>1．C 2．C<br>3．B<br><br></p><p>二、填空题<br>1．代码、拆分、设计 2．文件、资源、规则 3．超级链接<br>三、操作题<br>略<br>第 4 章 制作网页内容<br>一、选择题<br>1．D 2．B<br>二、判断题<br>1．√ 2．√<br>三、操作题<br>略<br>3．A 4．D 5．ABD 6．D 3．× 4．√ 5．√ 6．√<br>7．B 8．D 9．A 10．A 7．√ 8．√ 9．× 10．√<br>第 5 章 设置网页超级链接<br>一、选择题<br>1．D 2．D<br>二、判断题<br>1．× 2．×<br>3．A 4． D 5． C 3．× 4．√ 5．×<br>第 6 章 使用 CSS 样式美化网页<br>一、选择题<br>1．B 2．C 11．A 12．A<br>3．C 13．C<br>4．B 14．D<br>5．A 6．D 7．D 15．D 16．A 17．A<br>8．D 9．B 10．C 18．B 19．D 20．D<br>二、简答题<br>1．× 2．× 3．× 4．× 5．× 6．× 7．√ 11．× 12．× 13．× 14．√ 15．√ 16．√<br>8．× 9．√ 10．√<br>第 7 章 规划布局网页<br>一、选择题<br>1．B 2．A<br>二、简答题<br>3．B<br>4．B 5．D<br><br></p><h2>DIV+CSS网页设计实例教程</h2><p>DIV+CSS网页设计实例教程 目录： 第一步：规划网站，本教程将以图示为例构建网站； 第二步：创建html模板及文件目录等； 第三步：将网站分为五个div，网页基本布局的基础； 第四步：网页布局与div浮动等； 第五步：网页主要框架之外的附加结构的布局与表现； 第六步：页面内的基本文本的样式(css)设置； 第七步：网站头部图标与logo部分的设计； 第八步：页脚信息(版权等)的表现设置； 第九步：导航条的制作(较难)； 第十步：解决IE浏览器的显示BUG； 第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站。 其基本布局见下图： 主要由五个部分构成： 1.Main Navigation导航条，具有按钮特效。Width: 760px Height: 50px 2.Header网站头部图标，包含网站的logo和站名。Width: 760px Height: 150px</p><p>3.Content网站的主要内容。Width: 480px Height: Changes depending on content 4.Sidebar边框，一些附加信息。Width: 280px Height: Changes depending on 5.Footer网站底栏，包含版权信息等。Width: 760px Height: 66px 第二步：创建html模板及文件目录等 1.创建html模板。代码如下： CompanyName - PageName @import "css/master.css"; 将其保存为index.html,并创建文件夹css，images，网站结构如下： 2.创建网站的大框，即建立一个宽760px的盒子，它将包含网站的所有元素。 在html文件的和之间写入 Hello world. 创建css文件，命名为master.css,保存在/css/文件夹下。写入： #page-container { width: 760px; background: red; } 控制html的id为page-container的盒子的宽为760px，背景为红色。表现如下： 现在为了让盒子居中，写入margin: auto;，使css文件为： #page-container { width: 760px; margin: auto; background: red; } 现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。消除这个空隙，就需要在css文件中写入： html, body { margin: 0; padding: 0; } 第三步：将网站分为五个div，网页基本布局的基础: 1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入： Main Nav Header Sidebar A Content Footer 表现如下：</p><h2>《网页设计与制作案例教程》课后答案</h2><p>《网页设计与制作案例教程》教材习题答案 第2章 网页制作基础 1．填空题 （1）静态 动态 （2）HyperText Markup Lauguage 超文本标记语言 （3）文本 图像 动画 （4）Dreamwear Frontpage （5）窗口 2．选择题 （1）C （2）C （3）B （4）D （5）D 第3章 网站的创建与管理 1．选择题 （1）D （2）A （3）B （4）D （5）C 第4章 页面的整体控制 1．选择题 （1）B （2）A （3）A （4）C （5）D 第5章 文本操作 1．选择题 （1）A （2）D （3）D （4）C （5）C 第7章 网页布局操作 1．选择题 w w w .k h d a w .c o m</p><p>（1）C （2）A （3）A （4）A （5）B （6）B （7）B （8）B （9）B （10）C （11）C （12）B （13）A （14）A （15）C （16）B （17）A （18）A （19）B （20）D （21）B （22）D （23）D （24）C （25）D （26）C （27）B （28）C （29）D （30）B （31）B （32）C （33）B （34）D （35）A （36）A （37）D （38）C （39）D （40）A 第9章 超级链接与导航栏 1．选择题 （1）A （2）B （3）C （4）A （5）D （6）B （7）D （8）C 第10章 创建表单网页 1．选择题 （1）A （2）D （3）C （4）B （5）C （6）B （7）B （8）A 第11章 HTML 语言 （1）<html> </html> <body> </body> （2）<img> <br> （3）bgcolor background （4）<table> <tr> <td> 2．选择题 （1）A （2）A （3）B （4）B （5）C （6）A （7）D （8）B （9）C （10）B （11）A （12）B （13）C （14）C w w w .k h d a w .c o m</p><h2>网页设计与制作实例教程</h2><p>.<br>..<br>.<br>网页设计与制作实例教程<br>习题答案<br>第 1 章 网页与基础<br>一、选择题<br>1．A 2．B<br>二、判断题<br>1．√ 2．×<br>三、问答题<br>略<br>3．C 3．√<br>4．C 5．A 4．× 5．√<br>第 2 章 网页规划设计<br>一、选择题<br>1．D 2．A 3．C 4．A 5．C<br>二、判断题<br>1．× 2．× 3．× 4．√ 5．√<br>三、问答题<br>1．答：需求分析一般包括三个阶段的容：背景分析、总体需求分析、具体需求分析。 （每个阶段可再详细描述。）<br>2．答：可从以下几个方面来阐述设计的原则：①日期、时间和数字；②欢迎词；③弹 出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦；⑧主页容<br>3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的 诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个 色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略）<br>第 3 章 初识网页制作软件<br>一、选择题<br>1．C 2．C 3．B<br>..<br>..<br>..<br>..<br><br></p><p>.<br>..<br>.<br>二、填空题<br>1．代码、拆分、设计 2．文件、资源、规则 3．超级<br>三、操作题<br>略<br>第 4 章 制作网页容<br>一、选择题<br>1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A<br>二、判断题<br>1．√ 2．√ 3．× 4．√ 5．√ 6．√ 7．√ 8．√ 9．× 10．√<br>三、操作题<br>略<br>第 5 章 设置网页超级<br>一、选择题<br>1．D 2．D<br>二、判断题<br>1．× 2．×<br>3．A 3．×<br>4． D 5． C 4．√ 5．×<br>第 6 章 使用 CSS 样式美化网页<br>一、选择题<br>1．B 2．C 11．A 12．A<br>3．C 13．C<br>4．B 14．D<br>5．A 6．D 7．D 15．D 16．A 17．A<br>8．D 9．B 10．C 18．B 19．D 20．D<br>二、简答题<br>1．× 2．× 3．× 4．× 5．× 6．× 7．√ 11．× 12．× 13．× 14．√ 15．√ 16．√<br>8．× 9．√ 10．√<br>第 7 章 规划布局网页<br>一、选择题<br>1．B 2．A 3．B 4．B 5．D<br>二、简答题<br>..<br>..<br>..<br>..<br><br></p><h2>网页美工实例教程 网页美工设计教程 美工视频教程 火星人学院</h2><p>江西省南昌市2015-2016学年度第一学期期末试卷 （江西师大附中使用）高三理科数学分析 一、整体解读 试卷紧扣教材和考试说明，从考生熟悉的基础知识入手，多角度、多层次地考查了学生的数学理性思维能力及对数学本质的理解能力，立足基础，先易后难，难易适中，强调应用，不偏不怪，达到了“考基础、考能力、考素质”的目标。试卷所涉及的知识内容都在考试大纲的范围内，几乎覆盖了高中所学知识的全部重要内容，体现了“重点知识重点考查”的原则。 1．回归教材，注重基础 试卷遵循了考查基础知识为主体的原则，尤其是考试说明中的大部分知识点均有涉及，其中应用题与抗战胜利70周年为背景，把爱国主义教育渗透到试题当中，使学生感受到了数学的育才价值，所有这些题目的设计都回归教材和中学教学实际，操作性强。 2．适当设置题目难度与区分度 选择题第12题和填空题第16题以及解答题的第21题，都是综合性问题，难度较大，学生不仅要有较强的分析问题和解决问题的能力，以及扎实深厚的数学基本功，而且还要掌握必须的数学思想与方法，否则在有限的时间内，很难完成。 3．布局合理，考查全面，着重数学方法和数学思想的考察 在选择题，填空题，解答题和三选一问题中，试卷均对高中数学中的重点内容进行了反复考查。包括函数，三角函数，数列、立体几何、概率统计、解析几何、导数等几大版块问题。这些问题都是以知识为载体，立意于能力，让数学思想方法和数学思维方式贯穿于整个试题的解答过程之中。 二、亮点试题分析 1．【试卷原题】11.已知,,A B C 是单位圆上互不相同的三点，且满足AB AC → → =，则A BA C →→ ?的最小值为（ ） A ．1 4- B ．12- C ．34- D ．1-</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="16735664"><a href="/topic/16735664/" target="_blank">网页美工实例教程</a></li> <li id="19715003"><a href="/topic/19715003/" target="_blank">培训成果展示ppt</a></li> </ul> </div> </div> </div> <div class="container"> <div>文本预览</div> <div class="textcontent"> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/4a6686798.html" target="_blank">HTML5+CSS3网页设计实例教程课件ch04</a></li> <li><a href="/doc/792453332.html" target="_blank">H5页面设计初级案例教程：常用操作</a></li> <li><a href="/doc/a31162333.html" target="_blank">网站美工设计基础教程</a></li> <li><a href="/doc/db4217612.html" target="_blank">网页设计与制作案例教程-电子教案9</a></li> <li><a href="/doc/07396730.html" target="_blank">网页设计与制作实例教程</a></li> <li><a href="/doc/e311146582.html" target="_blank">网页设计与制作实例教程</a></li> <li><a href="/doc/4016929927.html" target="_blank">网页设计与开发HTML、CSS、JavaScript实例教程 (郑娅峰 著) 清华大学出版社课后习题1-10章答案</a></li> <li><a href="/doc/8313777616.html" target="_blank">Dreamweaver网页设计与制作案例教程 (1)</a></li> <li><a href="/doc/b816703688.html" target="_blank">HTML5+CSS3网页设计与制作案例教程</a></li> <li><a href="/doc/dc18566909.html" target="_blank">《网页设计与制作实例教程》课件第3章</a></li> <li><a href="/doc/3a13410552.html" target="_blank">网页设计综合实例</a></li> <li><a href="/doc/fe14537255.html" target="_blank">网页美工实例教程 网页美工设计教程 美工视频教程 火星人学院</a></li> <li><a href="/doc/711269173.html" target="_blank">网页设计与制作实例教程</a></li> <li><a href="/doc/9b17084502.html" target="_blank">网页设计与制作实例教程</a></li> <li><a href="/doc/d73870188.html" target="_blank">DIV+CSS网页设计实例教程</a></li> <li><a href="/doc/ec5123295.html" target="_blank">Dreamweaver网页设计与制作案例教程 (5)</a></li> <li><a href="/doc/4c16037402.html" target="_blank">Dreamweaver CS6网页设计应用案例教程(第二版)-sy</a></li> <li><a href="/doc/882661532.html" target="_blank">美工设计教程</a></li> <li><a href="/doc/b27854514.html" target="_blank">网页设计与制作实例教程习题答案.doc</a></li> <li><a href="/doc/dd13722341.html" target="_blank">Dreamweaver CS6网页设计案例教程</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "f5fe563d67ec102de2bd89af"; </script> <script type="text/javascript">bdtj();</script> <footer class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>  本站资源均为网友上传分享，本站仅负责分类整理，如有任何问题可通过上方投诉通道反馈 <script type="text/javascript">foot();</script> </p> </footer> </body> </html>