网页设计员职位说明书
一、职位名称:网页设计员
二、任职资格:
1.熟悉ASP/ASP.NET/php等编程语言,掌握ACC、MSSQL和mysql数据库
2. 应该一年相关工作经验,能独立完成网页布局、程序设计相关工作内容
3. 有很好的语言表达能力、沟通能力与技巧
4. 网页设计相关专业毕业
5. 有丰富网页设计和编程经验
6. 精通各类编程软件和汇编语言
7. 具有优秀的创意,一定的网页布局知识,较强的网页制作能力
8. 有良好的人际沟通能力,良好的工作协调能力,踏实肯干的工作精神
三、岗位职责:
1.公司网站建设
2.教学平台搭建与维护
3.配合网页美工制作单页
4.整合营销推广
四、工作要求:
1. 能够独立完成一个普通企业站点的制作(可以不包括程序)
2. 能够理解公司和主管的制作意图
3. 单页设计在两个小时内完成
4. 认真、正确地完成公司交办的技术方面的任务
5. 配合美工进行网站flash片头及动画的制作
6. 公司或主管提出问题能够及时正确且恰当的解决
7. 保护个人电脑不受病毒侵袭
8. 做好数据库备份
9.完成工作及时上报
五、管理结构:
直接上级:运维营销部主管
六、考核标准:员工考核+绩效考核
七、薪酬待遇:
带薪休假,请假或休假的天数从一个月中减除或延长
基本工资800元+岗位工资+补贴+绩效奖,在没有完成本月本公司布置任务的情况下,绩效奖扣除,但由于业务量太多而没有完成,按实际完成比例分配。
正式:
月基本工资1200+绩效奖+六险+岗位工资
注意:本职位说明书会随着岗位的调整而改变。
——网站设计说明书
网站名称:
姓 名:
班 级:
学 号:
上交时间:
任课老师:
一.制作该网站的理由以及设计思路:
我想高中时候的生活,大家都是很怀念的吧!我也不例外,我以班级为主题制作了这个网站,是想借这个网站来表达我的情感。现在想想:那个时候虽然学习紧张,但是我们都过得很快乐,很充实。我很怀念高中时候的生活,也很想念高中的同学,我真想时间就停留在那段时光,但是这是不可能的,所以,我就制作了这个网站,我希望当我或者我的同学看到的这个网站的时候,也能像我一样
很开心,很快乐。设计思路:其实想到以班级为主题以后,我就觉得应该有很多要写的,但是后来才发现好像也没有很多素材。我想把这个网站分为五个部分,分别是:首页,班级宗旨,关于学生,老师信息,关于学校。而我最想重点制作的部分,当然是关于学生这一部分了,所以我就把精力放在了这一部分。
二.制作流程:
1.首先要把制作这个网站所要用到的素材找出来,整理,放在相应的文件夹。
2.我先把网站的首页部分制作出来,然后就是把首页再复制一遍,把要删了的删了,再重新写入新的内容,这个就可以当作是链接的子不分内容,像“关于学生”这一部分,就是这样。
3.把其余三个部分的网页也制作出来
4.因为在“关于学生”这一部分有子链接,所以我就先制作“个人信息”,后来再在这个“个人信息”这一子部分链接了部分同学的个人信息。
5.最后把各部分的链接相应的写入。当然这个也是要有顺序的,我先把“个人信息”这一部分搞好,然后就是“关于学生”,最后就是四个部分的。反正就是由小到大。
三.代码
在制作的时候,我花的时间最多的是在做“关于学生”这一部分,所以我就想把这一部分的代码写下来,而这一部分的主要内容是“个人信息”,因为个人的信息全都是我自己写的,虽然在搞这个的时候我花了很多时间,但我还是很快乐,因为我一边写的时候,我就感觉回到了高中时候的生活。关于代码,我好像没有用JavasScript,因为我都是在Dreamweaver Cs3里面做的。下面就是代码: ----------关于学校---------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>益阳市箴言中学915班</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0px;
top:0px;
width:923px;
height:250px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:50px;
top:0px;
width:800px;
height:150px;
z-index:1;
background-color: #FFCCCC; }
#apDiv3 {
position:absolute;
left:50px;
top:0px;
width:800px;
height:100px;
z-index:1;
background-color: #CCFFCC; }
#apDiv4 {
position:absolute;
left:250px;
top:24px;
width:0px;
height:26px;
z-index:2;
}
#apDiv5 {
position:absolute;
left:50px;
top:23px;
width:800px;
height:49px;
z-index:2;
}
#apDiv6 {
position:absolute;
left:130px;
top:17px;
width:420px;
height:63px;
z-index:2;
}
.STYLE1 {
font-size: 24px;
color: #FF0000;
}
.STYLE2 {font-size: 36px} #apDiv7 {
position:absolute; left:672px;
top:71px;
width:178px;
height:29px;
z-index:3;
}
.STYLE3 {color: #FF6600} #apDiv8 {
position:absolute; left:50px;
top:100px;
width:800px;
height:550px;
z-index:4;
}
#apDiv9 {
position:absolute; left:0px;
top:100px;
width:10px;
height:11px;
z-index:5;
}
.STYLE7 {
font-size: 24px;
background-color: #FF6600; }
a {
color: #CCFF66; }
div {
color: #FF0000;
}
a:link {
color: #00FF00;
}
a:visited {
color: #0000FF;
}
a:hover {
color: #FFFF00; }
a:active {
color: #FF00FF; }
#apDiv10 {
position:absolute; left:200px; top:100px; width:650px; height:400px; z-index:5; }
#apDiv11 {
position:absolute; left:400px; top:131px; width:200px; height:51px; z-index:6; }
#apDiv12 {
position:absolute; left:300px; top:150px; width:200px; height:50px; z-index:7; }
#apDiv13 {
position:absolute; left:238px; top:202px; width:585px; height:388px; z-index:7; }
#apDiv14 {
position:absolute; left:200px; top:100px; width:650px; height:450px; z-index:8; }
#apDiv15 {
position:absolute;
left:700px; top:100px; width:150px; height:100px; z-index:9; }
#apDiv16 {
position:absolute; left:50px; top:500px; width:800px; height:100px; z-index:10; }
#apDiv17 {
position:absolute; left:586px; top:482px; width:146px; height:41px; z-index:10; }
#apDiv18 {
position:absolute; left:250px; top:200px; width:540px; height:50px; z-index:10; }
#apDiv19 {
position:absolute; left:237px; top:250px; width:552px; height:50px; z-index:11; }
#apDiv20 {
position:absolute; left:236px; top:300px; width:553px; height:50px;
z-index:12; }
#apDiv21 {
position:absolute; left:652px; top:450px; width:150px; height:50px; z-index:10; }
#apDiv22 {
position:absolute; left:50px; top:550px; width:800px; height:100px; z-index:11; }
#apDiv23 {
position:absolute; left:200px; top:100px; width:650px; height:450px; z-index:12; }
#apDiv24 {
position:absolute; left:202px; top:115px; width:300px; height:35px; z-index:13; }
#apDiv25 {
position:absolute; left:200px; top:117px; width:135px; height:33px; z-index:14; }
.STYLE16 {
color: #000000;
font-size: 24px; }
#apDiv26 {
position:absolute; left:415px;
top:125px;
width:85px;
height:25px; z-index:15;
}
.STYLE17 {color: #000000} #apDiv27 {
position:absolute; left:202px;
top:150px;
width:300px; height:150px; z-index:16;
}
#apDiv28 {
position:absolute; left:500px;
top:100px;
width:350px; height:200px; z-index:17;
}
#apDiv29 {
position:absolute; left:524px;
top:114px;
width:326px; height:36px; z-index:18;
}
#apDiv30 {
position:absolute; left:525px;
top:117px;
width:145px; height:33px; z-index:19;
}
#apDiv31 {
position:absolute; left:521px; top:172px; width:321px; height:44px; z-index:20; }
#apDiv32 {
position:absolute; left:527px; top:173px; width:131px; height:42px; z-index:21; }
#apDiv33 {
position:absolute; left:523px; top:150px; width:327px; height:50px; z-index:22; }
#apDiv34 {
position:absolute; left:200px; top:300px; width:150px; height:50px; z-index:23; }
#apDiv35 {
position:absolute; left:525px; top:114px; width:325px; height:116px; z-index:23; }
#apDiv36 {
position:absolute; left:512px; top:250px; width:3px;
height:10px;
z-index:23;
}
#apDiv37 {
position:absolute;
left:584px;
top:250px;
width:190px;
height:52px;
z-index:23;
}
.STYLE18 {font-size: 36px; color: #000000; }
#apDiv38 {
position:absolute;
left:200px;
top:316px;
width:650px;
height:199px;
z-index:24;
}
-->
</style>
</head>
<body>
<div id="apDiv22"><img src="image/旋转 03_01.gif" width="800" height="100" /></div>
<div id="apDiv23"></div>
<div id="apDiv24"><img src="image/无标题-1.jpg" width="298" height="35" /></div>
<div class="STYLE16" id="apDiv25">个人信息:</div>
<div class="STYLE17" id="apDiv26"><a href="网易邮箱 - 注册新用户.htm">免费注册:</a></div>
<div id="apDiv27">
<form name="mail" method="post" onsubmit="MailLogin.sendMail();return false;" action="">
<table width="300" height="131" cellspacing="0">
<tr><td width="68" nowrap><div align="center" class="STYLE17">用户名</div></td>
<td width="226" colspan=2><input type="text" id="yourname" name="yourname" value=""></td></tr>
<tr><td><div align="center" class="STYLE17">密 码
</div></td>
<td><input id="yourpw" name="yourpw" type="password" value=""></td></tr><tr><td></td><td><a href="c.html">登录</a> <button type="reset">取消</button></td></tr>
</table>
</form></div>
<div id="apDiv28"></div>
<div id="apDiv29"><img src="image/无标题-1.jpg" width="326" height="41" /></div>
<div class="STYLE16" id="apDiv30"><a href="ae.html">学生名单</a></div> <div id="apDiv31"><img src="image/无标题-1.jpg" width="329" height="44" /></div>
<div class="STYLE16" id="apDiv32"><a href="ac.html">班级干部</a></div> <div id="apDiv33"></div>
<div class="STYLE18" id="apDiv37">学生图片:</div>
<div id="apDiv38"><marquee behavior="scroll" direction="left" hspace="15" loop="-1" onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="1"><table border="1" > <tr><td><img src="image/2.jpg" / width="200" height="200"></td><td><img src="image/3.jpg" /width="200" height="200"></td><td><img src="image/4.jpg" /width="200" height="200"></td><td><img src="image/5.jpg" /width="200" height="200"></td><td><img src="image/6.jpg" /width="200" height="200"></td><td><img src="image/7.jpg" /width="200" height="200"></td><td><img src="image/8.jpg" /width="200" height="200"></td><td><img src="image/9.jpg" /width="200" height="200"></td><td><img src="image/10.jpg" /width="200" height="200"></td><td><img src="image/11.jpg" /width="200" height="200"></td><td><img src="image/12.jpg" /width="200" height="200"></td><td><img src="image/13.jpg" /width="200" height="200"></td><td><img src="image/14.jpg" /width="200" height="200"></td><td><img src="image/15.jpg" /width="200" height="200"></td><td><img src="image/16.jpg" /width="200" height="200"></td><td><img src="image/17.jpg" /width="200" height="200"></td><td><img src="image/20.jpg" /width="200" height="200"></td><td><img src="image/30.jpg" /width="200" height="200"></td><td><img src="image/40.jpg" /width="200" height="200"></td><td><img src="image/35.jpg" /width="200" height="200"></td><td><img src="image/37.jpg" /width="200" height="200"></td><td><img src="image/32.jpg" /width="200" height="200"></td><td><img src="image/21.jpg" /width="200" height="200"></td><td><img src="image/22.jpg" /width="200" height="200"></td><td><img src="image/23.jpg" /width="200" height="200"></td><td><img src="image/24.jpg" /width="200"
height="200"></td><td><img src="image/25.jpg" /width="200" height="200"></td><td><img src="image/26.jpg" /width="200" height="200"></td><td><img src="image/27.jpg" /width="200" height="200"></td><td><img src="image/28.jpg" /width="200" height="200"></td><td><img src="image/29.jpg" /width="200" height="200"></td><td><img src="image/36.jpg" /width="200" height="200"></td><td><img src="image/38.jpg" /width="200" height="200"></td></tr></table></marquee></div>
<bgsound src="music/周杰伦 - 回到过去.mp3" loop="-1" />
<div id="apDiv3"></div>
<div class="STYLE1" id="apDiv6">
<marquee behavior="scroll">
<span class="STYLE2">和谐的班级,我们的家园</span>
</marquee></div>
<div class="STYLE3" id="apDiv7">欢迎您进入本班的网站!</div>
<div id="apDiv8">
<table width="150" height="450" border="0" cellpadding="0" cellspacing="0" bordercolor="#ECE9D8" bgcolor="#FFCCCC">
<tr>
<td><div align="center" class="STYLE7" bgcolor="#FF6600"><a href="#//已完成的作品.html">首页</a></div></td>
</tr>
<tr>
<td><div align="center" class="STYLE7"><a href="aa.html">班级宗旨</a></div></td>
</tr>
<tr>
<td><div align="center" class="STYLE7"><a href="ab.html">关于学生</a></div></td>
</tr>
<tr>
<td><div align="center" class="STYLE7"><a href="ad.html">老师信息</a></div></td>
</tr>
<tr>
<td><div align="center" class="STYLE7"><a href="az.html">关于学校</a></div></td>
</tr>
</table>
</div>
<div align="center"></div>
</body>
</html>
四.心得体会
在制作的过程中遇到了很多困难,不过,还好,我终于把这个网页做好了,虽然里面的内容很单调,但我还是在用心做。尤其在做那个“关于学生”这一部分的时候,我用了表单,不过我就是做不出那个效果来,我很想像别人那样只要输入一个用户名和密码,然后点击进入,你就可以进入到你想要的页面,但是我就是做不到,所以我只好把那个“个人信息”的链接搞到“登录”那里。至于这个网站里面的内容,我就觉得好像没有什么花样,一般而言就是图片还有文字,没有弄其他是东西。虽然知道做网页要简单明了,但我自己认为还是太简单明了了。我做这个所用的软件是Dreamweaver Cs3,所以做起来还算好,不过如果要我用EditPlus做,我想我可能做不了多少,我觉得我在网页设计这一方面很欠缺,不知道是不是我没有看书,还是我想不到好的点子。有时候,我看别人做的,他们还用了代码,我就觉得他们都好厉害的,我根本就试都没有试过。记得一位同学对我说过,其实那个东西很简单,你只要稍微了解一下,一般还是会做的。我也相信我会做到的,所以我就对自己说,把这个做完了,我要试着用EditPlus来做我已经做好的这个网站。
题目:走进宁夏专业班级:09级计算机科学与技术1班姓名:XX学号:XX指导教师:指导教师成绩:摘要【摘要】本网页主要用HTML语言…
网页设计说明书班级文管1003班学生姓名**学号***20XX年12月选题分析我们学习就是为了获得知识,此次运用Dreameave…
设计要求网页设计设计说明书姓名徐亮学号20xx0560118班级07广告设计指导教师孙俊国完成日期目录第1章漂流旅游网站的规划11…
网页创意说明书姓名学号班级专业田谷0931011909网络技术信息系网络技术1目录第1章无冬之夜网站的规划11网站整体规划错误未定…
天津国土资源和房屋职业学院说明此内容之前有1封面2扉页3设计情况简介4目录正文部分的文字说明必须与所设计的网站实际内容严格对应如果…
网页美工与广告设计题目姓名学号班级指导教师完成日期设计说明书歪歪蛋创意生活网站美工的设计与实现王丹20xx118012410图文孙…
题目:走进宁夏专业班级:09级计算机科学与技术1班姓名:XX学号:XX指导教师:指导教师成绩:摘要【摘要】本网页主要用HTML语言…
毕业设计说明书计算机与软件学院设计课题专业班级学生姓名学生学号指导教师共40页第1页目录第一章前言411课题来源412网站开发项目…
网页设计说明网站主题是个人网站晚安日记娜娜心情小窝整个网站分为一个主页6个超级链接包括博客相册个人简介分享视频留言板注册一表格定位…
宁波大红鹰学院信息工程学院网页名称专业名称班级名称姓名学号完成时间网站设计说明书宁波大红鹰学院图书馆主页设计计算机科学与技术计科5…