网站美工设计大作业(2013)

中原工学院内部文档通识课《多媒体网页设计》大作业任务书本次大作业的任务是设计一个主题网站。

网站内容要围绕一个主题展开，例如：京剧、书法、围棋、丝绸、茶、长城、兵马俑等，但作为主题网站，所涉及的面不宜过宽。

一、设计任务1．网站至少采用3层结构（参考图1）。

2．主页（index.htm/ index.html）和用红色线条框起来的网页要围绕主题内容展开。

3．“网站导读”包含设计说明和网站结构图（类似图1），网站结构图要采用图片热点链接，使其具有超链接功能，能链接到具体的某个网页。

4．“个人信息”除了院系、专业、班级、学号、姓名、性别等个人真实信息外，还需要书写课程小结，并包含打开作业的链接等。

图1 网站结构示意图二、设计规范与要求1．要用表格进行布局并限制页面的宽度（采用像素为单位，1024*768的屏幕，表格宽度可设置为980像素）。

排版时网页整体要居中。

2．各个网页之间的导航必须正确，即上级要链接到下级，同一个上级下的同层网页要相互链接，下级能返回上级。

3．页面设计美观大方，颜色搭配合理，版面清新，至少不要连其中的文字都看不清楚。

超链接要放在明显的位置，便于浏览者查看和使用。

4．网页中的文字不宜大，图片大小适中，图片与文字要相互环绕。

除了作业和作品，一般不允许一个网页中只放几幅图片和几个大字。

5．不允许从互联网下载现有网页，然后拼凑到自己的作业中。

三、网站文件的存储和上交1．将网站中的所有文件存储在一个文件夹（该文件夹为网站根目录）下，文件夹以学号后3位与姓名命名，例如“101zhangming”。

2．在网站根目录下建立若干子文件夹，用来存放网站中用到的素材。

例如，“images”文件夹用来存放图片素材，“music”文件夹存放音乐素材，“zoye”（作业）文件夹存放本学期的平时作业等。

3．网页文件（.html）一般可存储在网站的根目录下，有些也可分类存储在相应的子文件夹中。

例如，可将与作业相关的网页文件和素材都存放在“zoye”文件夹中。

国家开放大学电大专科《网站美工设计基础》操作题题库及答案（试卷号：2492）国家开放大学电大专科《网站美工设计基础》操作题题库及答案（试卷号：2492）盗传必究操作题 1．制作广告请完成如图1效果图的操作步骤：(1)单击工具箱中的【矩形工具】按钮，绘制一个468pt×220pt的矩形，单击【渐变填充】按钮，在弹出的对话框中，设置颜色从(R：132;G：41;B：45)到(R：211;G：40;B：38)的___渐变，中心位移为（水平28%，垂直37%）。

设置完成后，单击【确定】。

(2)绘制一个468pt×80pt的矩形，填充为黑色，放在大矩形的下方，单击【交互式透明工具】按钮，在属性栏中【____ 】下拉列表中选择【线性】，【开始透明度】数值设置为O’【渐变透明角度和边村】设置为(90，35)，按【确定】键。

绘制一个350pt×22pt的矩形，填充为土红色(R：159;G：41;B：37)，【透明度类型】选择【线性】，【渐变透明角度和边衬】设置为(．9,20)。

(3)画一条直线，宽度设置为．55，颜色为白色，利用【】进行调整。

(4)按【】键，弹出【导入】对话框，选择“人物、鲜花、钻戒”三张素材图片，单击【导人】按钮，在页面中单击导入图片。

调整素材图片的大小和位置，再利用【交互式透明工具】对鲜花图片进行调整，使之与背景柔和相融。

(5)选择【艺术笔】工具，单击属性栏中的【____】按钮，在【喷涂列表】选项列表中选择需要的图形，在页面空白处拖动鼠标，绘制出气泡的效果。

(6)在【排列】菜单中，选择【____】命令，将气泡图形拆分，点击【挑选工具】，按【Ctrl+U]键，取消图形组合，调整气泡的大小和位置，删除不需要的图形。

利用【交互式透明工具】对各个气泡进行调整，使之较为柔和。

(7)单击【矩形工具】按钮，按住【】键，绘制一个正方形。

(8)单击【交互式变形工具】按钮，在属性栏中单击【】按钮，从正方形的 ______._._.__....____..._..___-...-____-．一J中心位置向右推动鼠标，进行变形操作。

国家开放大学电大专科《网站美工设计基础》填空题题库及答案（试卷号：2492）盗传必究填空题1．网页是集音频、视频、文字传输为一体的多媒体界面。

2.黄金比是设计中应用较广的一种比例，其矩形比的长与宽为1：1.6183.当一个支点两端的受力相一致而达到平稳状态时，这种现象称为平衡。

4.色相就是色彩的相貌，是用来区别色彩种类的名称。

5.在用椭圆形工具绘制图形时，按住ctrl键为绘制正圆形。

6．重复骨格是指每一单位的形状和面积均完全相等。

7.黄金比是设计中应用较广的一种比例，其矩形比的长与宽为1：1.618。

8.任何一种色彩在加白、加黑、加灰后都会降低其纯度。

9.面只具有长、宽两度空间，没有厚度。

10.在CorelDRAW软件中，双击挑选工具，则可以选中工作区中所有的图形对象。

11．作用性骨格是用来界定基本形彼此之间准确空间位置的骨架。

12.色相就是色彩的相貌，是用来区别色彩种类的名称。

13.任何一个有彩色加白、黑色都可以构成该色以明度为主的序列。

14.面只具有长、宽两度空间，没有厚度。

15.位图图像，亦称为点阵图像或绘制图像，是由像素（图片元素）组成的。

16．色相就是色彩的相貌，是用来区别色彩种类的名称。

17.白色是明度最高的色，在颜料中加入白色混合，可以提高混合色的明度／反射率18．黄金比是设计中应用较广的一种比例，其矩形比的长与宽为1：1.61819．任何一个有彩色加白、黑色都可以构成该色以明度为主的序列。

20.位图图像，亦称为点阵图像或绘制图像，是由像素（图片元素）组成的。

21．色彩可分为无彩色系和有彩色系两大类。

22.实用元素指在实际设计中，所要考虑的形象、内容、目的和功能等诸方面的要素。

23．在表现上，面可分为实面和虚面。

24.基本形是平面构成中最基本的单位元素。

25．无彩色系包括白色、黑色或由白色与黑色互相调和形成的各种不同层次的灰色。

26．面可分为几何形和自由形两大类。

27．减色混合是指颜料／色料的混合，是一种物质性色彩混合模式。

网店美工大作业一、制作要求1. 根据个人实际情况，收集网店设计素材，开设淘宝店铺。

要求内容充实，页面设计合理，图文并茂，界面美观，所有素材要求与店铺主题一致。

2. 至少发布6个宝贝。

（5分）3. 设计动态旺旺头像。

（5分）4. 设计一个店标。

（5分）5. 设计全屏店招。

（5分）6. 修改导航样式。

（5分）7. 设计一个至少两个图片轮播的全屏海报。

（5分）8. 店铺首页使用左右栏结构✧页面添加全屏固定背景。

（5分）✧在左侧添加一个联系我们模块。

（5分）✧在左侧添加一个店铺收藏模块。

（5分）✧在左侧添加一个自定义宝贝分类模块。

（5分）✧在左侧添一个手风琴轮播模块。

（5分）✧在右侧添加一个自定义搜索模块。

（5分）✧在右侧添加一个动态店铺公告模块。

（5分）✧在右侧添加一个自定义图片轮播。

（5分）✧在右侧添加一个变换边框的宝贝推荐模块。

（5分）✧在右侧添加一个弹出细节的宝贝推荐模块。

（5分）9. 添加一个“买家必读”自定义页面，并链接到导航区。

（5分）10. 添加一个“详情展示”宝贝推荐模块，对推荐的3个宝贝进行宝贝描述设计，并进行模块化编辑。

（10分）11. 进行手机店铺装修。

（5分）二、作业提交要求1、作品完成后，由班级学习委员将店铺首页地址以及店铺名称收集起来上交。

2、独立完成作业，并做好自己作品的著作权保护，如果发现抄袭或者雷同现象，一律评为不及格。

1。

网页制作大作业一、大作业要求根据个人意愿，2-3人组成一个小组，围绕一个主题，如企业网站、动漫世界、个人网站、学校网站、家乡网站、娱乐网站等，建立一个网站。

要求内容充实，页面设计合理，图文并茂，界面美观，使用各种网页制作技术来完成网站。

二、评分标准及要求1、主题与站点（共15分）1)主题明确、风格统一、布局合理、结构清晰。

（10分）2)建立站点，图片存放在images文件夹中, 音乐存放在music文件夹，动画、视频存放在movie文件夹。

（5分）2、网页内容及技术(共75分)1)网站首页（index.html）要求包含网站logo，banner,导航栏。

（10分）2)要求至少6个网页内容；（10分）3)其中一个网页为小组各个成员简介,网页中需要插入小组成员照片。

（10分）4)页面布局要求应用表格、DIV+CSS，页面布局合理。

（5分）5)各页面通过超级链接相联系，子页面及父页面方便返回访问，没有空链接和错误链接. （5分）6)使用样式表(css)对各网页元素进行修饰,使各页面风格统一。

（10分）7)在页面中，使用能体现主题内容和风格的文字、图片、表格、音频、视频、动画等各种对象。

（5分）8)应用表单，至少使用文本框、单选框、复选框和按钮，各项应用正常。

（10分）9)网页中部分页面可应用行为，增强网页特效。

（10分）3、网页创意(共10分)页面具有较强的个人设计创意,色彩搭配鲜明,内容布局合理。

三、作业提交要求1. 将站点文件夹压缩，命名为：班级+学号+姓名。

2. 提交压缩包到老师邮箱: 464894318@。

提交后应做好备份，以备教师手中的作品因故无法正常读取时补交。

3.做好作品的著作权保护，如果发现抄袭或者雷同现象，一律评为不及格。

宁波大红鹰学院2012-2013学年第一学期2010级本科市场营销专业《网页设计与制作》（A卷）期末考试试卷考核方式：大作业题目：制作完成一个中小型的电子商务网站要求：此次期末考试大作业上交期限为第18周星期三（2013年6月26日），必须按时上交否则无期末考试成绩。

同学们一定要自己独立完成，发现他人制作或抄袭者，无期末考试成绩。

（允许项目组同学合作完成，完成页面为：人数*5，由组长进行分工，上交一份详细页面制作分工说明，同时组内人员所有页面必须在一个站点下并管理好）1、书写学生制作的电子商务网站规划书和设计书。

内容包括：市场分析、建设网站目的及功能定位、网站的内容规划、网站设计过程中知识点运用情况说明，字数为800字以上。

（20分）2、学生上交的文件夹以班级、姓名进行命名，如10营销X班XXX。

文件夹内不能有无用的图片、文章等，站点目录清晰，首页必须以index.html命名。

（5分）3、工作量考核：学生的电子商务网站制作中网页数至少为5页，1页为网站首页，1页是用户注册页，1页是个人介绍页。

除个人介绍页外，其余页面需使用框架或模版，整体风格统一，效果美观，信息量适中，主题鲜明，主页至少包含5个以上栏目进行具体设计，5个页面中有2个独立网页介绍栏目。

（25分）4、网页中所有的文字及链接均要使用CSS样式表精确控制，能够实现许多网页的同时更新，提高网页下载速度，页面中制作至少使用2个CSS特效。

（10分）5、页面格式：（15分）（1）使用表格、布局表格和图层对网页元素进行排版。

（2）页面布局合理，体现主题，色彩均衡，整体协调。

（3）在主页中选择合适的文字或图像设置超级链接，其他页面中必须设置“返回主页”的超级链接，相关内容必须有返回相关主题内容的链接，浏览线路顺畅。

6、技术含量：在页面中至少有2个时间轴动画，有3处添加过行为，有2个以上的动画特效，插入到网页的适当位置，增添网页光彩。

制作交互式表单实现动态交互（25分）评分标准：1、书写学生制作的电子商务网站规划书。

网店美工习题库（含答案）一、单选题（共51题，每题1分，共51分）1.对选择的图层添加图层样式，可选择（）菜单中的“图层样式”命令。

A、编辑B、文件C、选区D、图层正确答案：D2.点文本不能进行自动换行，需要手动按（）换行。

A、Ctrl键B、Alt键C、Enter键D、Shift键正确答案：C3.移动选区操作，首先必须选择任何选区工具选项栏中的下列哪一个运算？（）A、选区减去按钮B、从选区怎加按钮C、新建选区从D、与选区交叉按钮正确答案：C4.如果将某个图像文件以特定的文件格式打开，需选择“文件”菜单中的（）命令。

A、导出B、打开为C、打开D、导入正确答案：B5.修改图层的名称可以执行“图层”菜单中的（）命令。

A、重命名图层B、新建组C、删除图层D、新建图层正确答案：A6.移动选区操作，首先必须选择任何选区工具选项栏中的下列哪一个运算？（）A、与选区交叉按钮B、从选区减去按钮C、从选区怎加按钮D、新建选区正确答案：D7.制作雨丝效果时添加杂色滤镜后，还需要添加以下（）滤镜。

A、液化B、旋转扭曲C、高斯模糊D、动感模糊正确答案：D8.复制当前图像中选取的花朵，可按（）快捷键。

A、Ctrl+TB、Ctrl+VC、Ctrl+CD、Ctrl+D正确答案：C9.在photoshop操作中，显示“画笔”面板可通过（）菜单的相应命令实现。

A、图像B、图层C、文字D、窗口正确答案：D10.( )工具可在一定程度上使图像像素变得清晰。

A、模糊工具B、加深工具C、锐化工具D、减淡工具正确答案：C11.添加图层蒙版，可选择“图层”菜单中的（）命令。

A、删除图层B、新建图层C、复制图层D、图层蒙版正确答案：D12.在photoshop中选择图像中的一行像素，可使用( ）选框工具。

A、单行选框工具B、单列选框工具C、椭圆选框工具D、矩形选框工具正确答案：A13.对图层添加矢量蒙版，可选择“图层”菜单中的 ( ）命令。

A、矢量蒙版B、复制图层C、新建图层D、删除图层正确答案：A14.制作木质相框效果时，可使用（）菜单的中“添加杂色”命令。

国家开放大学电大专科《网站美工设计基础》2021期末试题及答案（试卷号：2492）一、选择题（每题2分，共20分）1. 以下哪个软件不是专门用于网站美工设计的？A. Adobe PhotoshopB. Adobe IllustratorC. Adobe After EffectsD. Adobe Dreamweaver答案：C2. 在网页设计中，以下哪种颜色模式通常用于图像处理？A. RGBB. CMYKC. grayscaleD. indexed答案：A3. 以下哪个工具在网站美工设计中用于裁剪图像？A. 剪裁工具B. 画笔工具D. 钢笔工具答案：A4. 以下哪种字体类型在网页设计中使用较为广泛？A. SerifB. Sans-serifC. ScriptD. Decorative答案：B5. 在网页设计中，以下哪个元素用于表示网页的主要内容？A. 标题B. 段落C. 图片D. 表格答案：A6. 以下哪个工具在网站美工设计中用于绘制矢量图形？A. 钢笔工具B. 画笔工具D. 渐变工具答案：A7. 在网页设计中，以下哪个颜色搭配较为舒适？A. 白色背景，黑色文字B. 黑色背景，白色文字C. 蓝色背景，绿色文字D. 红色背景，黄色文字答案：A8. 以下哪个软件用于网页设计和制作？A. Adobe PhotoshopB. Adobe IllustratorC. Adobe DreamweaverD. Adobe After Effects答案：C9. 以下哪种网页布局方式较为简洁？A. 表格布局B. Div+CSS布局C. 框架布局D. 浮动布局答案：B10. 在网页设计中，以下哪个元素用于表示导航栏？A. 标题B. 段落C. 图片D. 超链接答案：D二、填空题（每题2分，共20分）1. 在网页设计中，常用的图像格式有________、________和________。

答案：JPG、PNG、GIF2. 在网页设计中，________和________是常用的字体类型。

国家开放大学电大专科《网站美工设计基础》2021期末试题及答案一、选择题（每题2分，共20分）1. 以下哪个软件不是用于网站美工设计的？（）A. PhotoshopB. IllustratorC. DreamweaverD. AutoCAD答案：D2. 在网站设计中，以下哪个颜色模式最适合表示网页图片？（）A. RGBB. CMYKC. LabD. 灰度答案：A3. 以下哪个HTML标签用于定义网页中的标题？（）A. <h1>B. <p>C. <div>D. <br>答案：A4. 以下哪种网页设计布局方式不属于常见布局方式？（）A. 定宽布局B. 流体布局C. 弹性布局D. 固定布局答案：D5. 以下哪个CSS属性用于设置元素的宽度？（）A. widthB. heightC. marginD. padding答案：A6. 以下哪种网页色彩搭配方式不正确？（）A. 类似色搭配B. 对比色搭配C. 明暗搭配D. 随意搭配答案：D7. 以下哪个网页设计原则不是以用户为中心的设计原则？（）A. 简洁明了B. 一致性C. 导航清晰D. 美观大方答案：D8. 以下哪个HTML标签用于定义网页中的超链接？（）A. <a>B. <img>C. <input>D. <div>答案：A9. 以下哪种网页设计风格不属于主流设计风格？（）A. 扁平化设计B. 简约设计C. 复古设计D. 卡通设计答案：D10. 以下哪个CSS属性用于设置元素的边框？（）A. borderB. paddingC. marginD. background答案：A二、填空题（每题2分，共20分）1. 在网页设计中，常见的布局方式有________、________和________。

答案：定宽布局、流体布局、弹性布局2. 网页色彩搭配的三要素是________、________和________。

《综合实践——制作班级网站》作业设计方案（第一课时）一、作业目标1. 帮助学生掌握网页制作的基本技能，如HTML、CSS、JavaScript等；2. 培养学生的团队协作和创新能力，提升班级凝聚力；3. 让学生在实践中了解网络应用，增强网络信息安全意识。

二、作业内容任务一：搭建网站框架1. 确定班级网站的主题和风格；2. 使用HTML和CSS技术搭建网站的基本框架；3. 将网站分为几个模块（如主页、班级新闻、班级相册等），每个模块设定相应的内容。

任务二：完成各模块内容1. 在每个模块中添加适当的文字、图片和链接等元素；2. 学习使用简单的JavaScript，为网站添加交互效果；3. 鼓励学生在完成各自模块内容的同时，尝试创新，体现班级特色。

任务三：优化网站布局和外观1. 使用CSS对网站进行优化，使其在不同浏览器和设备上都能良好显示；2. 引导学生关注网络信息安全，如防止恶意链接和病毒传播等。

三、作业要求1. 小组合作：学生需以小组为单位完成作业，每组人数不超过5人；2. 时间安排：学生需在两小时内完成网站框架搭建，并预留一周时间完成各模块内容；3. 创新要求：鼓励学生在完成作业过程中发挥创新思维，体现班级特色；4. 反馈调整：每组需提交一份总结报告，介绍网站设计思路和实现过程，教师将对报告进行点评，并对作业提出改进意见。

四、作业评价1. 评价标准：作业完成质量、团队协作能力、创新性、时间安排等；2. 评价方式：教师评价与学生互评相结合，重点关注学生的实践能力和创新能力；3. 评价结果：根据评价结果，对表现优秀的小组和个人进行表彰和奖励，同时对作业中存在的问题进行反馈和指导。

五、作业反馈1. 学生反馈：学生需在课后及时提交作业，并在报告中说明遇到的问题和困难，以便教师及时给予指导和帮助；2. 教师反馈：教师将对作业进行点评，指出优点和不足，并提出改进意见和建议，以便学生在后续的作业中不断进步。