工作任务2-网站项目设计-2学时

AI生成AI生成网页设计与制作教案授课教师授课班级授课日期课题网站项目设计计划学时2教学目标知识目标1.掌握网站总体规划设计的内容。2.熟悉网站建设的要点。3.熟悉网站建设要解决及注意的问题。能力目标1.能够撰写网站建设方案。2.熟练掌握网站建设的相关技术及工具。素质目标1.培养沟通技巧和表达能力。2.培养团队合作精神。教学重点1.网站总体规划设计的内容及网站建设方案的内容。2.网站建设阶段需要解决的问题（确定主题、确定网站定位、规划网站结构、确定网站设计风格）。3.网站项目实施的过程（整体形象设计、程序开发与网页制作、网站调试与完善、网站宣传推广、网站管理与维护）。教学难点1.网站建设方案的设计及网站建设方案示例的理解。2.网站结构规划（分层结构、线性结构、网状结构、数据库结构）的选择与应用。教学模式及教学方法讲授法、案例分析法、小组讨论法教学活动及主要环节素质培养【课前导学】预习教材"2.1网站项目设计基础知识"，了解网站总体规划设计及网站建设方案的内容。预习教材"2.2博客网站项目设计"和"2.3校园网站项目设计"，了解两种不同类型网站的项目设计过程。培养沟通技巧和表达能力。【课中践学】【情景导入】（约10分钟）1.教师提出问题：完成网站需求分析后，下一步需要做什么？引导学生思考网站项目设计的重要性。2.介绍网站总体规划设计是网站建设过程中非常关键的一步，是指依据需求分析报告确定网站需要实现的功能、网站开发软件、硬件环境、人力资源、时间、遵循的规则和标准等。3.强调网站建设方案需包含对网站总体规划设计的详细描述。培养团队合作精神。【项目实施】（约70分钟）（一）2.1网站项目设计基础知识（约35分钟）2.1.1网站总体规划设计网站总体规划设计是网站建设过程中非常关键的一步，是指依据需求分析报告确定网站需要实现的功能、网站开发软件、硬件环境、人力资源、时间、遵循的规则和标准等。网站总体规划设计还包括网站栏目设计、网站链接结构设计、数据库的概念设计、网站交互方式的设计等。2.1.2网站建设方案1.网站建设方案的内容网站建设方案通常包含以下内容：（1）客户分析；（2）网站建设的目标以及功能模块的设计；（3）网站形象说明；（4）网站的栏目和结构；（5）网站内容的安排以及相互之间的链接关系；（6）软件、硬件、技术说明；（7）开发时间进度表；（8）网站宣传推广；（9）网站维护；（10）制作费用；（11）公司简介。2.网站建设方案设计把解决问题的方法具体化、明确化，包括网站设计的风格定位、网站设计的整体性、关键技术的研究及应用、网站结构导航等内容。3.网站建设所需的技能（1）掌握HTML。（2）掌握CSS。（3）掌握JavaScript和jQuery。（4）熟悉后台数据库，如MySQL等。（5）了解电子商务领域的相关知识。4.网站建设阶段需要解决的问题（1）确定主题确定网站主题的方法：①根据网站建设目标确定主题；②通过分析目标受众确定主题；③通过分析竞争对手确定主题；④根据营利模式确定主题；⑤通过分析关键词确定主题；⑥根据卖点确定主题；⑦通过互动反馈优化主题。（2）确定网站定位网站定位主要包括：①企业定位；②产品服务定位；③市场定位；④客户定位；⑤技术定位；⑥内容定位。（3）规划网站结构①分层网站结构（树模型）：以主页为起点向下分支到二级、三级页面，是最常见的结构类型。②线性网站结构（顺序模型）：主页面和子页面线性连接，适用于页面数量较少的小型网站。③网状网站结构（网状模型）：主页面和子页面以网络形式相互连接，适用于电子商务网站。④数据库网站结构：使用自下而上的方式构建，从数据库中提取信息展示给用户。（4）确定网站设计风格5.网站建设需要注意的问题（1）网站主题与名称：网站主题与名称不需要完全一致，网站名称应能吸引注意力且符合主题。（2）素材类型：素材类型不一定越丰富越好，应根据网站主题、内容等而定。（3）素材的获取途径：主要有网络查询、实地拍摄或访谈等。培养沟通技巧和表达能力。2.1.3网站建设方案示例以某学校网站建设方案为例，介绍网站建设方案的撰写过程。1.网站建设方案（初稿）初稿包含网站建设的宗旨和目的、具体需求（网站特色、栏目、定期改版等）、费用开支预算。费用开支预算包括方案一（托管在学校服务器：管理方便、价格低廉，但抗风险能力差、对技术人员要求高）和方案二（托管在第三方服务器：根据流量选择专业服务器厂商，如阿里云、腾讯云等）。2.网站建设方案（终稿）终稿包含以下内容：（1）网站建设目的：为教学、科研、学习交流提供平台。（2）网站定位：面向在校师生及访问者，展示学校风貌，实现教科研管理和网络办公。（3）网站风格：页面采用现代感设计网格；颜色风格根据网站主题和情感选择搭配。（4）网站设计原则：一致性原则、易用性原则、高效性原则、可扩展性原则、安全稳定性原则、可移植性原则。（5）网站栏目设置：首页、学校概况、新闻中心、师资团队、教学资源、培训项目、培训成果、联系我们（表2-1）。（6）网站功能要求：栏目管理、新闻中心管理、培训项目管理、客服中心、学校简介管理、网站维护管理、访问统计、语言要求。2.1.4网站项目实施网站建设方案制作完成后，依据建设方案进行网站项目实施。1.整体形象设计包括设计标准字、logo、广告语等。首页设计包括设计版面、图像、动态效果、图标等。一般需要设计2~3个不同风格的首页供客户选择。2.程序开发与网页制作客户确认网站整体风格后，程序员根据后台详细设计进行编程，网页设计师制作网页。测试人员随时测试，发现问题反馈给技术人员修改。3.网站调试与完善网站初步搭建完成后上传到服务器，进行全面测试，包括速度、兼容性、交互性、链接正确性、程序健壮性、超流量测试等。4.网站宣传推广包括设置META标签的keywords、description属性，登录搜索引擎购买广告，在不同平台（如抖音、今日头条等）发布相关视频、文章等。5.网站管理与维护（1）及时解决客户反馈的问题，1~3个工作日内解决。（2）网站流量统计分析。（3）推广和使用所设计网站的网址。（4）网站内容的及时更新和维护。6.网站建设应遵循的规范目录规范、文件命名规范、接口规范、尺寸规范、连接结构规范等。培养团队合作精神。（二）2.2博客网站项目设计（约15分钟）2.2.1博客网站建站目的及面向群体1.建站目的建立个人博客网站是为了发表文章、抒发情感、分享学习资源、展示个人生活点滴。2.面向群体个人博客网站没有特定的面向群体，网络中的游客都可以访问浏览。2.2.2博客网站建站内容1.网站的栏目及其内容（1）关于我：介绍博主的兴趣爱好等个人信息。（2）在路上：展示生活、旅游照片等。（3）生活感悟：分享对日常生活的感悟。（4）资源分享：分享学习资料，供需要的人下载。（5）学无止境：分享学习心得等。（6）留言板：访问博客网站的人可以留言。2.构建网站主要采用的技术本网站主要采用Windows+IIS+MySQL+PHP构建。3.网站开发时间进度开发团队共4人（项目经理1人、网站美工1人、网站前端开发1人、网站后台程序开发1人）。美工设计1周、网站前端开发1周、网站后台程序开发2周，合计4周。4.网站维护方案定期更新并维护网站内容，实时监测网站访问情况。5.网站制作费用包括前台及后台开发，开发团队4人，开发时间预计28天。静态页面设计报价明细（表2-2）包括首页、子页、banner设计、logo设计等。服务器空间、域名价格明细（表2-3）包括国际域名、企业邮箱等。培养沟通技巧和表达能力。（三）2.3校园网站项目设计（约15分钟）2.3.1校园网站建站目的及面向群体1.建站目的展示校园文化、教师风采、学生风貌、教育理念等；提升学校的对外形象，增强学校的综合竞争力；为学生提供一个良好的学习平台，使学习不再受到时间、空间的限制。2.面向群体面向的群体包括想了解学校的游客、学校的教职工以及学生等。2.3.2校园网站建站内容1.网站的栏目及其内容本校园网站包括11个栏目：（1）学校概况：介绍学校基本情况，包括办学理念、机构设置、学校荣誉、校园文化等。（2）通知公告：发布学校相关事宜的通知及公告。（3）校园新闻：发布学校相关的最新资讯。（4）专业建设：展示学校专业建设的情况及成果。（5）教学科研：展示教师在教学、科研方面的成果等。（6）德育管理：包括德育理念、规则制度、特色活动、心理健康等内容。（7）招生就业：分为就业服务和招生服务两部分。（8）合作服务：包括中高职衔接、校企合作、技术支持、国内外院校交流合作等。（9）领导信箱：学校领导查看邮件，解决相关问题。（10）常用联系电话：提供学校办公机构的电话。（11）党员风采展示：展示学校优秀党员的先进事迹。2.构建网站主要采用的技术采用Windows+IIS+MySQL+PHP构建网站。3.网站开发时间进度开发团队共7人（项目经理1人、网站美工1人、网站前端开发2人、网站后台程序开发3人）。美工设计2周、网站前端开发2周、网站后台程序开发4周，合计8周。4.网站维护方案校园网站需要定期更新与维护，需要专门培训学校方的网站管理与维护人员。5.网站制作费用包括前台及后台开发，开发团队共7人，开发时间预计56天。网站建设经费具体明细（表2-4）包括网站前台开发、网站后台开发等。服务器空间、域名价格明细参考表2-3。【任务总结】通过本任务的学习，可以掌握网站总体规划设计的相关内