2015级商务英语本科班“商务网站制作”课程设计要求:
1、网站主题明确,网页布局清晰、合理、规范有创意;网站页面数目不得少于
5张;
2、网站首页应有自己设计的LOGO和版权信息,Banner的设计应契合主题;
3、网页中必须体现有DIV+CSS、APDIV及表格的使用;
4、首页应有导航条(分页面的导航条可根据具体情况和需要设置),各个页面
均能直接返回主页,各级分页面可以互相链接跳转。
5、有表单元素。
6、网页中应有:1、友情链接(至少3个相关网站) 2、联系我们(邮件链接)
7、网页中的外观样式须使用CSS样式规则进行设置,并保存在CSS样式文件中;
8、网页中须使用行为效果,如“隐藏-显示元素”、“交换图像与恢复图像”等。
9、建立相应的文件夹,所有素材文件应归类存放在相应文件夹中,例如:图片
应存放于image文件夹,文字素材存放在text文件夹中,样式表存放在css 样式文件夹中)所有的文件须以英文或拼音或数字(不能以数字作为第一个字符)命名,不可用中文命名。
10、除主页index.html以外的页面文件名按分页的主题按拼音命名。
11、可以在网络上收集和网站主题相关的多媒体素材,注意控制素材尺寸大小和
分辨度,整个作品总容量不应超过50MB。
文件夹结构(参考):
网站站点根目录
Images(图像文件夹)
media (动画、视频文件夹)
xx.html (其他网页)
CSS (css样式文件夹)
Index.html (主页)
网页设计评分标准
网页设计报告书 项目名称:制作“Best设计”网页 班级:视觉08—1班 学号: 200806002619 姓名:张金凤 指导教师:饶简元 日期:2011-12-24 现代设计艺术学院
目录 前言—————————————————————————————() 一、项目概述————————————————————————() 1.项目背景——————————————————————————() 2.项目内容介绍————————————————————————() 3.项目设计重点————————————————————————() 二、项目设计————————————————————————() 1.项目主题的选择———————————————————————() 2.网页的版面设计———————————————————————() 3.背景音乐的选择———————————————————————() 三、项目实施————————————————————————() 1.素材的收集与整理——————————————————————() 2.项目制作(创作过程)—————————————————————() 四、结束语—————————————————————————() 五、致谢——————————————————————————() 六、参考材料————————————————————————()
前言 经过学习DW,让我了解到一些关于网页设计的相关内容和设计网页的基础知识,同时通过一学期的网页设计相关软件和相关知识的学习,制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计,同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代,所以制作了“Best设计网”的网页。 在制作网页时,通过PS、AI和DW的结合运用,最后在DW中进行编辑和整合设计,最后完成网页的所有页面设计。在设计中有很多的疑问,也对自己的作品充满了信心。在设计中很纠结的一个问题就是写代码和运用网格,很多时候设计出来的作品和自己看到的网页页面总是不一致,最后通过不断的调整和修改,完成了这次是网页设计。 这次的网页设计,是我第一次完整的自己独立完成的第一个网页,也许会有很多的不足之处,和一些不那么令人满意的地方,希望老师能谅解,我自认我已经尽力做到最好。
网站设计要求及评分标准 网站主题:个人网站或学习类网站 一、内容(40分): 1、网站主题要突出; 2、内容详细而充实; 3、能够清晰表达设计意图,总页面数不少于10个。 4、网页文档中无大块空白,无错别字。 二、结构(10分): 1、结构清楚合理,有统一的导航条; 2、整体结构有一定的连贯性; 3、每一页都有返回首页的标志; 4、没有空链接; 5、没有错误链接; 6、便与浏览查找。 三、版面与视觉感受(10分): 1、网站整体风格一致; 2、文字清晰,没有乱码和错位; 3、没有错误的表格; 4、按钮图片的制作美观实用; 5、色彩协调; 6、页面美观,布局合理。 四、技术要求(30分): 1、静态页面制作 (主页(index.html)、其它页面用英文或拼音缩写命名;index.html放置于站点根文件夹下,其它页面置于各子文件夹中。(5分) 2、技术应用: ①Html:Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架(15分) ②Css:文本图片表格边框定位(5分) ③网站要建立不同的文件夹,将不同格式不同功能的文件分门别类的存放:如images、css 、templates、library及各子栏目文件夹等。(5分) 五、其他要求(10分): 1、建立word格式说明文件(5分) ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为:学号.rar,如0601100301.rar。打包后的文件大小不超过10MB。(5分) 六、上交作业邮箱 将压缩好的RAR文件(名称必须为:学号.rar))发送至jk2011qmks@https://www.wendangku.net/doc/4f11301430.html, 作业提交开始时间:2012年5月7日(星期一) 作业提交截止时间: 2012年5月13日(星期日),在规定时间段内交作业加10分,逾期接收不加分,最晚在5月20日前交作业。注:2份作品如雷分部分超过30%,均为0分。 2012年4月16日 1
伊犁师范学院《网页设计》期末课程设计 设计题目:我的个人网页 学号:018 姓名:马建武 院系:电子与信息工程学院 专业班级:计科08-2 指导老师:王雪峰 日期:2011-6-20
一、设计思想 随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。 二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码(主要添加CSS代码) 1.添加首页背景音乐
附件1: (一)、FLASH动画设计与制作 运用有关技能绘制、处理所需要的图像素材,运用FLASH设计软件,根据组委会给定的主题设计制作FLASH动画。 具体要求: (1)每所职业学校单独为一个竞赛组,每组须由2名学生组成,合作协助共同完成比赛。 (2)本次比赛时间为2小时。 (3)各竞赛组须独立完成,不得剽窃、抄袭他人作品,如经查证,取消比赛资格。 (4)比赛采用定时不定量的方法,利用大赛提供的素材,遵照制作要求和给定的主题,制作一个FLASH动画作品。 (5)制作的动画作品要求内容健康、思想积极向上。 (6)技术运用全面、含量高。 (7)充分发挥参赛者的想象力,按照要求设计制作出新颖、有特色的动画作品。 (8)组委会提供部分素材,其它素材均由参赛者自主创建。 (9)动画结构清晰、规范;色彩搭配合理、美观。 评分标准: 定时不定量,完成基本要求 30分 (脱离制作环境不能播放的影片文件不得分) 内容充实,故事情节表达完整流畅 25分 运用整体技术生动形象的展示动画效果 25分 色彩搭配合理,视觉效果良好、美观 10分 界面友好 5分 内容健康,积极向上 5分
(二)、网站设计 运用有关技能绘制、处理网页所需要的图像素材和动画素材;运用网页设计软件,根据组委会给定的主题设计网站。 具体要求: (1)每所职业学校单独为一个竞赛组,每组须由2名学生组成,合作协助共同完成比赛。 (2)本次比赛时间为2小时。 (3)各竞赛组须独立完成,不得剽窃、抄袭他人作品,如经查证,取消比赛资格。 (4)至少包含三层(除首页外至少还有两个不同页面),页面不少于6页,作品应尽量避免未使用的孤立文件。 (5)尽可能的运用你所能掌握的、系统浏览器能直接支持的所有技术、特效,并合理使用,制作出网页中的动态效果。 (6)页面布局合理、结构清晰、规范;导航美观,结构清晰;色彩搭配合理、美观。 (7)技术运用全面、含量高。 (8)网站内部文件之间的连接均要求使用“相对路径”。 (9)每个页面均要有标题(页面部分或标题栏部分)。 (10)充分发挥参赛者的想象力,要求设计出新颖、有特色的主题网站。 (11)组委会提供网站所需要的部分素材,其它素材均由参赛者自主创建。 (12)作品必须符合基本要求,根据评分标准评定最终结果。 评分标准: 1、网页内容(20分) (1)根据组委会提供的主题,集中反映某方面特色,清晰表达
网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波
目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论
摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试
一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每
网站设计作业要求暨评分标准 网站主题:自拟。 为了体现团队合作的精神,本次期末考试为Teamwork,根据自愿公平的原则,分组自由结合,但是每组最多5个人。 要求: 一、内容(10分): 1、网站主题要突出; 2、内容详细而充实; 3、能够清晰表达设计意图。 二、结构(10分): 1、结构清楚合理; 2、整体结构有一定的连贯性; 3、每一页都有返回首页的标志; 4、没有空链接; 5、没有错误链接; 6、便与浏览查找。 三、版面与视觉感受(10分): 1、网站整体风格一致; 2、没有乱码和错位; 3、没有错误的表格; 4、按钮图片的制作美观实用; 5、色彩协调; 6、页面美观。 四、技术要求(50): 1 (主页、注册页面、查询页面、留言簿、后台管理页面); 2个; 3、会员注册、登录系统1个; 4、在线查询系统1个; 5、留言簿; 6、后台管理页面。 技术应用: ①Html:超级链接图片表格表单 ②Css:字体文本边框定位 ③VBScript、JavaScript :对象事件特效应用 ④asp内置对象:application session request response server
⑤数据库:ADO Access SQL 五、其他要求(20): 1、word格式作业报告一份(详细格式见模板) ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●描述网站正确运行所需要的环境以及参数设置 ● 不少于3000字 2、报告依照模板格式书写,并使用A4纸打印以备存档; 3、所有代码文件打包成RAR压缩包,上传到FTP;文件名称格式为: 第X组.rar。 六、上交作业 将压缩好的RAR文件(名称必须为:“第X组”(例:第X组.rar))复制、粘贴到ftp://218.198.177.79, 09信管:用户名09xg 密码: 09xg 09计科1:用户名09jk1 密码: 09jk1 09计科2:用户名09jk2 密码: 09jk2 作业提交开始时间:2010年12月29日(星期二) 作业上交截止日期:2010年12月30日(星期三),逾期ftp将关闭 2010年12月9日
2014-2015学年上学期 《网页设计》课程期末大作业说明 1.题目:*****网站设计与实现(根据学期初自已的选题确定) 其中应包含以下内容: (1)网站设计概述 ?需要掌握的基本技术及它们的作用 ?平台的搭建和开发工具的选择 ?你的设计目标:解释你设计的主题和目标 (2)典型网站设计分析及学习 ?以期中作业为基础,分析经典网站的设计 ?强调两点:文档标记的标准化与格式化,布局方式 ?从中你学到了什么?文件的组织结构、图片的大小、命名等,请自己 思考展开 (3)设计与实现 ?完成你自己的设计 ?整体布局思路:流式布局或固定布局?布局采用什么技术? ?包含适当的代码及截图 ?代码请保持良好的格式 ?页面中的支撑文本可以任取样本文字 (4)总结 ?从这门课你学到了什么? ?还有什么需要在今后的学习中加以拓展? ?WEB上的一些新的发展趋势,如HTML5你如何看? 2.请提交: (1)设计报告(A4纸打印) ?word文档 ?格式和基本内容要求(见附件1) (2)电子文件(以下文件压缩打包,以“学号_姓名”方式命名) ?HTML文档:index.html ?CSS文件:final.css ?图片文件夹img: ?设计报告的电子版:学号_姓名.doc 3.提交时间和方式: (1)完成时间表: ?2015年1月8日:提交最后完成的版本 (2)地点: ?上课地点 4.附件:报告格式
《网页设计》期末课程设计报告 题目:灵异世界网站 姓名:许蕾 学号:12990255 日期:2014年12月30日 摘要 请解释在这门课程的学习过程中,你学到了哪些知识?以及如何运用这些知识,来进行设计与实现的。 随着大三上学期正式的开始,抱着懵懂的心态,选择了网页设计与制作这门课程,曾记得第一节的课的时候,老师让每一位同学提一个问题,上完第一节课似乎我应该大概明白我们这学期学习网站关于哪方面的知识,接下来,在听完老师讲课的基础上,自己学习w3Cschool在线学习网站上关于html标记语言和css样式方面的教程。对此感觉这学期更加明白了网站标记与设计方面的理解,也增添了我对于网站学习的热情。 本学期学习到的知识有: 1.简单的html标记;例如 ;
; ;《网页设计》课程 期末考试作业 网站名称:孤独的探戈 设计人:谢岭 班级:电子商务151 学号:37 评阅人:王选勇 学期:2016~2017学年第1学期成绩: 丽水学院工学院 2016.12
诚信承诺 我谨在此承诺:本人所完成的《网页设计基础》期末考试作品均系本人独立完成,没有抄袭行为,凡涉及其他作者的观点和材料,均作了注释,若有不实,后果由本人承担。 承诺人(签名):谢岭 2016 年 12 月 25日
《网页设计》课程期末考试作业成绩评定表
《孤独的探戈》设计说明书 一、选题的分析 (选题的意义,针对选定的课题,打算如何展开设计,想表达什么内容?)本次我选的网站主题是音乐,我平时就十分喜欢听音乐,我觉得音乐是一种年轻人表达自我的一种方式,通过音乐我们能表现自己的喜怒哀乐,表现出自己的生活态度。音乐能够给我们力量,给我们安慰,给我们无限的希望。我们心里总有那么一首歌,想唱给心爱的姑娘;总有那么一首歌,慰藉我们孤独的灵魂。因此,我也想制作一个音乐网站,通过音乐的力量来给更多的人温暖和安慰。 针对这次选定的主体,我打算制作六个网页,分别为首页,歌手,专辑,排行榜,MV和自我简介六部分。首先制作之前,我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局,取其精华,为我所用。我初步确定了本次网页布局为简单的上下型,简洁明了方便用户浏览。网页内容为图文并茂,以较少的文字加上多彩的图片吸引用户兴趣。总而言之,这次网站设计的理念是极简主义,去除多余的文字,排版内容简单明了,贯穿一种单纯真诚的生活态度。
二、如何运用网络的优点进行更好的表达 (网站的版面风格、版式、颜色、互动性、多媒体等。为什么这样做?)首先,本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版,版面以上下型为主,风格偏简洁舒适自然,因为过多的东西以及一些花俏的动画,会给人视觉疲劳,看来起来繁重累赘,不利于用户的浏览体验。 网页的颜色以白色,灰色为主,看起来低调却富有内涵,同时加入多彩的图片以至于整体不会太沉闷。色彩协调,给人以自然舒适的感觉。 关于网站的交互性,我设置了六个页面的相互链接和用户登录链接,能够满足网站必要的互动。网页的互动性通过链接点实现,大部分的网页都需要有很醒目的导航,实现各个页面的跳转。所以在网站的顶部加了各个网页的链接便于用户寻找,方便用户使用。 整个网页制作过程中,采用了多媒体中的文本、图像、链接、表格等内容。通过多媒体的综合运用,使网站变得生动有趣。
附件2 各单项比赛评分方式 1.1、软件应用与开发类——网站设计作品评分标准 一级指标(分值)二级指标(分值) 设计内容(20)内容健康、积极向上、符合政策法规(5)与文科专业的应用相关(5) 能够清晰表达设计意图(5) 制作量要求范围内的知识体系结构完整(5) 设计结构(25)结构清晰、布局合理、整体结构有连贯性(5)导航明确、浏览方便、查找快捷、无错链(5)栏目划分与内容组织结构合理(5) 页面标题和关键字设置合理(5) 具有必要的交互功能(5) 设计艺术性(20)网站整体风格一致、色彩谐调、页面美观(5)没有乱码和错位、没有错误的表格(5) 页面元素的制作美观实用(5) 充分利用多媒体技术(5) 创意与应用(20)网页具有个性化设计风格、并具有观赏性(5) 内容有创意(5) 有在互联网上实际运营的网站并能够顺利访问(10) 技术应用(15)页面图片经过优化(5) 分辨为800*600或1024*768 (5)利用数据库技术(5) 1.2、软件应用与开发类——数据库应用作品评分标准 一级指标(分值)二级指标(分值) 功能(15)详细的需求分析(5)详细的系统设计(5)功能测试数据齐备(5) 可靠性(10)系统运行稳定(5) 考虑了数据库的安全性控制(5) 效率(10)良好的反应速度(5) 没有冗余操作和冗余数据(5) 服务质量(35)良好、简便的用户操作界面(5)完善的帮助系统和使用说明(5)
规范的业务流程(5)查询功能齐全(10)报表功能齐全(10) 适应性(30)容错性好(5) 代码易读好,易于维护(5) 系统能够在互联网上运行和访问(10)系统能够正确打包和安装(5) 能够脱离开发平台正确运行(5) 1.3软件应用与开发类——虚拟实验平台作品评分标准 一级指标(分值)二级指标(分值) 设计内容(20)能够清晰表达设计意图(5) 选题与文科专业有关(5) 设计方案合理、可行(5) 制作量范围内的知识体系结构完善(5) 虚拟平台设计(30)有一定的实用价值(5) 启发引导性强、符合认识规律、有利于激发学生的学习热情和兴趣(5)友好的人机交互界面(5) 结构清晰、布局合理(5) 体现现场场景的生动性、真实性(5) 易于推广(5) 技术性(25)操作方便、灵活、交互性强(5) 充分利用多媒体技术(5) 自设计两较大(5) 用户环境友好、实用可靠、安全(5)平台运行稳定、无故障、响应及市(5) 艺术性(25)整体风格同一(5) 色彩搭配协调、视频效果好(5) 文字、图片、音视频、动画切合主题(5)设计有创新或创意新颖(5) 整体效果印象较好(5) 2、微课(课件制作)类作品评分标准 一级指标(分值)二级指标(分值)
网页设计比赛评分标准 1、内容30 分 10分是否有明确的主题、内容 10分内容健康向上、有时代感、信息的实时性 10分创意水平的高低 2、常规技术60 分 5 分整体视觉效果:整个网站在设计上是否统一和谐 10分美工设计:页面的美工设计含量 5 分页面布局:页面的布局是否合理、美观 5 分页面易用型:用户使用时是否方便 5 分内容可扩充性:添加一个栏目或更新内容时是否方便 5 分页面兼容性:在各种浏览器各种分辨率下是否能正常运行 5 分内容充实:网站内容对用户的吸引力 3 分内容分类结构:整个网站的内容分类是否清晰完整 2 分独家内容比例:网站的内容在网上是否属于独家 3 分数据积累:是否有大量的资料性和内容积累 2 分浏览速度:浏览时额定速度 2 分可修改性:对整个网站进行修改时是否方便 3 分技术含量:网站整体的技术评价 5 分动静搭配:动与静的搭配合理,动而不乱,静而不僵 3、多媒体技术10分 10分有体现自己作品主题的风格特色的动画(flash、gif) 平面设计部分评分标准: 1 .图形图像(15分) 将创意思想以图形图像的方式,运用常见的表现手法表达出来(概括、具象、抽象、漫画、装饰、符号化),体现出一种视觉的冲击力。 2 .色彩搭配(15分) 根据自己网站的内容,运用一些符合自己页面内容的色彩,创造和谐、完整、连续的色彩效果。注意色彩带给视者的心理效应。 3 .文字设计(15分) 以汉字为主要设计元素,可以辅助一些英文,根据设计主题的需要选择合适的字体,可有多种。根据文字编排的基本规律和构成方法,促进文字信息的有效传达。 4 .版式设计(15分) 通过版式设计将你自己个人网站的信息迅速、准确地传达出来,应注重个人风格在版式设计中的体现以及统一与变化的相互关系。 5 .动画设计(15分) 至少制作一个动画。可以自由选择GIF动画或FLASH动画中的一种作为你个人网站的动画格式。动画设计元素的选择和变化要与网页主体风格一致。 6. 设计说明(10分)
试卷:共 1 页 第 1 页 适用年级、层次、专业:14级、本科、软件工程、物联网工程、网络工程专业 课程名称:《网页设计》 A 卷 考试形式:□闭卷 █开卷 □笔试 █机试 考试时间:一周(第15周) 试卷总分:100分 一、网站制作题(共计 100 分) 说明: 1. 请考生将所有文件都存放于站点文件夹中,站点的首页以index.html 命名存放于站点总文件夹中,将站点文件夹打包,最终上交打包文件即可。作业包命名方式,“学号+姓名”命名。 2. 大作业提交时间:第15周。 要求: 1. 主题自选,企业网站,技术博客,个人博客,兴趣爱好者论坛,学习网站,个人简历式网站等。 2. 可以使用框架、iframe 、DIV+CSS 布局技术,不推荐使用表格布局。 3. 站点结构清楚、完整,页面至少要有4个页面(首页,子页,注册页,站点说明页等),多个子页的可以使用相似布局。其中,“站点说明”页面简要说明本站点的设计过程、站点的功能、站点所用到的主要结构元素、创新点等。 4. 网站有一定的静态交互内容页,如留言板页面,注册页,搜索等。 5. 代码规范,命名合理。页面内容丰富、主题明确、色彩协调、结构清晰,图片、Flash 对象等符合主题。 6. 作业提交时应将整个站点打包,有提供网络地址的,请将地址附在站点内的记事本中。 7. 创新分项: a) 使用Spry 构件、JavaScript 相关技术的加分; b) 注册页有验证的加分; c) 给出网络地址并能正常使用的加分; 二、评分标准 广东科技学院2015-2016学年第一学期《网页设计》期末考试试卷(A 卷) … … … … …… … … … ……装……………… … …… … …………………订………… …… … … … …… … 线 … …… … … … …… … … … … (装 订 线 外 请不要 答题 )
网站开发技术课程设计报告 题目:兄弟依旧 专业: 班级: 学号: 姓名: 老师: 成绩:_____________________
一、网站设计要求 ?站点题目:自定 ?具体内容自行设计; ?具体要求: 按照Fireworks作效果图—〉切图—〉页面布局的过程进行; 须提交完整的Fireworks页面效果图; 必须用CSS+DIV页面布局; 页面中必须包含JavaScript编程; 页面中必须包含Flash动画(须提交Flash源文件.fla); 二、信息等相关素材收集 基于设计网站的的要求,其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题,再加上其内的色彩调用,很会让人为之动容并有一种身临其境的感觉。 三、个人网站的总体规划和步骤 1、设计的目的 又一年毕业季,又是一个让彼此动容的季节,在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。 2、设计布局 在网站的右上角有一个音乐播放器,重复播放着BEYONGD的代表作(光辉岁月),在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题,并在其下方有一个用户登录栏,主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程 首先选定本网页制作工具是网页三剑客:Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3
东北大学继续教育学院 网页制作试卷(作业考核线上) A 卷学习中心: 院校学号:姓名: (共 6 页) 一、选择题(请将所有正确答案写到答题卡中,每小题3分,共60分) 有,答,案,q,q,49 6 90 15 84 1 . 以下关于FONT标记符的说法中,错误的是( ) A. 可以使用color 属性指定文字颜色。 B. 可以使用size 属性指定文字大小(也就是字号)。 C. 指定字号时可以使用1~7 的数字。 D. 语句这里是2号字 将使文字以2号字显示。 2 . 下列()不属于CSS的语句三个基本组成部分。 A. 选择符(selector)
B. 容器(box) C. 属性(properties) D. 属性的取值(value) 3 . 关于鼠标经过图像,下列说法正确的是( )。 A. 鼠标经过图像的效果是通过HTML语言实现的 B. 设置鼠标经过图像时,需要设置一张图片为原始图像,另一张为鼠标经过图像 C. 可以设置鼠标经过图像的提示文字与链接 D. 要制作鼠标经过图像,必须准备两张图片 4 . 保存文档后,按()键在浏览器预览效果。 A. F12 B. F5 C. Ctrl+Enter D. F4 5 . HTML的颜色属性值中,Black的的代码是( ) A. "#00FF00" B. "#008000" C. "#000000" D. "#005060" 6 . 如下所示的这段CSS样式代码,定义的样式效果是()。 A:link {color:#ff0000;} a:visited {color:#00ff00;} a:hover {color:#0000ff;} a:active {color:#000000;} A. 默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色 B. 默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色 C. 默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色 D. 默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色 7 . 在Dreamweaver中,下面关于层的说法错误的是( ) A. 层可以被准确地定位于网页的任何地方 B. 可以规定层的大小
宁波大红鹰学院 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)在主页中选择合适的文字或图像设置超级链接,其他页面中必须设置“返回主页”的超级链接,相关内容必须有返回相关主题内容的链接,浏览线路顺畅。
网页设计方案大作业设计方案说明书
《网页设计与制作工程实训》 大作业 选题名称:__伊人网的制作与体会________________设计人:___李薇_______________ 班级:__软件工程081班______________ 学号:__________________ 南昌大学软件学院 .元 设计说明书: 一.选题的分析 1.我是怎么想到做女性网站的? 作业刚布置下来的时候,我心里千回百转过很多念头,做什么网站能将我们学过的知识全部都用上呢?貌似除了作为模板教
案的购物网站就没有其它更好的选择了,可是继续做教案时学的淘宝或拍拍太无新意,不和我意。想来想去,还是没有中意的方案。可能是白天想这个想太多了,我晚上竟然梦到了我要做的,就是易物网站。不知老师是否记得一个曲别针换一个大房子的事,这就是我要做的易物网。终于得到了一个让我满意的方案,很开心。可睡醒了仔细一想觉得还是不行,可行性不大,于是我放弃了这个方案。当时已经是实训最后一天了,在结束实训的时候,我突然灵光一闪,决定做一个女性网站。 首先,一个女性网站针对了我的特点,是我想做的,也是我感兴趣做的。 其次,一个女性网站能够包括购物频道和bbs频道,能够充分将我学到的知识运用上去而又不免于流俗。 2.我要表示什么内容,如何展开设计? 打定主意便开始设计。这个女性网站是针对都市女性的网站,旨在在她们休闲的时候有个能让她们放松自我,同时得到很多对自己有用的信息。为了达到放松的目的,网站的主色调采用暖色系,主打粉色系,看上去温暖活泼时尚舒适,让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的,我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢?是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方,同时能在那浏览别人的故事,互相鼓励和帮助,还能交流日常生活<美容服饰等)的小信息。购物频道能让满足女性爱买东西的天
网页的评价标准 指标和标准 (1)创造性 ●选题和构思有独创性、有特色 ●版面和界面设计有新意 ●图标、图片、动画、视频的设计有较多的原创成分 ●文章大多数为原创内容 ●介绍新资料、新观点、新方法 (2)内容 ●内容丰富、完整 ●主题突出 ●用多种表现形式突出重点 ●文章行文流畅、易于理解 ●提供丰富的背景资料和相关参考资料,注明资料的来源和出处 ●没有错别字和繁体字 (3)导航、结构和链接 ●界面亲切友好,方便用户使用 ●网站结构清晰,采用模块化的结构,易于被用户理解 ●每一页都有明确清晰的导航 ●能够随机选择入口和出口,方便不同层次和需求的用户使用 ●提供背景资料和相关参考资料的链接,没有无效链接 ●内容易于检索 (4)制作水平 ●在动画、按钮等的设计中恰当地运用了比较复杂和高级的技巧 ●图形图片经过最优化处理,视频和音频材料经过压缩,载入迅速 ●运用菜单、图标、按钮、窗口、热键等,增强人机交互功能 ●用户可以选择是否运行或载入作品中的动画、视频、音频以及大的照片●可以选择用文本方式浏览 ●声音与画面同步 ●画面、声音无抖动、无明显的跳跃 (5)艺术性 ●界面美观 ●排版布局合理 ●图片、动画、视频色彩鲜明、清晰,生动形象 ●音乐与主题风格一致,能加强表现力 网页评价表
附录1. 美国发现频道学校推荐的学生网页评价标准(https://www.wendangku.net/doc/4f11301430.html,) (https://www.wendangku.net/doc/4f11301430.html,/~cfmgb/web.htm)
附录2. 缪斯奖评审表(网站设计) (https://www.wendangku.net/doc/4f11301430.html,/muse/webform.html) 注:缪斯奖是授予美国博物馆作品的权威奖项,用于奖励音像作品、多媒体作品、网站设计等方面卓有成效和富有创意者。首届缪斯奖于1989年设立,最初只评选优秀的音像制品,随着技术的不断进步,评选的对象也越来越丰富。目前参加评选的作品包括音像作品、多媒体作品、网站以及博物馆中的交互性活动项目。 博物馆名称________________________________________________ 登记的题目________________________________________________ 在观看与使用被评审作品前请先仔细阅读该作品的登记表。我们要求参加比赛的人员对
湖南涉外经济学院 《网页设计》期末大作业 设计题目:致我们终将逝去的青春 学号: 37 姓名:全新华 院系:文法学院 专业班级:汉语言文学1301班 指导老师:蒋桂莲 日期:2016年7月1日 1、页面设计分析 我设计的这个网页主要介绍的是我个人在大学生活的一个状态,作为一名大三学生,我想我们每个人都希望做这么一份个人网页,所以借着我们学习的这个机会,给老师同时也是给自己交一份满意的答卷,我相信这一份个人网页会成为我很珍贵的一份纪念。作为一个网站的首页,其页面应需要简单,明了,给人清晰的感觉。顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等,其logo可以是一张图片或者文本信息等;页面主体分为两个部分,页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结;其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面,都是自己青春的积累。页面主体右侧是个人信息以及闺蜜朋友的简单介绍,这些可通过页面顶部导航进入相应页面介绍,底部设有“友情链接”,链接了“百度”、“湖南涉外经济学院”、“360”等。。。。。。。。。。。。。 2、开发环境及软件 Windows10,Macromedia Dreamweaver 6,美图秀秀等 3、系统结构功能图、页面结构草图 3.1系统结构功能图 那些年我们一起疯狂的照片(二级页面)
那些年我们一起过的明星(二级页面)致我们终将逝去的青春那些年我们一起吃过的美食(二级页面)(一级页面) 那些年我们一起见证的青涩女孩(二级页面) 那些年我们一起拥有的青春故事(二级页面) 那些年我们一起追的狗血剧(二级页面) 联系——表单(二级页面) 3.2 页面结构草图 整个设计过程中都用的了css+div布局,整体为1400宽,600高,用头部、左侧,内容,底部的制作;如下图所示: 图1 css+div设计截图 4、页面制作过程; 4.1 主要界面 (1)主页 图2 主页截图 给出页面(body)的部分CSS 代码如下: body { margin: 0; padding: 0; background: #1B3266; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #181B20;} h1, h2, h3 { margin: 0; padding: 0; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: normal; color: #2483A6;} h1 {font-size: 2em;} h2 {font-size: 2.4em;} h3 {font-size: 1.6em;} p, ul, ol { margin-top: 0; line-height: 180%;} ul, ol {}
结课考核(期末考核) 作业提交方式: 将网站文件夹整体压缩打包,命名为:学号-姓名-网站名称,如:201615532 -王某某-环球时尚网 截止接收日期:12月10日前 选题及评分标准 完善学期初的设计,将其建设成一个至少20页的网站,按照制作水平给予学期末成绩。评分标准如下(可以将它看作网站制作的指导步骤):
附:网页制作指导规范(参考) 1、结构设计: (1)、物理结构 网站的物理结构是指网站在服务器上的目录结构。首页放在站点根目录,其他栏目网页放在各自栏目的目录中,目录只能以英文字母和数字来命名。另外,网站结构不要超过3层。 (2)、逻辑结构 网站的逻辑结构是指网页之间相互联接的拓扑结构。它是建立在网站的目录结构之上的,但可以跨越目录结构。 网站的逻辑结构一般有两种形式:树状链接结构、星状链接结构。 本次竞赛采用树状结构。要能够有效的组织起网站的内容,方便用户使用。 2、网站形象设计 网站内容的丰富性固然重要,但简洁明快、独具特色、保持统一的风格能够使浏览者产生深刻的印象,因此,设计内容与形式有机结合的“特色”才是网站成功的关键。 (1)、网站的标志设计 网站的标志可以是中文、英文字母、符号、图案,可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。 本次竞赛要求参赛者自制一个符合自己站点主题要求的标志。 (2)、网站的标准色彩设计 网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。本次竞赛要求网站的标准色彩不超过3种。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配、美观。本考点亦是得失分的关键点之一。 (3)、网站的标准字体设计 网站的标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。如果参赛选手想用其他字体也可以,但是不要在一个站点里运用多种字体。 (4)、网站的宣传标语设计 网站的宣传标语是网站的精神和目标的体现,可以用一句话甚至一个词来高度概括。可以用FLASH来体现也可以用图片来实现。 3、页面要求: (1)、控制页面的总规模。要想把网页做得精彩,内容必定要丰富,但不要把所有的