模块5 任务15 我的爱好-Deepseek搭建交互网页

PAGE\#000MERGEFORMAT001PAGE78计算机应用基础教学参考书（Windows7+Office2010）（第2版）书模块5高级应用任务15我的爱好——Deepseek搭建交互网页1．教学设计方案教学单元名称我的爱好——Deepseek搭建交互网页课时4学时所属章节模块5高级应用任务15我的爱好——Deepseek搭建交互网页任务描述通过布局“我的爱好”网页，学会使用Deepseek搭建和修改交互网页方法和技巧。任务分析1.掌握使用Deepseek搭建交互网页的方法和技巧；2.掌握使用Dreamweaver修改网页的技巧。3.学会AI搭建网页的基本方法和技巧。教学目标知识目标1.了解Deepseek等AI辅助建站的基本思路2.掌握用提示词驱动AI生成网页的方法3.理解在Dreamweaver中修改AI生成网页的技巧考核方式过程考核：Deepseek搭建与DW修改（50%）；终结考核：交互网页完整性与规范性（50%）能力目标1.能使用Deepseek搭建交互网页原型2.能在Dreamweaver中修改与完善AI生成代码3.能融合AI生成与人工精修完成页面素养目标1.培养"人机协作"的新型学习能力2.养成对AI生成内容审辨与优化的习惯思政目标1.树立AI伦理意识，注明生成来源、避免学术不端2.在AI协作中坚持"以人为本、善用而非依赖"的创新态度教学环境多媒体机房，Windows10，Dreamweaver20212．教学设计实施教学环节教学内容教师活动学生活动教学方法课程思政任务提出展示"我的爱好"AI生成交互网页，提出用Deepseek搭建并用DW精修的任务。展示AI网页，讲解人机协作，明确任务。观察AI网页，明确学习目标。情境导入法、任务驱动法我的爱好案例；思政：AI伦理知识讲授与操作演示1.启动Deepseek，在开始对话窗口中输入：“请制作一个网页，主题：我的爱好。界面：1.学生爱好（10男10女）：包括序号、姓名、性别、爱好和喜爱程度；2.爱好数据可视化：图表形式呈现男女生爱好类别并作简短分析。3.设计随机选取器，实现随机选取某位同学的爱好，并提供简短可持续发展建议。以HTML语言呈现。”2.Deepseek生成HTML语言，如图5-97所示。选择“运行”展示网页效果。图5-97Deepseek生成代码3.使用Deepseek对网页进行微调，输入调整文字：“1.调整整个网页的色彩搭配，建议使用对比色；logo背景使用渐变色；2.喜爱程度用五颗星表示；3.学生数据滚动显示，每次只显示10个同学。”。4.将代码复制到Dreamweaver中，可以根据需要进行修改。5.完成后的网页保存为“students-hobbies.html”，并按F12预览效果。讲解提示词与审辨演示AI生成与DW精修。观看演示，记录提示词与修改要点。讲授法、示范演示法提示词示例；思政：善用而非依赖学生练习与讨论学生用Deepseek生成"我的爱好"网页，导入DW修改布局与样式并优化交互。布置练习，巡视指导提示词、代码可读性优化。上机生成并精修，互助交流提示词。任务驱动法、合作学习法素材包renwu15；思政：互助完成工作任务提交AI搭建并经DW修改的网页，要求结构合理、可运行。明确提交标准，组织提交，关注AI来源标注。完成搭建精修，自查运行，规范提交。实践法、标准化评价提交标准；思政：责任总结评价点评AI网页，回顾提示词与精修，强调AI伦理与审辨。点评作品，归纳AI协作要点，强调伦理。观看点评，巩固协作方法。作品点评法、归纳总结法点评量表；思政：创新意识课后任务用Deepseek为自己另一主题生成网页，并注明AI来源后人工精修。布置拓展任务，明确方向。独立完成AI网页生成与精修。自主探究法拓展任务单；思政：诚信创新第1章模块4213认识CorelDRAWDreamweaver初级应用常用的绘图与填充工具交互式工具组的使用信息技术应用基础教案任务案例21任务3匠心筑梦版式设计——创建与管理本地站点图形排版传统几何纹样的绘制教案任务17认知信息技术与信息社会廉洁文化宣传海报教案1．教学整体设计方案教学单元名称Dreamweaver初级应用版式设计——图形排版传统几何纹样的绘制认知信息技术与信息社会廉洁文化宣传海报课时42学时所属章节任务3匠心筑梦——创建与管理本地站点模块21认识CorelDRAW常用的绘图与填充工具任务案例21版式设计——图形排版传统几何纹样的绘制第1章模块4信息技术应用基础交互式工具组的使用任务17认知信息技术与信息社会廉洁文化宣传海报任务描述通过“匠心筑梦——创建与管理本地站点”任务，认识DreamweaverCC工作界面；完成本地站点“匠心筑梦”的创建与配置；掌握站点内文件夹、网页文档新建、保存、移动、删除等基础文件管理；学会页面属性设置、网页浏览器预览，掌握站点的导入、导出备份操作，建立网站项目规范化管理意识。本案例以“茶饮品牌图形排版”为设计实战主题，引导学生在CorelDRAW2020中完成从新建文档、导入素材、图层顺序调整、图形缩放与位置移动，到使用标尺与辅助线实现精确排版，最终完成作品保存与导出的完整工作流程。通过将多张茶饮图案素材有序排布于杯子样机之上，学生将初步体验数字排版设计的规范流程与审美原则。几何纹样是中国传统装饰艺术中的重要组成部分，蕴含着古人对天地万物、秩序和谐的朴素哲学观，常见于古代建筑、门窗及器皿中。本案例将借CorelDRAW的现代数字设计工具，重现两种经典的传统几何纹样：“灯笼锦”与“柿蒂纹”。本任务将运用调和工具制作海报装饰纹样，通过参数调整实现自然过渡效果，完成纹样与背景的融合搭配。同时结合封套工具、调和工具绘制花瓶造型，塑造立体美观的主体图案。即将进入职业学校学习的小华，想利用暑假去外地看望爷爷和奶奶。在爷爷奶奶家的假期生活中，面对要彻底解决数字化生活的困扰，需要了解信息技术、了解信息技术应用、了解信息社会的特征和文化、了解信息社会存在的问题和法律规制、了解信息社会的发展趋势。任务分析在本案例任务中，需要完成以下操作：1.认识DreamweaverCC完整工作界面，区分设计、代码、拆分、实时视图；2.创建本地站点“匠心筑梦”，指定D:\jxzm作为站点根目录；3.在文件面板新建images等资源子文件夹，分类管理素材；4.新建HTML5空白网页index.html，掌握网页保存、F12浏览器预览；5.设置页面属性：外观（CSS）、标题/编码，修改页面背景、页边距、网页标题；6.掌握站点文件移动、删除；掌握站点导出（*.ste）备份操作，理解ste文件仅保存站点配置。1.启动CorelDRAW程序，新建文档并进行页面参数设置（名称、尺寸、颜色模式、分辨率等）；2.使用“导入”命令，将外部图片素材导入至当前文档；3.运用“顺序”调整命令，将样机图层移至页面底层，实现背景与前景元素的正确层级关系；4.使用“选择工具”调整图片大小与位置，将图案素材贴合至杯子对应区域；5.显示标尺并拖拽创建水平与垂直辅助线，利用辅助线实现多张图案的精确对齐与均匀分布；6.完成排版后，将文件保存为CDR格式源文件，并导出为PNG格式图片，用于展示或输出。1.绘制灯笼锦：先使用矩形工具绘制正方形，再使用2点线工具进行直线绘制，使用缩放工具确保线条精准对接。2.绘制柿蒂纹：使用多边形工具绘制八边形，使用椭圆形工具绘制圆形，并通过选择工具调整其位置和大小，利用缩放工具辅助观察细节，确保图形精确对齐。本任务是CorelDRAW交互式工具的综合性实操训练，核心考查调和工具与封套工具的运用。任务以廉洁文化海报设计为载体，主要利用调和工具制作装饰纹样、丰富画面层次，借助封套工具调整图形形态，完成花瓶造型设计，实现画面元素与背景的自然融合。信息技术解决了人们远程购物、智能识别等难题；信息技术的发展经历了漫长历程，但对人类社会发展产生了巨大影响；人类社会正在向信息社会发展，社会特征和文化会出现新的变化；新型的信息社会也会出现新的道德、犯罪问题，需要行为约束和法律制约；信息社会一定会给人类社会带来全新的生活体验。教学目标知识目标1.熟悉DreamweaverCC工作界面各面板功能，理解四种文档视图的适用场景；2.理解本地站点、站点根目录概念，明白站点对网页路径管理的意义；3.认识页面属性对话框各个分类，理解UTF‑8网页编码的作用；4.了解站点导出.ste文件作用，区分站点配置文件与网页素材文件。1.了解CorelDRAW2020工作界面的组成及功能分布完成灯笼锦和柿蒂纹的绘制2.理解矢量图与位图的区别及适用场景3.掌握分辨率、颜色模式的概念及其对设计输出质量的影响掌握相关工具的使用方法1.了解“调和工具”“封套工具”的核心概念与应用场景2.理解莲花、花瓶等视觉符号的廉洁寓意3.掌握图形设计与背景自然融合的基本原则与方法①了解信息技术概念和应用②了解数字社会的文化特征③理解数字社会的伦理道德④了解数据安全的法律规范①说出信息技术的发展历程②考核方式过程考核：学习知识掌握技能情况（20%）；小组协作搜索信息、积极参与讨论与分享任务成果（50%）终结考核：自我总结评价（30%）能力目标1.能够新建、配置本地站点，熟练使用“文件”面板管理站点内文件夹与网页；2.会新建HTML5网页，完成网页保存、F12浏览器预览；3.能够设置页面外观、页边距、网页标题、编码等页面属性；4.掌握站点导出备份操作，会对站点内文件进行复制、移动、删除操作。1.能够独立完成图形排版案例的全部操作流程能够独立完成灯笼锦和柿蒂纹的精确绘制2.能够熟练运用标尺、辅助线等辅助工具实现精确定位与对齐能够熟练运用相关工具的绘制技巧3.能够根据输出需求合理设置颜色模式与导出参数1.①能够熟练使用调和工具创建复杂装饰纹样能够识别信息社会面临的各种风险2.②能够综合运用封套工具与调和工具塑造立体花瓶造型能够有效辨识虚假信息，避免上当受骗①理解信息技术的概念3.③②能够独立完成主题鲜明、视觉和谐的宣传海报能描述信息技术在当今社会的典型应用，以及对人类社会生产、生活方式的影响素养目标思政目标1.树立网页项目规范化管理习惯，素材分类建文件夹，文件命名尽量使用英文；2.培养严谨细致的工匠精神，养成随时保存网页、备份站点的职业习惯；3.理解规范的站点管理是网站开发的第一步，建立岗位工程化思维。1.养成规范操作、严谨细致的职业习惯，注重设计细节的精确性培养审美意识与构图能力，提升对传统纹样形式美感的感知力2.建立对CorelDRAW软件的学习兴趣与自信心，形成积极主动的探索态度3.在反复调整与优化排版布局的实践中，磨练耐心与专注力培养细致观察习惯和精益求精的工匠精神1.理解廉洁文化内涵，树立清廉奉公的价值2.培养追求细节完美、精益求精的创作态度3.建立从整体构思、元素创建到最终合成的系统设计思维①增强信息意识②促进数字化创新与发展能①了解信息社会的特征和相应的文化、道德和法律常识②在信息活动中自觉践行社会主义核心价值观1.在排版练习中融入中华美学中的“秩序”与“均衡”意识，体会传统审美理念与现代设计的融合感悟传统几何纹样中的“秩序美学”与文化哲学2.树立知识产权保护意识，在素材使用与作品导出中恪守原创设计准则3.通过规范化文件管理与命名，培养责任意识与职业规范意识树立“技术传承文化”的设计价值观1.①理解纪律与规矩是个人成长和社会发展的基石爱党爱国、强化信息社会责任2.②感悟构建和谐有序的社会关系的重要性自觉践行社会主义核心价值观3.体会其象征的高洁、正直、透明的廉洁品格4.培养敬业、专注、精益求精的职业素养考核方式过程考核：知识学习与技能掌握情况（30%）小组协作搜索信息、积极参与讨论与分享任务成果（40%）终结考核：终结考核：教师评价+小组互评+学生自评（30%）教学环境为每位学生的机房计算机配置如下：软件环境—MicrosoftWindows10、DreamweaverCC2021、PhotoshopCC、WPS办公软件；CorelDRAW2020素材资源——任务3对应素材资源包。茶饮杯样机图片、茶饮图案素材3~4张（存放在指定素材库中）网页浏览器

2．教学设计实施过程教学内容环节教学内容教师活行动学生行活动教学

方法策略资源与媒介课程思政导入任务提出1.情境引入：完整网站由大量网页、图片、音视频素材组成，如果文件随意存放，会出现图片不显示、链接失效等故障。2.演示对比：不建站点直接编辑网页vs使用本地站点管理网页的效果差异。3.明确本节课任务：创建“匠心筑梦”本地站点，熟悉DW软件界面，学会站点与网页基础管理操作。1.版式设计的概念及其在商业宣传中的应用价值；2.本案例的设计主题——“茶饮品牌图形排版”的成品效果与设计要求；3.本案例涉及的核心操作内容：新建文档、导入素材、图层顺序调整、图形缩放与移动、辅助线排版、保存与导出1.展示古代器物、服饰、建筑中云纹的实物图片及单尾云纹参考图样；2.讲解云纹文化背景：起源于商周，至今三千余年，是传统装饰纹样的重要代表；3.分析云纹形态特征：由流畅舒缓、富有弹性的曲线构成，呈现“C”形、“S”形或涡形回旋组合，强调“气韵生动”的美感；4.展示CorelDRAW绘制的单尾云纹成品效果图，提出本案例工作任务。1.展示廉洁海报成品，解读“荷莲喻廉”设计寓意；2.明确课堂任务：使用交互式工具组完成210mm×297mm廉洁宣传海报；3.拆解任务要点：调和工具制作装饰纹样、封套工具塑造花瓶、透明度融合背景、添加廉洁主题文字与阴影效果；4.明确作业完成标准与评价要求。1.展示文件乱存放导致图片无法加载的故障案例，说明站点的重要价值；2.解读“匠心筑梦”项目背景；3.明确本节课技能重点：站点创建、文件面板操作、页面属性、站点备份。1.展示设计案例图片及本案例成品效果图；2.讲解版式设计的应用价值与审美原则；3.提出本案例工作任务，展示最终排版效果图；4.简要预告本课知识框架1.展示云纹实物图片及成品效果图；2.讲述云纹历史文化与寓意；3.提出本案例工作任务。1.投屏展示成品海报，结合荷花、莲花元素讲解廉洁设计思路；2.出示任务单，清晰说明作品尺寸、工具使用、画面效果要求；3.抛出引导问题：如何用交互式工具做出柔和纹样与美观花瓶；4.梳理本节课学习重难点。导入任务情景提问：通过任务情景和任务分析，需要搜集哪些内容来解决小华的困惑？1.观察故障案例现象，思考网页文件管理的重要性；2.明确学习任务，了解本任务是整个后续网页制作项目的基础。欣赏图片与作品，感受版式设计的视觉效果；2.聆听文化与应用讲解；3.明确学习目标与工作任务，思考排版需注意的要点；4.记录关键知识点名称1.欣赏图片与作品；2.聆听文化讲解；3.明确学习目标与工作任务。1.观察海报视觉效果，思考图形美化实现方式；2.研读任务要求，梳理需要掌握的交互式工具；3.主动思考教师提问，初步构思画面布局。分析工作任务情境导入法、案例演示法情境导入法文化浸润法任务驱动法、情境导入法、提问启发法引导启发搭建站点如同工匠开工前整理工具库房，分类规整材料，才能保障后续生产有序开展，培养规范化、标准化工作意识。以日常生活中的茶饮文化为切入点，引导学生关注设计如何为传统饮食文化注入现代审美活力以荷花、莲花为设计载体，将“荷风送廉，莲心守正”主题融入设计任务，引导学生理解清正廉洁、坚守本心的价值内涵，树立正向价值观念。投影视频知识讲授与操作演示任务一：认识DreamweaverCC工作界面1.启动DW，认识菜单栏、文档工具栏、文件面板、属性面板、插入面板；2.演示设计、代码、拆分、实时视图四种视图；简单介绍标尺、辅助线、网格。任务二：创建“匠心筑梦”本地站点1.D盘新建jxzm文件夹，复制renwu3全部素材到此目录；2.【站点】→【新建站点】，站点名称：匠心筑梦，本地站点文件夹选择D:\jxzm，保存；观察文件面板出现站点目录。任务三：站点内文件与文件夹管理1.文件面板右键新建images子文件夹，把图片素材移入images；2.【文件】→【新建】，新建HTML5网页index.html，保存到站点根目录；3.演示文件移动、删除操作，提醒移动文件弹出更新链接对话框的处理方式。任务四：设置页面属性与网页预览1.打开jingji.html，打开页面属性；设置外观（CSS）背景颜色、上下左右页边距为0；设置标题/编码，网页标题“德技并修”；2.按F12浏览器预览网页效果。任务五：导出站点备份1.【站点】→【管理站点】，选中匠心筑梦，导出站点，保存匠心筑梦.ste；重点强调：ste文件只保存站点配置，不包含网页图片素材，作业提交要上交完整站点文件夹，不是仅提交ste文件。任务一：CorelDRAW工作界面与基本操作标尺的显示与隐藏（查看→标尺），标尺原点重置方法（双击标尺左上角）；2.辅助线的创建（从标尺拖拽）、旋转（双击辅助线→拖动旋转控制点）、删除（选中后按Delete）、锁定与解锁（右键菜单）；3.文档网格的显示与设置（查看→网格→文档网格，以及“布局→文档选项”中的网格参数调整）；4.贴齐功能的应用（查看→贴齐→对齐辅助线/文档网格/对象等），实现对象的自动吸附与精确对齐；5.综合应用：利用辅助线将多张茶饮图案均匀分布、对齐，完成整体版式设计1.介绍CorelDRAW交互式工具组7类工具功能，重点讲解调和、封套、透明度、阴影、变形工具；2.分步实操演示：①新建页面、矩形渐变背景制作；②大小圆形调和、拉链变形、均匀透明融入背景；③矩形渐变+封套单弧模式制作花瓶；④添加图形阴影、导入荷叶素材；⑤输入廉洁标语，完成整体排版；3.强调调和步长、封套锚点、透明度数值等关键参数设置。1.分步完整演示软件界面、站点创建全套操作；2.重点演示页面属性设置，讲解UTF8编码防止中文乱码；3.着重辨析易错点：导出ste文件≠全部网站素材；网页、图片必须放在站点根目录内部；文件名尽量不用中文。4.演示F12预览操作，强调不能只看DW设计视图效果。1.进一步讲解辅助线的高级操作：旋转辅助线、锁定/解锁辅助线、对齐辅助线；2.演示文档网格的显示与设置，讲解网格在精确制图中的作用；3.演示“贴齐”功能（查看→贴齐），展示对象自动吸附至辅助线、网格及其他对象的贴齐效果；4.组织学生继续完成剩余图案的排版，巡视指导，重点关注辅助线的合理使用与图形比例协调性；5.对比展示使用辅助线前后的排版效果，强调辅助工具对设计精度的提升作用1.系统讲解交互式工具基础理论，区分各工具适用场景；2.投屏同步完整实操，边操作边讲解参数调节技巧；3.预判易错点，实时演示纹样过渡生硬、花瓶变形失调等问题的修正方法；4.实时答疑，解答学生工具操作疑问。1.跟随教师操作，熟悉各个面板位置；2.观察文件面板目录变化；3.切换代码/设计视图，观察页面属性修改对应的HTML、CSS代码变化；4.理解ste备份文件的作用与局限。观看演示并记录辅助线的高级功能；2.尝试旋转辅助线并观察其变化；3.开启“对齐辅助线”功能，练习将图案精确贴齐至辅助线；4.独立完成其余茶饮图案的排版，确保整体布局均衡美观；5.对比自己使用辅助线前后的作品差异，体会辅助工具的价值1.观看软件操作演示，记录关键操作步骤与参数；2.识记交互式工具组分类与核心用途；3.针对看不懂的操作及时举手提问；4.对照步骤图梳理完整制作流程。分组协作，搜集并展示信息技术的概念、信息技术发展历程联系日常学习和生活，分组搜集并展示信息技术在社会中的典型应用分组搜集信息社会特征和信息社会文化的内容分组搜集信息社会当前存在的信息污染等问题，搜集信息社会会的基本法律规范演示法、讲解法、对比教学法演示法讲解法对比教学法讲授法、示范演示法、问答互动法引导

启发讲授网站开发前期的基础设置如同工匠打地基，基础规范做好，后面制作才会少出故障，培养学生重视基础、严谨务实的工匠精神。在精确排版的反复调整中，培养学生细致观察、精益求精的工匠精神，体会“差之毫厘，谬以千里”的设计严谨性引导学生体会传统纹样是中华民族审美基因与哲学智慧的结晶。讲解海报文字“廉洁铸正气，清风入人心”，引导学生明白廉洁文化宣传设计的社会意义，理解设计作品传递正向风气的社会责任。投影屏幕学生练习与讨论技能1.实操练习：在D盘建立jxzm文件夹，复制任务素材，在DW中创建“匠心筑梦”本地站点；新建images文件夹并归类图片素材。2.独立实操：新建index.html网页；打开jingji.html，完成页面外观、页边距、网页标题、编码设置；F12预览页面。3.完成站点导出备份，生成匠心筑梦.ste；练习文件移动、删除操作。4.小组互助排查故障：站点路径选错、素材不在站点内、网页中文乱码等问题。1.导入素材、图层顺序调整、图形缩放与位置调整的练习；2.标尺的显示、辅助线的创建与使用练习——利用辅助线将多张茶饮图案均匀分布、精确对齐；3.文档网格的显示与贴齐功能的练习；4.常见操作问题的排查与处理（图层顺序混乱、辅助线无法对齐、图形比例失调等）；5.小组内互相展示绘制成果，讨论遇到的问题及解决策略1.自主完成海报基础制作：渐变背景、调和装饰纹样、透明融合；2.运用封套工具制作花瓶，添加渐变与阴影；3.小组交流：如何调整透明度、纹样排布提升画面和谐度；4.自主调整荷叶素材、文字位置，优化画面层次。1.布置课堂实操任务，明确完成标准；2.机房巡回指导，重点处理共性错误：站点文件夹选错、网页没有保存到站点内、使用中文文件名、混淆ste配置文件和站点源码；3.收集高频错误，集中演示纠错。1.布置练习任务，明确操作步骤与完成标准；2.巡视课堂，进行个别指导，重点关注辅助线使用不熟练的学生；3.收集共性问题（如图层顺序混乱、辅助线无法对齐等），适时集中演示纠错；4.观摩同伴操作方法，取长补短，记录改进点1.下发荷叶素材与操作步骤学案，全场巡回巡视指导；2.针对调和、封套操作共性问题集中统一讲解；3.组织4人小组围绕画面美化开展讨论；4.一对一帮扶基础薄弱学生，纠正参数设置错误。巡视检查、记录、倾听学生的讨论结果并点评1.独立上机完成站点创建与网页基础操作；2.出现网页乱码、素材不显示，对照教材自主排查路径、编码设置；3.小组互助调试，多次F12预览验证页面。1.独立上机操作，按步骤完成新建、导入、顺序调整、大小位置调整、辅助线排版等；2.遇到问题时先尝试自主解决，查阅教材或寻求同伴帮助；3.小组内展示作品，分享操作技巧与排雷经验1.独立上机复刻操作，分步完成海报图形制作；2.遇到难题先小组交流探讨，无法解决再向教师求助；3.互相观摩半成品，交流图形美化、色彩搭配技巧；4.不断调整纹样透明度、花瓶造型优化视觉效果。如何理解“算盘的出现被称为人类历史上计算器的重大改革”这个说法？举例说明信息技术的广泛应用对提高生活质量的作用。举例说明信息技术的广泛应用对生产生活方式带来的变化。在信息社会如何树立正确的世界观、人生观、价值观？对信息社会责任的认识。任务驱动法、异质分组合作学习法1.采用任务驱动法与合作学习法相结合；2.教师分层指导；3.小组采用异质分组实操训练法、小组合作探究法、分层指导法搜集信息分享成果搜集信息辩论搜集信息分享结果站点创建操作步骤多，需要细心逐项核对参数，遇到报错耐心排查，培养学生不怕繁琐、严谨细致的职业品质。在小组互助中培育团结协作的精神；通过作品提交前的自查与完善，培养学生“有始有终”的责任意识与职业规范小组交流时引导学生思考廉洁海报的配色、构图原则，明白宣传作品要简洁正气，潜移默化培养自律、正直的个人品格。计算机完成工作任务展示作品1.作业提交规范：提交完整站点文件夹，命名格式：姓名_任务3_创建管理本地站点2.评价维度：站点创建成功；images素材文件夹建立，图片归类存放；index.html网页保存在站点根目录；页面属性设置正确，浏览器预览无中文乱码；完成站点导出备份；文件命名规范。3.学生自查作品，修正路径、编码等错误，提交电子教室作业区；4.拓展练习：尝试新建text子文件夹。1.作品提交的内容与格式要求——提交CDR源文件及PNG导出图片，命名为“姓名_案例1_版式设计”2.作品质量评价标准——结构完整性、图形比例、对齐精准度、美观度、规范命名五个维度3.作品的自查与完善4.作品提交至电子教室作业区5.学有余力者尝试对纹样进行简单版式美化1.完善全部画面元素，补齐装饰圆形、廉洁标语文字；2.自查页面尺寸、渐变填充、花瓶造型、阴影、透明度等细节；3.规范保存CDR源文件，导出图片提交作业。1.明确提交格式、质量评价标准，再次强调：不要只提交ste导出文件；2.检查学生站点目录结构规范性；3.挑选典型作品用于课堂点评。1.明确提交要求与质量标准；2.巡视指导，关注作品的完整性与规范性；3.组织作品提交4.提交作品至指定位置1.督促学生查漏补缺，检查作品完整性；2.提醒学生核对任务全部要求，修正画面缺陷；3.指导学生规范命名、保存与提交作业。巡视检查、记录1.对照评价标准自查站点与网页；2.规范命名，完成作业提交。1.完成最终排版调整与完善；2.对照评价标准进行自查与修改；3.规范命名与保存，分别导出CDR与PNG文件1.对照任务清单逐项完善海报细节；2.自主检查画面比例、色彩层次、文字排版；3.按要求保存文件并提交课堂作业。记录讨论结果上传学习平台实践教学法、自我评价法采用实践法与标准化评价相结合；2.以明确的质量标准引导学生自我监控；3.教师以鼓励性指导为主，帮助每位学生达成基本目标自主完成法、自查自纠法提炼关键信息强化网页开发岗位规范意识，项目素材分类归档，养成做事有始有终的岗位职业素养。通过“完整提交”培养责任意识和规范意识，让学生在规范化操作中体验“有始有终”的职业素养要求学生严谨规范完成作品，培养认真细致、精益求精的工匠精神，契合廉洁自律、一丝不苟的行事准则。计算机评价总结评价1.课堂作品点评，梳理本节课高频错误：①站点根目录文件夹选择错误；②图片素材没有放入站点内部文件夹；③网页编码不是UTF8出现中文乱码；④误以为导出ste文件就是全部网站文件；⑤网页保存路径不在站点内。2.知识点回顾：DW四种视图；本地站点概念；文件面板管理；页面属性设置；F12预览；站点导出备份。1.典型学生作品的点评——从“结构完整性、图形比例、对齐精准度、美观度、规范命名”五个维度进行评价2.核心知识的系统回顾——矢量图与位图的区别、颜色模式选择、文件格式适用场景、新建/导入/保存/导出的完整流程、标尺与辅助线的使用要点、几何纹样绘制的一般方法3.素养升华——版式设计中的“秩序美学”与中国传统审美中“整齐匀称”理念的共通之处1.展示多份学生作品，点评优势与待改进之处；2.归纳本节课调和、封套、透明度等交互式工具核心操作要点；3.总结交互式工具在平面宣传设计中的应用价值；4.布置课后拓展任务：更换纹样重新设计廉洁主题海报。1.点评典型学生作品，梳理实操共性错误；2.提问引导学生回顾本节课核心技能；3.布置课后拓展任务。1.展示并点评典型作品，指出亮点与共性问题；带领回顾核心知识点，通过提问检验学生掌握情况；3.文化素养总结，布置课后拓展任务；4.布置课后拓展任务1.投屏展示优秀与典型问题作品，客观点评；2.带领学生梳理本节课核心操作知识点；3.再次结合作品升华廉洁文化内涵；4.布置课后实操拓展任务。根据先期观察记录，对学生的分组讨论情况进行初步点评对本次课的重点及要点进行总结，讲授评价标准1.对照点评反思自己作品存在不足；2.巩固站点创建、网页基础操作相关技能。1.观看点评，对照自身作品进行反思；跟随教师回顾知识点，回答提问，巩固记忆；3.聆听素养总结，记录课后拓展任务；4.明确课后学习方向1.观摩互评作品，对比自身作品找出不足；2.跟随教师梳理工具操作重点，整理笔记；3.记录课后拓展任务，巩固实操技能。倾听点评倾听总结，对自己的整个工作任务的完成过程进行总结作品点评法、归纳总结法采用作品点评法、归纳总结法；2.以典型作品为载体进行可视化评价；1.采用作品点评法、归纳总结法；2.以典型作品为载体进行可视化评价；归纳总结法、作品互评法自主学习相互评价自我评价本任务是后续全部网页制作的基础，规范做好站点管理，才能完成后续匠心筑梦整套网站项目。强化学生对“设计服务生活”的认知，让学生意识到规范、美观的版式设计不仅是技术操作，更是对受众的尊重与对专业精神的践行强化学生的文化自信与传承使命，让学生意识到自己不仅是软件操作者，更是中华优秀传统文化的“数字传薪人”。结合学生设计作品点评，重申廉洁文化宣传的现实意义，引导学生在今后设计创作中主动传递正能量，践行清风正气。计算机和投影屏幕计算机和投影屏幕课后任务课后拓展：在电脑另外磁盘位置，练习导入.ste站点配置文件，对比观察导入之后站点文件面板的变化，体会站点备份的作用。任务单展示：搜集日常生活中一张你认为排版优秀的设计作品（如海报、菜单、产品包装等），用CorelDRAW对其进行临摹或重新排版，要求使用至少3条辅助线辅助定位，并附简短的设计赏析说明（说明该排版好在何处），下次课进行3分钟展示交流任务单展示：搜集一种自己喜欢的中国传统纹样（如云纹、回纹、万字纹、方胜纹等），用CorelDRAW进行绘制，并附简短纹样文化说明，下次课进行3分钟展示交流。布置课后拓展：设计制作《诚信文化宣传海报》效果图，CorelDRAW进行绘制，下次课分享交流。布置课后拓展任务，说明任务要求。记录课后拓展任务，明确课后学习方向记录课后拓展任务，明确课后学习方向。记录任务，课后独立完成练习。独立完成自主探究法自主探究法，以开放性任务激发创新动力自主探究法，以开放性任务激发创新动力。引导学生建立项目备份意识，养成软件开发岗位备份项目的良好习惯。鼓励学生在生活中发现设计之美，将“守正创新”的设计理念根植于心，用数字工具为日常生活中的视觉传达注入新活力鼓励学生在拓展任务中自主发掘传统纹样的美，将“守正创新”的设计理念根植于心。培养踏实钻研、持之以恒的职业工匠精神3．教学实施过程任务提出（10min）教师导入任务情景：即将进入职业学校学习的小华，想利用暑假去外地看望爷爷和奶奶。在爷爷奶奶家的假期生活中，对于生活中的信息技术应用产生了困惑。要彻底解决困惑，需要了解信息技术、了解信息技术应用、了解信息社会的特征和文化、了解信息社会存在的问题和法律规制、了解信息社会的发展趋势。任务分析：信息技术解决了人们远程购物、智能识别等难题；信息技术的发展经历了漫长历程，但对人类社会发展产生了巨大影响；人类社会正在向信息社会发展，社会特征和文化会出现新的变化；新型的信息社会也会出现新的道德、犯罪问题，需要行为