2020 网站设计与制作（Web网站开发）(东北师范大学) 最新满分章节测试答案

本答案对应课程为:点我自动跳转查看
本课程起止时间为:2020-03-06到2020-06-30
本篇答案更新状态:已完结

【作业】前言 Web网站开发基本流程有哪些？

1、 问题:Web网站开发基本流程有哪些？
评分规则: 【 在视频和PPT中找内容并回答完整
】

【作业】网页美工 项目一 设计概述 设计概述-作业

1、 问题:《网页美工》-第1周上机要求 请注意：1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意先对建立好的文件总体规划后，再开始制作网页效果图！ 任务：按照样张制作网页效果图。具体要求如下：1、网页效果图大小为：1582像素宽，1818像素高，分辨率为：72像素/英寸。2、首先要规划网站的整体布局，用参考线来完成。3、请注意某些栏目上的背景效果，例如“关于我们”一行等等。背景效果可以使用“素材图片”文件夹中的“背景图片素材.jpg”，经过调整之后使用4、页面上的所有文字可以使用“文本素材.txt”文件中的文字素材。5、图片素材请参见“素材图片”文件夹中提供的图片，其他部分不允许从样张上截图。6、以下效果上的图标可以从图标素材中找类似的图标修改后使用，也可以自己制作完成，但是不允许从样张上截图。7、下面的部分可以使用钢笔工具或者形状工具来完成8、在上机课上能做多少就做多少，不要求全部做完，但要尽力完成图片，并保存成psd格式，在下课之前提交到指定文件夹中。
评分规则: 【 网站仿制
】

【作业】网页美工 项目二 图标设计 图标设计-作业

1、 问题:《网页美工》-第2周上机要求 请注意：1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意先对建立好的文件总体规划后，再开始制作网页效果图！ 任务：按照样张制作网页效果图。具体要求如下：1、网页效果图大小为：1023像素宽，1063像素高，分辨率为：72像素/英寸。宽度不能改变，高度可以根据你的制作进行调整。2、首先要规划网站的整体布局，用参考线来完成。4、页面上的所有文字可以使用“文本素材.txt”文件中的文字素材。5、图片素材请参见“素材图片”文件夹中提供的图片，其他部分不允许从样张上截图。6、每个栏目右侧MORE这个单词使用的是“像素字体”，参见“像素字体”文件夹中提供的字体。可以将字体安装后使用。7、如果有时间，可以自己完成网站标识的制作，如下图所示。8、网页效果图上有大量的渐变填充，请自己完成。 9、在上机课上能做多少就做多少，不要求全部做完，但要尽力完成图片，并保存成psd格式，在下课之前提交到指定文件夹中。
评分规则: 【 网站仿制
】

【作业】网页美工 项目三 控件设计 控件设计-作业

1、 问题:请注意：1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意先对建立好的文件总体规划后，再开始制作网页效果图！ 任务：按照样张制作网页效果图。具体要求如下：1、网页效果图大小为：1582像素宽，2599像素高，分辨率为：72像素/英寸。宽度不能改变，高度可以根据你的制作进行调整。2、首先要规划网站的整体布局，用参考线来完成。4、页面上的所有文字可以使用“文本素材.txt”文件中的文字素材。5、图片素材请参见“素材图片”文件夹中提供的图片，其他部分不允许从样张上截图。6、华科大的图标请参见“LOGO.jpg”和“LOGO文字.jpg”文件，并做相应调整后使用。7、每个栏目背景底纹可以自己选择素材制作完成。8、“常用链接”栏目中的图标请自己从网上查找并修改后使用。 9、请在本周三之前完成此页面效果图，并提交到指定文件夹中。
评分规则: 【 控件设计
】

【作业】网页美工 项目四 按钮设计 按钮设计-作业

1、 问题:请注意：其他班1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意先对建立好的文件总体规划后，再开始制作网页效果图！ 任务：按照样张制作网页效果图。具体要求如下：1、网页效果图大小为：1582像素宽，1277像素高，分辨率为：72像素/英寸。宽度不能改变，高度可以根据你的制作进行调整。2、首先要规划网站的整体布局，用参考线来完成。4、页面上的所有文字可以使用“文本素材.txt”文件中的文字素材。5、图片素材请参见“素材图片”文件夹中提供的图片，其他部分不允许从样张上截图。6、东亚银行图标请参见“LOGO.jpg”，请做相应调整后使用。 7、请在本周五之前完成此页面效果图，并提交到指定文件夹中。
评分规则: 【 按钮设计
】

2、 问题:15计算机（1）请注意：1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意先对建立好的文件总体规划后，再开始制作网页效果图！ 任务：无忧听力网是进行英语听力训练的网络平台。当用户进入功能页面时，网站呈现出“草图一”的页面。在语音播放后，如果用户没有听懂语音内容，可点击“重听”键，此时页面重新播放语音；如果用户想查看语意，可在语义区点击鼠标，页面出现相应的语义文字内容（草图二）。当用户看完语义文字内容后可点击“前进”键，页面又出现草图一的效果，网站继续播放下一语音，如此循环前进。要求：1、设计请以示意图为准，布局不要作大改动，因为这里有使用功能的考虑，不仅仅考虑美观。2、“前进”“后退”键请包含文字，这样有更明确的功能提示作用。至于“重听”键，则可以使用纯粹的图形按钮，可以没有“重听”的文字。3、界面大小为 1440 x 900 px，分辨率为72像素/英寸。4、设计网站名称和标识。5、只需提供可以实现的PSD文件。 草图一：草图二：下面是设计的时候需要输入的文字，各位可以直接使用：使用提示：1、点击“前进”键开始学习；重听点击“重听”键；查看语意，请在语义区点鼠标右键 ；后退点击“后退”键。。2、语音播放中，请确认音量控制器是不是已经打开。 词典 搜索英国 Your car is made in UK ,mine in China. 你的车是英国产的，我的是中国产的。 UK英音：[jukei] 美音：[jukei] 说明：UK是The United Kingdom of Great Britain and Northern Ireland的简称. 9、请在本周三之前完成此页面效果图，并提交到指定文件夹中。
评分规则: 【 按钮设计
】

【作业】网页美工 项目五 LOGO设计 LOGO设计-作业

1、 问题:请注意：1、这次作业中每个图层要命名！！必要的时候添加组来管理图层。2、请注意矢量图绘制工具的使用方法！ 任务：为移民留学公司设计LOGO1、公司中文名是心方向，英文名是America Blueprint。主要是做做出国留学、旅游、移民的咨询公司。blueprint的意思是给客人规划一个未来的蓝图。2、logo可以设计为类似菱形或者心形的结构。logo的背景做成蓝图元素的效果，边框的边角不用这么整齐，景和楼房请用加州洛杉矶的城市为背景，最好加上棕榈树，只需要简单的轮廓就可以。3、logo图像的下方或者右方可以写America Blueprint名字，可以在这个英文名字母形状上做一些设计，例如某个字母做成高楼或者棕榈树的样子。4、偏好的颜色是：绿色，黄色，蓝色。5、偏好的图片或者素材图片参见“参考图片”文件夹。
评分规则: 【 LOGO设计
】

【作业】网页美工 项目六 Banner设计 Banner设计-作业

1、 问题:任选其中一个要求来完成LOGO的设计。不是做三个LOGO！！ 备选任务1：文化传播有限公司LOGO设计1、公司名称：深圳市乙戈文化传播有限公司。2、公司目前主营业务：企业、产品、个人宣传片、TVC广告、微电影、网络电影制作，演员、艺人经纪，平面摄影设计等。3、公司未来方向：网络及院线电影出品、明星经纪等。随着公司的发展，由主打平面摄影业务变为现在的影视为主要业务。4、Logo中需要包含的名字：EGE或EGEVISION或乙戈文化或 乙戈影业（任选其一或自由发挥）。5、偏好顏色：光的三原色（红、绿、蓝）。6、乙戈文化传播有限公司 原有LOGO，参见“参考图片”文件夹中的“乙戈原有LOGO.png”文件。 备选任务2：凉皮店LOGO设计1、小店名称：秦先生凉皮。2、经营范围：主要经营陕西凉皮，及特色风味小吃的小型连锁餐饮门店。3、设计要求：LOGO设计中可突出“秦”或者“秦先生”，可加入古秦、兵马俑人偶等特色卡通图案以突出地域特色。4、可以参考“参考图片”文件夹中的“秦先生凉皮参考图片.jpg”文件进行设计，也可以完全按照自己的想法设计。 备选任务3：网络社区LOGO设计1、公司名称：中金联科技股份有限公司。2、公司主营业务：大型互联网交易社区（互联网金融理财投资、水电费缴纳、网络购物等）。3、设计要求：以字母CGCC中的几个或全部设计或以铜钱的钱币为原型，融入中金两个字或字母ZJ。4、素材图片请见“参考图片”文件夹中的“中金科技参考图片.jpg”文件，或者自己找文件。
评分规则: 【 LOGO设计
】

【作业】网页美工 项目七 文字设计 文字设计-作业

1、 问题:上机任务： 为某建筑公司设计三张banner图1、公司名称：东锦企管。公司目前的测试网站是：http://dd.lebagu.com/，如果无法打开，请看“公司测试网站.jpg”图片。2、所有banner的尺寸都是1920px * 400px。Banner的风格要符合公司现有网站的设计风格，要简洁 大气，看上去高端上档次。3、第一张banner上的文字：东锦集团 权威 专业 高效 专注建筑业、资质统筹、资质升级管理、人才推荐说明：第一张主题显示和建筑资质背景有关，设计以大气为主4、第二张banner上的文字：海量建筑人才库,专注行业十年！一对一专业服务说明：第二张做人才猎聘项目，和建筑人才有关系5、第三张banner上的文字：建筑行业资源沉淀，快速办理，为您提供一站式服务！说明：第三张是关于建筑资质办理 升级服务的类型6、请从上课讲的12种Banner构图方式中挑选1~3种来设计banner图。
评分规则: 【 文字设计
】

【作业】网页美工 项目八 网页导航设计 网页导航设计

1、 问题:上机任务： 武汉交通职业学院电子与信息工程学院设计导航条。 1、导航项目保持现有导航条上的项目不变：首页 学院概况 师资队伍 人才培养 专业建设 科研园地招生就业 学生工作 实训基地 党群工作 学院首页2、可以不用考虑现有网站的设计风格，完全凭借自己对于导航条的理解和创意自行设计。现有学院网站网址是：http://dz.whtcc.edu.cn/3、导航条的宽度与现有导航条的宽度保持一致，高度可以自行设计。4、风格与学院特点吻合，符合电子与信息工程学院的精神风貌和这个专业的特点。5、注意做出导航被选中的效果，如果设计了二级弹出菜单，请做出二级菜单弹出的效果。
评分规则: 【 网页导航设计
】

【作业】网页美工 项目九 网页版式设计 网页版式设计-作业

1、 问题:上机任务： 为 北京寰宇时代文化传媒有限公司 设计首页效果图。具体要求如下：1、根据附件中的网站基础资料设计公司网站的首页效果图。2、色彩搭配根据LOGO色调安排。3、设计页面要求扁平化、时尚、紧凑、简约。4、面向人群主要是领导、企业高管、内部、设计要求严谨、专业。5、请注意使用上课所讲的布局理论进行合理构图。6、请使用960网格模板开始设计。
评分规则: 【 网页版式设计
】

【作业】网站前端 项目一 HTML5语言（一） 修改版HTML5语言（一）-作业

1、 问题:使用本单元的html5文档结构和文本，图片标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
评分规则: 【 使用本单元的html5文档结构和文本，图片标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
】

2、 问题:使用本单元的html5文档结构和文本，图片标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
评分规则: 【 使用本单元的html5文档结构和文本，图片标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
】

【作业】网站前端 项目二 HTML5语言（二） 修改版HTML5语言（二）-作业

1、 问题:使用本单元的html5超链接标签和列表标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
评分规则: 【 使用本节的HTML超链接和列表知识，完成页面，保存为HTML5文档，并上传完整的网站文件夹
】

2、 问题:使用本单元的html5超链接锚记标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
评分规则: 【 使用本单元的html5超链接标签和列表标签完成如图所示的网页制作，注意提交完成的网站文件（包括.html 文档，图片文件夹等）。
】

【作业】网站前端 项目三 HTML5语言（三） HTML5语言（三）-作业

1、 问题:
评分规则: 【 HTML5语言（三）
】

【作业】网站前端 项目四 HTML5语言（四） HTML5语言（四）-作业

1、 问题:实训四1.实现一个用户注册页面的信息合法性提示框。[提示]先用html5+CSS3生成静态表单页面，然后用Javascript实现当鼠标聚焦(聚焦事件onfocus，失去焦点onblur)表单各项数据字段时，右边出现该字段的的合法性提示框。如：当用户鼠标放在用户名文本框时，右边出现“请输入非空的用户名，必须是字母，且不能超过10位”（参照“实例”文件夹）参考页面”用户合法性提示.jpg”。 2.继续完善用户注册页面，对用户名进行验证，要求长度4-20位,首字符为英文字母，支持中英文、数字及”-”、”_”组合；对密码进行验证，要求用数字，并且长度不能超过6位；对手机进行验证，以1开头，必须是数字，必须11位。对以上信息进行验证，若不合法则出现错误提示信息，验证成功则打印用户填写的所有信息(使用document.write方法在网页上打印)。
评分规则: 【 HTML5语言（四）
】