2010年南通市职业学校技能大赛-网页设计与网络建设.doc

2010年南通市职业学校技能大赛网页设计与网络建设一、前期准备和基本约定1注意本次竞赛主要为网页设计，但选手需自行制作网线，完成两台电脑的互联；2素材资料所在位置网页所需的全部文字、图片素材都位于D盘中的“网页素材.rar”文件中，文件解压缩密码为“avatar-cameron”。3. 作品保存选手需在标识为“B” 的计算机中安装好Windows server 2003或Linux虚拟机，未尽事宜详见赛场通知。注意：学生如使用PHP进行开发，需自行安装Apache和MySQL，安装包等其他问题详见赛场通知。制作时网站本地保存位置自定，但最终要发布在标识为“B” 的“Windows Server 2003”或者“Linux”虚拟机上。站点文件夹中建议只包括主页文件（如index.html、index.php、index.asp）、文件夹html、css、images、admin、database、filesupload、others、系统自动生成的文件和文件夹（如模板、库文件夹等）以及source文件夹；html中存放除首页外的前台页面；文件夹images中存放主页用图片和其他页面公用图片素材；文件夹admin中存放与支持后台管理相关的文件和文件夹；文件夹database中存放数据库文件；文件夹filesupload中存网站上传的文件；文件夹others中存放除以上文件外的其他所有文件和文件夹；在文件夹images、admin、others中可以自建子文件夹；除以上规定的文件和文件夹外，其他的文件和文件夹名称自拟，但文件和文件夹名称只能以英文字母、阿拉伯数字、下划线命名。若提供的素材是中文名称，需按要求改名后再使用。4. 内容与主题主题为：和谐苑社区我的社区我的家；根据网站建设需求文档，按照网站建设标准流程分析、设计、制作及发布网站；网站主题突出、布局合理、风格统一、结构清晰、规范；色彩使用搭配合理、美观；设计新颖、有创意。网站制作要求1 在系统默认设置状态下制作网页，不许修改系统状态；页面中不得显示或暗示参赛选手的真实身份（如市、学校、姓名等），不得包含违法内容、不健康内容，否则成绩作废；比赛中只能使用大赛提供的素材，或者自己现场制作、加工的素材。参赛选手请仔细阅读“网站建设需求文档”，在比赛开始后的第一个小时内根据需求文档完成“网站首页美工图”，打印并交给比赛现场工作人员。网站的制作必须严格按照美工图实现。注：打印纸上要注上参赛组号。网站页面兼容1024*768和800*600的分辨率；未用到的素材不可以放到站点文件夹下，站点中避免存放未使用的孤立文件； 各页面均要有标题设置，与正文不符等同于未设置；比赛结束前，要求将站点文件夹结构截屏打印（不打印下一级文件夹）。参赛要求进入比赛现场后须保持安静，比赛过程中参赛选手活动范围仅限于本组座位范围内，只允许本组内交流，不可大声喧哗。比赛前有15分钟解压缩和浏览素材的时间，正式比赛时间为180分钟。比赛过程中如发生机器故障，需向现场技术人员报告，故障中断时间不计；如有其它问题选手一律不得与大赛工作人员直接交涉，须在赛后向所属市领队汇报，并由领队向大赛组委会提出陈述。比赛结束，参赛选手立即存盘，但不要关闭计算机，留下全部比赛下发的文档，在现场工作人员的指挥下退场。二、网站建设需求文档网站主题：和谐苑社区我的社区我的家网站宗旨：社区是目前社会组成的重要组成单元，为了相应国家“关注社区建设构建和谐社区”的号召，利用社区网站提供社区服务、社区文化、社区稳定、居民自治和党的领导。网站栏目：社区概况、社区动态、社区党建、社区服务、社区互动、分类信息。结构关系图：自由组合，具体见下，但必须包括：用户登录、警民联系卡、投票（两个）、友情链接、底部信息网站首页组织结构社区简介社区概况社区动态社区公告社区新闻社区活动社区党建网上党校党员之家组织建设常用电话志愿者之家社区服务站社区服务居民来信主任信箱社区互动中介服务商业服务其他类分类信息美食餐饮 商场超市 便民家政 医疗医药 娱乐休闲 教育培训 运 动 健 身置换转让 拼 车 信 息房屋出租 房屋出售 房屋求租 房 屋 求 购 网站需提供完整的后台管理功能，在首页相关底部信息栏设置后台管理入口链接，管理员通过用户名和密码登录后方可进入后台，后台应提供栏目管理、信息管理、用户管理、网络调查管理、友情链接管理、分类信息管理等功能。网站必须成功发布，否则按零分处理。一、 前台页面300分1. 网站Logo及页面效果（满分45分）: 选手从提供的素材中选取适当材料，根据提供logo或进行适当的二次设计。页面效果，Logo与色调应能体现网站主题，结构清晰，美观大方。选手只能使用提供素材，利用大赛提供处理工具制作素材，不能从其他途径采用素材。选手对应根据需要提供原始素材进行取舍和加工，不需要使用所有图片素材。2. 页面样式及布局（满分10分）：所有页面应能适应1024*768。在网站images文件夹下新一个样式表文件style.css，多个页面共用样式表文件“style.css”，多个页面布局和样式应基本一致。3. 首页（满分25分）：建议包含：社区公告、社区新闻、社区活动（显示为单张图片）、 社区党建、分类信息（分类提取）。上述栏目的信息标题都应能正确链接到信息阅读的页面，点击后在新窗口打开信息阅读页面。栏目使用“更多”或“more”图标的形式，链接到相应栏目页面。当鼠标移至链接上方，应有“点击查看更多”文字提示。参考图片见图片参考类文件夹（仅参考格式，与图片内容无关）必须包含：主任信箱、用户登录、警民联系卡、投票、友情链接（两个）、底部信息导航:导航条应包括上文结构图所有一级栏目。导航链接能正确跳转到对应栏目页面,如有三级页面应能从二级页面跳转到三级页面。每个页面均能返回首页。底部信息：参考以下内容友情链接：在页面尾部合适位置，使用下拉列表的方式实现以下地址的友情链接： 百度搜索 谷歌搜索/ 人民网下拉列表第一条数据显示“=友情链接=”，其余选项显示上述站点的名称，选中列表中对应站点，能在新窗口中找开该网站。投票、警民联系等均可参考“图片参考类”文件夹图片内容和格式。4. 栏目（满分120分）：1、 社区概况（10分）：包含：社区简介 组织结构由于社区简介和组织机构不含信息列表，故建议点击社区概况，直接显示社区简介。左栏显示社区简介和组织机构两个链接，点击左栏链接将分别显示社区简介和组织结构（区别于信息列表）。2、 社区动态（20分）：包含：社区新闻 社区公告 社区活动要求左栏为栏目链接，右栏为信息列表，其中社区活动右栏要求为图片列表，内容见word文档，图片设立超链接到具体信息页，内容随意自拟。每个栏目中信息按添加时间排序，最新添加显示在最前端。显示标题，发布时间，阅读次数等信息，数据实行分页显示，每页显示10条记录（图片列表只需列表分页。不需要发布时间等信息）。 3、 社区党建（20分）：包含：组织建设 党员之家 网上党校要求左栏为栏目链接，右栏为信息列表。每个栏目中信息按添加时间排序，最新添加显示在最前端。显示标题，发布时间，阅读次数等信息，数据实行分页显示，每页显示15条记录。4、 社区服务（10分）：包含：社区服务站、志愿者之家、常用电话格式与社区概况类似，即右栏为具体信息，直接显示。5、 社区互动（20分）：包含：主任信箱 居民来信，格式详见图片。其中，主任信箱，主任可通过用户名密码在后台查看来信信息。居民来信页面为来稿列表，可以通过页面“居民来信”按钮留言。6、 分类信息（40分）：（用户进行注册，根据类别发布信息）二级分类1商业服务：美食餐饮 商场超市 便民家政 医疗医药 娱乐休闲 教育培训 运动健身 二级分类2中介服务：房屋出租 房屋出售 房屋求租 房屋求购二级分类3其他类：置换转让 拼车信息 要求左栏为二级分类栏目连接，右栏为信息列表。信息标题之前应包含信息属性，如房屋出租xxx小区8栋楼508出租。左栏的二级分类栏目连接点击之后，可以链接到对应的三级栏目页面，也可以放在同一页面，还可以单击栏目，出现三级栏目的下拉菜单链接。注意：1) 上述六个二级栏目的数据应从写入数据库，并可以在后台修改。所有信息应能正确链接到信息阅读页面，选手应根据“网站素材”文件夹提供的相应素材，在后台中给每个栏目添加测试数据。2) 栏目页面应显示导航信息，您当前的位置：首页社区党建组织建设3) 上述栏目的信息标题都应能正确链接到信息阅读的页面，点击后在新窗口打开信息阅读页面。4) 栏目应使用“更多”或“more”图标的形式，链接到相应栏目的二级页面。当鼠标移至链接上方，应有“点击查看更多”文字提示。5) 注意两个隐藏栏目，居民来信和分类信息的发布（都需要用户登录之后的操作）。其中居民来信格式见相应的文件夹图片；分类信息发布要求必须按分类发布，发布的内容和格式考生可以自由发挥，如商家名称、经营项目、商家图片、联系电话、过期时间等（不得少于5个属性）。6) 凡是涉及到xxx小区应还原为“和谐园小区”，其他未尽事宜以围绕主题和栏目发挥为主。5. 其他方面(满分100分)：信息搜索（20分）：能按标题、内容、和栏目大类进行搜索。当鼠标移动到文本框上方，显示提示“请输入关键字”，如果文本框中没有输入内容，弹出对话框“对不起，请输入关键字！”，否则跳转到搜索页面。并将文本框的输入以页面参数（URL参数）方式传递到搜索页面。搜结果列表显示，并能转到相应详细页面。用户登录（20分）：能提供输入用户名和密码进入用户登录后的页面。用户登录后能注销、发表意见建议等。能够提供用户注册按钮，点击注册能进入用户注册页面。用户注册（40分）： 显示注册条款（见素材“注册条款.txt”文本，用户点击同意按钮后才显示下列内容。用户注册时应提交以下信息：用户名必填；用户名只能是英文字母或数字；用户名不可重复；昵称必填；昵称不能重复；密码、密码确认必填；610 个字符；密码与密码确认必须一致方可注册；性别单选；出生日期年输入，月、日列表选择；文化程度列表选择，包括：博士、硕士、本科、大专、高中、初中、其他，列表第一项为“=文化程度=”；E-Mail文本框输入；要求验证E-Mail地址有效性，以是否含有字符为准；是否为商家复选框；提交和重置按钮。提交数据前需要按上述规则验证数据，如果不符合验证要求，则在对应位置显示错误信息；注册成功后弹出“恭喜注册成功，请等待系统管理员审核！”。比赛过程中要求选手注册一个以“test”为用户名，昵称为“和谐社会”密码为“test”的用户，并使用管理员帐号进行审核，否则影响比赛成绩。系统管理员能修改、删除或审核通过注册帐户。信息阅读页面 （20分）： 点击每个栏目二级页面信息标题，在新窗口中打开页面。显示内容包括信息标题，信息内容，以及发布时间、发布人、阅读次数等信息信息。信息阅读页面应根据信息所在栏目提供动态导航，如当前显示内容为社区党建栏目下的某条数据，则导航为“您当前的位置：首页社区党建组织建设信息阅读”，点击动态导航相应位置应能分别跳转到首页和对应栏目二级页面。在页面底部有“关闭窗口”和“打印窗口”链接，点击后分别关闭和打印信息阅读页面。重要事项 ： 1、 所有前台页面都要有导航和底部信息；2、 凡是提示内容为自拟的可自由发挥。3、 所有页面信息和任何自拟内容不得包括或隐含任何与选手学校和个人的信息，查实为有意行为的，直接按零分计算。如核实为无意行为的，扣除得分成绩的10%。二、后台管理模块需求说明400分1. 系统管理：（满分60分）登录与注销通过首页管理链接进入登录后台页面，登录显示如下信息：用户名输入框，密码输入框（要求以星号显示），“登录”和“重置”按钮。考生设置两个帐号：用户名：admin，密码:admin888；用户名：test，密码：test888；其中，test只能从事信息相关的操作，即不能能进行栏目添加修改和管理用户添加修改之外的操作。 输入用户名和密码验证：必须输入用户名和密码后，才能进行登录，否则在用户名和密码框右边显示“请输入用户名”或“请输入密码”的红色提示。登录成功后跳转到后台管理页面，并显示当前用户名和“注销”按钮，点击注销后跳转到登录页面。未登录或注销情况下如果直接输入后台管理页面地址，应跳回到登录页面。2. 栏目管理：（满分80分） 1、添加栏目：添加一级栏目(20) 2、管理子栏目：能添加二级或三级栏目、修改各个栏目、删除各个栏目(60)3. 信息管理：（满分80分） 1、添加信息：管理员可以添加信息，可以选择一级、二级或三级栏目添加信息的标题、内容，作者来自登录的用户信息，时间自动获取。(40) 2、管理信息：对各个栏目的信息能修改、删除(40)4. 用户管理：（满分30分）能对注册用户修改信息、审核用