第一篇:网页设计规程
东营市第三届残疾人职业技能竞赛规程
WWW网页设计
一、竞赛目的本项目的竞赛目的是给参赛选手提供一个平台,来展示他们设计和制作网页的技能和才能,展现他们的创意和对美的理解。
二、竞赛任务
根据大赛的要求,使用网页三剑客、Photoshop等制作工具,利用大赛提供的网页素材,制作一个旨在于宣传、报道的网站。
三、竞赛要求
1、所有参赛人员不得携带任何存储及连接互联网的介质进入赛场
2、参赛选手如需要特别开发用具的可在赛前24小时向参赛委员会提出申请
3、竞赛组委员会有权利在必要时对任务及分值相应调整,并拥有对评分标准最终解释权
4、进入考场后须保持安静,竞赛过程中参赛选手不允许相互交流,不可大声喧哗。
5、竞赛前有15分钟解压缩和浏览素材的时间,正式竞赛时间为180分钟。
6、竞赛过程中如发生机器故障,需向现场技术人员报告,故障中断时间不计;选手如有与试题内容相关的问题一律不得向大赛工作人员询问。
7、竞赛结束,参加选手立即存盘,不要关闭计算机,留下全部比赛下发的文档,在现场工作人员的指挥下退场。
四、竞赛时间
180分钟
五、竞赛设备
微机系统:Windows XP + IIS 5.0(以上版本)
使用软件:Office 完全安装(包括FrontPage、Access)、网页三剑客2004或者MX(Dreamweaver、Fireworks、Flash)、Photoshop 7.0 以上、文本编辑器、解压缩工具、浏览器:IE 6.0以上
六、竞赛评分标准:
(一)页面(20分)
(二)层次(20分)
(三)图片(20分)
(四)技术(25分)
(五)简单动态网页编程能力(15分)
七、注意事项
1、考试期间不得大声音喧哗,不得相互商量,不得调换座位。
2、如有选手在软件方面有特殊需求,请在5日内提前通知竞赛组委会,以便于软件的准备(仅可提供公用性的工具软件)。
3、不得使用外部设备传递考题,考题不得带出考场。
第二篇:网页设计大赛
软件职业技术学院 网页设计大赛
策
划
书
策划单位:社团联合会策划部
策划时间:2014年3月
一、大赛主题:
知识源于创作,网页来自新颖
二、大赛背景: 在网站搭建中网页的设计往往发挥着非同凡响的作用,一个网页做的好坏直接影响到能不能吸引访客驻足的时间长短。同时访客多少同时又是体现设计水平的高低。
三、大赛目的:
通过本次网页制作比赛,旨在丰富同学们的课余生活,活跃同学们的思想,拓宽视听范围。体现大学生朝气蓬勃积极向上的精神状态,培养挖掘设计类与审美类人才,提高同学们对于独具想法、审美设计、统筹规划、技术操作、语言组织能力等。
四、大赛宗旨:
让网页更有魅力
五、比赛时间:
2014年5月 日-2014年5月 日
六、比赛地点: 软件楼116
七、活动对象:
软件职业技术学院全体12、13级本专科学生
八、比赛项目:
网页设计大赛
九、报名办法:
请各班同学于5月 日将职业规划发送到指定邮箱:
十、活动流程:
本次大赛分为初赛和决赛两个阶段进行 1)初赛阶段:
从下发通知时开始投稿,截止到决赛前9天,再由大赛组委会交于相关评委老师评审,决出决赛选手名单,赛前一个礼拜公布决赛选手名单,进入决赛的选手(12位)
2)决赛阶段:
环节一:需要对初赛作品进行优化,并现在场的观众展现决赛成果。
环节二:抽取操作题,并向在场观众展示实现操作(限时1分钟)。
十一、奖项设置:
第一名:奖励 +荣誉证书 第二名:奖励 +荣誉证书 第三名:奖励 +荣誉证书
最佳创意奖:奖励 +荣誉证书 最佳潜力奖:奖励 +荣誉证书
十二、备注:
1、网页数量不低于10张、且采用不低于8中构造手法。
2、网页路径都采用绝对路径。
3、网页必须原创,一经发现拷贝痕迹立即取消参赛资格。
4、网页主题必须选自:家乡美、学院十周年、个人show等
软件职业技术学院社团联合会
2014年3月29日
第三篇:网页设计合同
精诚奋进 为您着想
网 站 制 作 合 同
甲方:
乙方:
甲方为树立形象,扩大宣传,拓展网络渠道,委托乙方策划、设计、制作网站。为明确双方责任,经双方友好协商,根据相关法律,双方达成以下协议并承诺共同遵守。
第一条 乙方为甲方开通制作网站,网站制作时间为
日,本合同有效期为 年。合同履行期限按照工作进度决定,经双方协商一致,可以延长该期限。
第二条 甲方采取 型制作方案。甲方应付乙方费用合计人民币
元。(大写): 元整。合同签定时支付¥
元。(大写): 元整,余款验收合格后支付。
第三条
网站完成后,乙方必须保证甲方推广宣传内容在提供图片和资料后两天内制作完成和更新。以后每年维护费用为¥
元,(大写): 元,(含域名、电脑版及手机版网站维护费用。网站收费推广项目另计。)
第四条
双方的基本权利和基本义务
1、甲方的权利和义务:
1)为乙方提供网站所需材料及图片等,并保证材料完整、图片清晰,文字材料应为电子文档。
2)网站内容应当符合国家法律规定和社会公共利益。3)按本合同约定支付费用。
2、乙方的权利和义务:
1)按照甲方提供的材料按时完成主页的制作。2)应在主页中注明该站由乙方制作。3)依合同收取费用。
第五条 甲方承诺,向乙方提供的内容、资料等不得侵犯任何第三方的权利;
精诚奋进 为您着想
若发生侵犯第三方的权利的情形,由甲方承担全部责任。因甲方在使用本合同标的时给第三人造成损害的,由甲方自行承担责任。本合同的签署意味着甲方授权乙方在履行本合同时可以使用甲方的名称、商标、域名、企业标志等,但此等使用不能损害甲方的利益。版权属于甲方所有。
第六条 遭受不可抗力、意外事件的一方全部或部分不能履行、解除或迟延履行本合同的,应将事件情况以书面形式通知另一方并向另一方提交相应的证明。本合同所称不可抗力、意外事件是指不能预见、不能克服并不能避免且对一方当事人造成重大影响的客观事件,包括但不限于自然灾害如洪水、地震、火灾和风暴等以及社会事件如战争、**、政府行为等。
第七条 双方当事人对本合同的订立、解释、履行、效力等发生争议的,应友好协商解决;协商不成的,双方同意向当地仲裁委员会提交仲裁并接受其仲裁规则。本合同的终止、撤消、无效不应影响约定的效力。
第八条 本合同经双方授权代表签字并盖章,自签订日起生效。本合同一式两份,双方当事人各执一份,具有同等法律效力。合同附件作为本合同不可分割的一部分具有同样的法律效力。
甲方(盖章):
乙方(盖章): 授权代表签字:
授权代表签字:
****年**月**日
****年**月**日
第四篇:网页设计总结
网页设计听课总结
网页设计的阶段性课程:
1、规划阶段(网站策划)
2、设计阶段(网页美工)
3、实施阶段(网页制作)
详细流程:站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布
从创建站点开始(学会搭建并定义本地站点)
规划站点结构的原则(用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构)搭建自己的网页文件夹 比如(images、midea等等)
创建站点文档(添加文件和文件夹、文件的管理)
HTML代码的基本结构(头部、主体):
….
…
设定meta内容(通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置)
设定页面属性(标题、背景图像、背景色、文本颜色、边距)
添加文本(插入特殊字符、设定文本属性、改变字体和尺寸)
换行快捷键:enter 和shift+enter(br式回车 紧凑型)
网页支持的图像格式:gif、JPEG、png等
图像在网页中自动变形后,可以按“重新取样”后改变图片的大小
底部水平线修改颜色:点击快速标签编辑器修改源代码即可(如:color=“green”)插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件
插入javaapplet元素(源代码:)
插入交互图像(翻转图片和导航条)
JavaScript 脚本语句:
设置滚动文字属性:在滚动文字前加上
鼠标指向时停止滚动命令:onmouseover=“this.stop()”
鼠标离开时开始滚动命令:onmouseout=“this.start()”
在滚动文字结束代码的最后写上:
例如:
网页链接:绝对路径(http://)
相对路径(相对于同网站下的链接b.htm)
根路径(a.htm)
内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码:
邮件链接:(mailto:邮件地址?subject=网站意见反馈&cc=邮件地址)
例如:mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com
锚链接的使用方法:先在头部抛锚,然后在页尾链接到锚点(在目标处写:#top)源代码如下:返回头部
图像的热点:在一张图片的不同地区选择新的链接。
脚本链接:例子:关闭窗口的链接:JavaScript:window.close()
表格的应用:新增表格、表格的属性设定
学会用fireworks切片,并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:
表格的绘制:(绘制表格、绘制单元格)扩展、标准、布局
快捷键:ctrl + :放大ctrl-: 缩小
做好切片及排版
制作表单:(什么是表单?客户端填写表单(提交反馈)服务器端处理表单、加入空白表单、设定表单属性)
表单动作:(表单内容发到邮箱)mailto:xxx@163.com &cc=xxx@163.com
文本域、单选按钮、复选框
源代码:
id=”leftFrame“ title=”leftFrame“ />
添加浮动框架: 使用浮动框架(制作浮动框架、设置浮动框架属性、制作浮动框架链接)
属性的设置源代码:
制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架,并制作框架页面间的链接。模板的应用:模板的功能 什么是模板 为什么用模板(方便制作及更新)
创建模板(根据已有文件建立模板)文件菜单下:另存为模板„
定义可编辑的区域
库的建立及应用 库的建立(什么是库?为什么使用库?)便于局部文件的修改
1、建立库
2、应用库
3、更新库
层的使用 创建层 设置层属性(选择层 改变层的大小 移动层 排列层)
插入层的html语句:
层是属于CSS样式表的一种定位技术
作用:直接使用层排版、利用层来设计表格(层和表格可以互换)、使用层溢出属性 控制当层的内容超过层的大小的时候就要用到层的溢出属性(类似滚动条效果)
溢出属性的选择有四种:
1、visible(可见的)
2、hidden(隐藏的)
3、scroll(滚动效果)
4、auto(自动)
行为(什么是行为/动作/事件 选择对象 添加动作 调整事件)
行为的应用:制作弹出信息窗口、制作打开浏览器窗口、播放音乐(实现背景音乐)在html语言中添加背景音乐:
其中的(loop=”-1“:指的是无限循环)
设置状态栏文本 针对输入文本框的行为事件“点击”是:onfocus
不在文本框的行为事件是:onblur
控制flash的播放 先给flash命名 然后在下方设置控制播放的命令 给名字设置空连接(空
连接的目标为:#)
检查表单 对按钮实施行为事件
转到URL
交换图像
显示弹出式菜单
检查插件(新建文字 指向空连接 然后设置行为属性即可。)
检查浏览器(在IE流行的现在时代,一般不使用)
改变属性(例如改变图片的边框属性 如:border)
拖动层的效果(拖动层要对整个页面进行实施)
设置显示隐藏层(例如:鼠标划过时出现图片,离开时消失)
设置层文本
制作时间轴动画(层的漂浮效果)Fps:帧速率 在路线中添加关键帧
控制时间轴(鼠标经过停止、鼠标离开浮动)
常用事件:onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手动安装插件:扩展对象、扩展命令(对于鼠标跟随的效果,字体的设置直接在CSS样式表中)、扩展行为
2、自动安装插件(使用插件管理器):Dreamweaver中的标准插件后缀名为:*.mxp去adobe网站找插件。主要包括:扩展对象、命令、行为
预览和出版:检查网站中的错误链接、检查某个html页面的链接错误
Dreamweaver课程总结:
1、建立站点、维护站点
2、页面构成元素:文字(特殊字符)、图片、表单、多媒体(embed、marquee、bgsound)、头信息的加载
将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,在Html中的<head>部分加入如下的代码:
第五篇:网页设计心得体会
网页设计总结和展望
这个学期的网站建设和网业设计课程,以教学和实践结合在一起,对于我们学生来说,既能提高我们的学习兴趣,又能增强我们动脑、动手能力,通过网络运用网络资源,结合教材及老师的指导,设计出有自己风格和个性的静态网页。通过这一学期的学习,我提高了各方面的能力: 一.实践能力
作为网页设计的菜鸟,我对网页设计非常感兴趣,以前曾经就想过设计出一个想新浪一样的网页,但是因为学习繁忙和对相关知识不懂就只好不了了之。这个学期的网页设计课让我得以学习自己感兴趣的内容,在这样动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创新能力和动手能力,使我真正学到了网页设计的知识。
二.提高团队合作能力
由于要设计一个比较综合的静态网页,老师要求我们以小组的形式完成,所以我们组合成以六人为一小组,方驰为小组组长的小团队。经过我们小组的各成员的投票,决定出了以弄街舞为主题的静态网页。而后,我们明确了目标:做一个老师满意的静态网页。于是组长给我们分配了各自的任务,弄网页的过程中,我们一起讨论网页样式和网页风格,大家一起集思广益,有时候为了弄网页而熬夜,虽然挺辛苦,但是还是乐在其中。我们的关系也因此逐渐变得更加融恰。通过这一学期的团队合作,我体会到了团队合作的重要性和必要性。
三、提高网页设计水平
在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。在这个过程中,我通过上网查询看网页制作视频,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,虽然在设计过程中也出现了很多的问题,但通过百度搜索和请教同学等方式,不断的学习、反思、总结、提高,我的网页设计水平相对于刚开学的时候有了一个质的变化。四.不足之处
虽然老师讲课讲得很细,但是因为没有属于自己的电脑,所以本来已经掌握的东西因为不经常去操练,逐渐变得手生,甚至忘记一些步骤,我也因此体会到了实践是很重要的。