重磅3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计文档格式.docx
- 文档编号:17307857
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:32
- 大小:30.39KB
重磅3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计文档格式.docx
《重磅3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计文档格式.docx》由会员分享,可在线阅读,更多相关《重磅3727100网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计文档格式.docx(32页珍藏版)》请在冰豆网上搜索。
(7)完成网站日常的页面设计、制作及维护工作
(8)进行网站图片设计与制作
(9)完成网站日常的Flash动画设计、制作及更新工作
(10)负责网站广告的设计与制作
(11)完成网站日常所需的平面设计及维护工作
(1)具有一定的美术功底及良好的创意构思能力,很好地把握视觉色彩与网站布局,思想敏锐活跃,具有一定的视觉创作经验和独到的审美修养;
对商业需求有非常敏感的把握和表现能力
(2)熟练运用Photoshop、Illustrator、AI、Flash,Dreamweaver等工具或同类软件,擅长页面效果图制作和文字的编排,具有较强效果图制作及网页设计能力
(3)熟悉网页制作,能与Web前端工程师紧密配合
(4)对色彩有深刻的把握力、独特的设计风格、独到的创意视点与创新意识
(5)熟悉HTML,Div,熟练运用Div+CSS布局与美化网页,能够手写HTML代码
(6)具有较强图片制作、处理能力。
精通Photoshop、Fireworks、Illustrator等图片处理相关软件
(7)熟悉FlashAction
3.网页设计类职业岗位的工作职责和职位要求
网页设计
(1)负责公司网站整体视觉、UI、LOGO、宣传手册等设计与创意,负责网站设计的需求沟通,确定网页设计的视觉标准和风格标准等。
(2)负责客户网站创意、设计、页面制作;
负责频道、专题、网页的美工设计
(3)负责公司网站的设计、改版与更新
(4)负责网页、图片设计与制作
(5)负责客户及系统内的广告和专题的设计
(6)负责与开发人员配合完成所辖网站等前台页面设计和编辑
(7)其他与美术设计相关的工作
(1)具有扎实的美术功底、良好的艺术审美观、优秀的审美力、良好的创意思维和理解能力,能及时把握客户需求,能独立完成整个网站页面设计与制作工作
(2)具有良好的网站版式设计能力,色彩感和整体布局感较强
(3)熟练使用常用图片设计和处理软件,对图片渲染和视觉效果有较好的认识
(4)能熟练使用Flash、Dreamweaver、Firework、Photoshop、Illustrator等软件,熟悉HTML、Div、CSS、JavaScript等,有手工编写和修改代码能力优先
(5)对Web设计及相关技术有很好的见解,能和Web程序员进行沟通和合作
(6)工作积极主动、责任心强、思路开阔、有敬业精神,能在较大压力下完成工作
(7)善于与人沟通,有高度的责任感和创新精神,保证工作质量
(8)富于工作热情及团队合作精神,勇于接受挑战
(9)有网页设计及平面设计工作经验优先,有过Web和WAP等相关产品设计开发者优先,有手机UI、美术、设计经验者优先,具有大型网站美工经验者优先
4.网页版面设计类职业岗位的工作职责和职位要求
网站编辑
(1)负责网站创意、网页设计、页面制作管理和维护,负责网站页面结构的设计和实施。
(2)负责网站整体架构的设计和网站风格的把握
(3)负责网站的设计、改版和更新
(4)负责网站广告和专题的设计
(5)独立制作flash广告,负责页面特效、网站图片、动画设计制作等
(6)负责与开发人员配合完成网站前台页面设计和编辑
(7)协调其他部门完成网站的开发
(1)具有优秀的审美力、独特的创意、扎实的美术功底,对于艺术有着自己的追求和热爱
(2)对于网站的美工开发有独到的见解和意见。
对于色彩的搭配有着独到的见解和体会
(3)有创意及品味,有较强视觉创作能力,扎实的色彩感和色彩把握能力,对色彩构图等元素敏感,对网页配色与排版有一定的经验
(4)对网站的结构、整体布局、色彩感觉良好;
有丰富的想象力和创新力;
思路开阔能较好的理解用户界面的要求,能根据要求设计页面
(5)对网页美感有驾权和品评能力,能很好的把握网站整体风格设计,注重理解需求和用户体验
(6)有较强的网页设计和制作能力,能胜任栏目、网页的规划和制作,能够独立完成大型网站的静态美工页面制作、排版及输出
(7)精通创意设计和网页设计相关的软件工具(例如Dreamweaver),能熟练使用Photoshop、Fireworks、Illustrator、Coredraw、Flash等相关设计类软件,熟悉页面设计、平面设计和CI设计,熟悉ActionScript者优先
(8)熟悉HTML、DHTML、XHTML、XML、CSS、JavaScript和Div+CSS网页布局技术、网页特效设计技术,能手写HTML代码和CSS样式
(9)熟悉Web标准和Div+CSS技术,能独立完成美工及Div+CSS网页的静态页面布局,并至少能兼容IE和FireFox两款浏览器
(10)熟悉ASP.NET(C#)或ASP,能与程序员合作完成网站开发项目
(11)熟悉网站建设、网页设计制作流程,能够配合程序员嵌套界面和程序。
能跟踪最新的网页设计与制作技术
(12)具有较强的理解能力、领悟能力、沟通能力、工作协调能力和创新精神
(13)积极肯干,吃苦耐劳,具有高度的责任感
(14)具有自我激励和良好的交流、沟通技巧,善于协作与沟通
(15)具备良好的职业素养及团队合作精神,有良好的职业道德观念和工作态度,并能承受工作压力
5.网站编辑类职业岗位的工作职责和职位要求
(1)负责公司网站的内容采编、整理、审核及发布,包括文字、图片、视频等资料,为网站提供符合用户的有效信息
(2)负责公司网站内容的架构、栏目和专题的策划及更新维护;
能够独立完成选题策划,稿件组织与编辑工作;
针对网站目标受众提供有吸引力的网站内容;
保证公司网站的正常运营以及网站推广活动的实施,以提升网站用户数、网站pv流量和用户粘着度
(3)负责策划与制作专题,参与专题和活动的策划、组织
(4)负责行业内活动的现场采访以及后续的稿件撰写、发布
(5)负责与技术等部门的沟通协作
(1)熟悉网络基本知识,能熟练使用Office等办公软件,熟练Dreamweaver、Photoshop等网页制作编辑工具和图像处理工具,可以独立制作、修改网页
(2)有较强的文字驾驭能力,有良好的文字、图片编辑能力,能够清晰而有逻辑的表达自己的想法,具有创造性的思维;
能独立撰写策划文案,有丰富的想象策划能力,能独立完成大型网站的策划方案
(3)熟悉网络语言,擅长用文字调动网络人群的情绪,对网络文案的策划、编辑有一定的实际操作经验,熟悉网络编辑、销售型文案写作,有较强的文字编辑能力、编辑思维能力和策划能力,擅长信息的搜集与整合,能独立完成各种文案的编辑和创作
(4)踏实肯干,思维活跃,诚实守信,具有良好的团队合作精神
(5)工作积极主动、勤奋好学、行为自律;
为人诚实、正直,性格开朗、责任心强
(6)具有迎接挑战的信心和对工作的激情
6.网站美编类职业岗位的工作职责和职位要求
网站美编
(1)负责网站整体美化工作,负责网站的美观度和友好性的把握
(2)负责公司网站的网页美工设计
(3)负责公司网站相关新闻及专题的创意、页面风格设计及专题制作。
(4)负责网站页面设计和常规广告设计
(5)负责专题和活动的美术设计工作
(1)有较强的美术功底、良好的创意设计和视觉表现创造能力
(2)熟练使用Photoshop、CorelDraw、Flash等软件进行图片及动画创作
(3)熟悉网站建设流程及构架,熟练应用Div+CSS布局制作网页,能用Div快速切图;
熟悉HTML语言
(4)具备独立策划能力,能快速在兼顾网站风格、用户体验、功能利用、视觉效果等多重角度的情况下设计作品
(5)熟悉Web设计与开发的相关标准
(6)具备客户服务意识,有独特的见解、独立思考能力和创新意识
(7)具有敬业精神,良好的人际沟通能力和团队合作精神和协作能力,能承担工作压力
附录B 课程教学设计
1.教学单元设计
教学单元设计如下表所示。
单元序号
单元名称
建议课时
建议考核分值
单元1
创建站点与浏览网页
2
4
单元2
制作文本网页
6
单元3
制作图文混排网页
单元4
制作表格布局的网页
10
单元5
制作包含超级链接和APDiv的网页
单元6
使用模板和库制作网页
12
单元7
制作表单网页
单元8
使用CSS布局与美化网页
8
单元9
制作包含特效的网页
单元10
设计与制作网站主页
单元11
整合与发布网站
小计
2.教学流程设计
教学流程设计如下所示。
教学环节序号
教学环节名称
说明
1
教学导航
明确教学目标、重点和难点、熟悉教学方法、了解建议课时
操作准备
在正式完成网页制作任务之前做好创建所需的文件夹、拷贝所需的资源、启动DreamweaverCS6、创建本地站点等方面的准备工作
3
引导训练
引导学习者一步一步完成网页设计与制作任务
考核评价
对单元引导训练任务的完成情况进行考核评价,包括考核项目、考核内容、评分标准和评价方法等方面
5
同步训练
参照引导训练的过程,学习者自主完成类似的网页设计与制作任务
对单元同步训练任务的完成情况进行考核评价
7
拓展训练
自行确定网页主题、收集所需素材、设计网页结构、制作类似网页
对拓展训练任务的完成情况进行考核评价
9
代码解读
对HTML代码或CSS样式代码进行分析与说明
问题探究
对网页设计与制作方面的关键问题进行分析与阐述,熟悉相关理论知识,对网页设计与制作提供方法指导和知识支持
11
单元小结
对本单元所学习的知识和训练的技能进行简要归纳总结
单元习题
通过习题测试理论知识的掌握情况和操作技能的熟练情况
3.相关知识点与技能点选取与序化以及教学案例设计
相关知识点与技能点选取与序化以及教学案例设计如下表所示。
相关知识点与技能点导航
教学案例设计
网页主题
(1)认识网页和网站
(2)认识浏览器窗口的基本组成
(3)认识网页的基本组成元素
(4)认识网页的基本布局结构
(5)熟悉DreamweaverCS6的工作界面
(6)了解制作网页、处理图像、制作动画的工具
(7)创建与管理本地站点
(8)浏览网页
网站主页
E游天下网
快乐旅游网
爱旅游网
(1)建立站点目录结构
(2)创建与保存网页文档
(3)设置页面的首选参数
(4)设置页面的整体属性
(5)在网页中输入文本和编辑文本
(6)在网页中设置项目列表、输入空格和文本换行
(7)网页文本的格式化
(8)在网页中插入特殊字符、水平线和日期
旅游景点
概况
旅游景点总览
中国名河概况
中国名山概况
(1)通过“管理站点”对话框创建站点
(2)应用“文件”面板新建网页
(3)设置页面的背景图像
(4)从外部导入文本与设置文本格式
(5)在网页中插入图像与设置其属性
(6)插入鼠标经过图像与设置其属性
(7)图文混排方法
瀑泉游
名瀑
名泉
名岛
(1)使用表格布局网页
(2)在网页中插入表格
(3)在表格中插入嵌套表格、行和列
(4)设置表格、行、列及单元格的属性
(5)拆分与合并单元格
(6)插入与删除行或列
(7)在表格中输入文字、插入图像与SWF动画
(8)实现滚动文字效果
(9)设置网页头文件的内容
江湖游
千岛湖
长江三峡
名湖
(1)绘制或插入APDiv,设置APDiv的属性
(2)创建外部链接
(3)创建文本形式的内部链接
(4)创建图片形式的内部链接
(5)创建电子邮件链接
(6)创建命名锚记和到该命名锚记的链接
(7)在图像中设置热点区域,创建图像热点链接
(8)创建文件下载链接
(9)创建空地址链接
(10)更改链接颜色、设置链接的打开方式
(11)测试链接的有效性
(12)创建文字形式的导航栏
(13)实现滚动图片功能
(14)插入浮动框架并设置其属性
(15)使用表格布局网页
公园游
张家界
桂林
名河
(1)创建与修改库项目
(2)在网页中插入库项目
(3)创建网页模板
(4)定义与修改可编辑区域和可选区域
(5)创建基于网页模板的网页
(6)修改网页模板并更新网页
(7)修改库项目并更新网页
(8)插入图像占位符
(9)使用表格布局网页
名城游
上海
海口
南京
(1)在网页中插入表单域
(2)设置表单域的属性
(3)在表单域中插入表单控件
(4)预设文本域中文字字体和大小
(5)使用Spry验证表单数据的有效性
(6)应用行为实现表单网页所需的功能
(7)调用JavaScript脚本文件实现表单网页所需功能
(8)使用表格布局网页
表单
E游调查
E游留言薄
E游注册
(1)使用Div+CSS布局网页
(2)设计页面的布局结构
(3)创建页面布局样式
(4)创建美化页面元素的样式
(5)插入Div标签对页面进行布局
(6)新建代码片断
(7)在页面区块中输入文字
(8)在页面区块中插入页面元素:
SWF动画、代码片断、表格、图像、项目列表、底部导航栏等
山岳游
黄山
泰山
庐山
(2)在网页中显示当前日期
(3)不同时间段显示不同问候语
(4)滚动网页标题栏中的文字
(5)动态改变网页中文本字体大小
(6)关闭网页时自动弹出小窗口
(7)鼠标指针指向不同的超级链接时,切换不同图片
(8)转动鼠标滚轮缩放图片
生态游
云南
九寨沟
地质公园和森林公园
(1)使用“Div+CSS”和表格联合布局网页
(2)应用CSS样式设计网站主页的主体布局结构
(3)应用CSS样式设计网站主页的局部布局结构
(4)设计与制作导航栏,使用浮动框架
(5)插入Flv视频、APDiv对象和SWF动画
(6)设计连续滚动图片的特效
(7)创建包含底部导航栏和版权信息的脚本文件,在网页中插入外部脚本文件
(8)设计用户登录表单
(9)实现状态栏中文字移动功能
旅游网主页
E游天下网主页
快乐旅游网主页
爱旅游网主页
(1)优化网页
(2)将多个网页整合成一个网站
(3)创建超级链接
(4)测试网站
(5)申请网站域名和网页空间
(6)发布网站
(7)宣传与推广网站
旅游
4.网页设计与制作任务设计
网页设计与制作任务设计如下表所示。
网页设计与制作任务
【任务1-1】创建“E游天下”站点并浏览网页
【任务1-1-1】创建本地站点“E游天下”
【任务1-1-2】认识DreamweaverCS6的工作界面
【任务1-1-3】打开与保存网页文档0101.html
【任务1-1-4】在浏览器中浏览网页0101.html
【任务1-2】赏析“快乐旅游”网的主页
【任务1-3】赏析“爱旅游”网的主页
【任务2-1】制作总览旅游景点的文本网页
【任务2-1-1】建立站点目录结构
【任务2-1-2】创建与保存网页文档0201.html
【任务2-1-3】设置网页的首选参数
【任务2-1-4】设置页面的整体属性
【任务2-1-5】在网页中输入文字
【任务2-1-6】输入与编辑网页中的文本
【任务2-1-7】网页文本的格式化
【任务2-1-8】插入与文本相关的元素并设置其属性
【任务2-1-9】设置超链接与浏览网页效果
【任务2-2】制作介绍中国名河的文本网页
【任务2-3】制作介绍中国名山的文本网页
【任务3-1】制作介绍中国瀑布的图文混排网页
【任务3-1-1】使用“管理站点”对话框创建站点“单元3”
【任务3-1-2】应用“文件”面板新建网页“0301.html”
【任务3-1-3】设置页面的背景图像
【任务3-1-4】从外部导入文本与设置文本格式
【任务3-1-5】插入图像与设置图像属性
【任务3-1-6】插入鼠标经过图像及设置其属性
【任务3-2】制作介绍中国名泉的图文混排网页
【任务3-3】制作介绍中国名岛的图文混排网
【任务4-1】制作以表格布局的展示千岛湖旅游景点的网页
【任务4-1-1】插入表格1并设置其属性
【任务4-1-2】在表格1中插入SWF动画并设置其属性
【任务4-1-3】设置表格1单元格的背景图像
【任务4-1-4】在表格1的单元格中输入文本
【任务4-1-5】设置滚动文本效果
【任务4-1-6】插入表格2并设置其属性
【任务4-1-7】设置表格2及设置行、列属性
【任务4-1-8】在表格2第1列的单元格中插入图像并设置其属性
【任务4-1-9】在表格2第2列两个单元格中输入文本并设置其属性
【任务4-1-10】在表格2的第3列单元格中插入嵌套表格2-1
【任务4-1-11】插入表格3并设置其属性
【任务4-1-12】插入表格4并设置其属性
【任务4-1-13】插入嵌套表格4-1并设置其属性
【任务4-1-14】插入表格5并设置其属性
【任务4-1-15】设置网页头文件的内容
【任务4-2】制作以表格布局的展示三峡旅游景点的网页
【任务4-3】制作以表格布局的介绍中国名湖的网页
【任务5-1】制作包含超级链接的展示张家界景点的网页
【任务5-1-1】创建网页文档0501.html
【任务5-1-2】在网页0501.html中绘制或插入APDiv
【任务5-1-3】在网页0501.html中创建多种类型的超级链接
【任务5-2】制作包含超级链接的展示桂林旅游景点的网页
【任务5-3】制作包含超级链接的介绍中国名河的网页
【任务6-1】使用模板和库制作上海游的网页
【任务6-1-1】创建库项目
【任务6-1-2】在网页中插入库项目
【任务6-1-3】创建网页模板
【任务6-1-4】定义与修改可编辑区域和可选区域
【任务6-1-5】创建基于网页模板的网页
【任务6-1-6】修改网页模板并更新网页
【任务6-1-7】修改库项目并更新网页
【任务6-2】使用模板和库制作海口游的网页
【任务6-3】使用模板和库制作南京游的网页
【任务7-1】制作1个E游调查的表单网页
【任务7-1-1】插入表单域及其属性设置
【任务7-1-2】插入表单控件与设置其属性
【任务7-1-3】预设文本域中输入文字的字体和大小
【任务7-1-4】使用Spry验证表单数据的有效性
【任务7-1-5】应用行为实现表单网页所需的功能
【任务7-1-6】调用外部JavaScript脚本文件实现表单网页所需的功能
【任务7-2】制作1个E游留言薄
【任务7-3】制作1个注册网页
【任务8-1】使用CSS布局与美化“黄山游”网页
【任务8-1-1】网页页面的布局设计
【任务8-1-2】创建页面布局样式
【任务8-1-3】创建美化页面元素的样式
【任务8-1-4】插入Div标签对网页的页面进行布局
【任务8-1-5】新建代码片断实现常见功能
【任务8-1-6】在页面各个区块输入文字和插入页面元素
【任务8-2】使用CSS布局与美化“泰山游”网页
【任务8-3】使用CSS布局与美化“庐山游”网页
【任务9-1】制作包含特效的“云南旅游”网页
【任务9-1-1】实现在网页中显示当前日期的特效
【任务9-1-2】实现在不同时间段显示不同问候语的网页特效
【任务9-1-3】实现动态改变网页中文本字体大小的网页特效
【任务9-1-4】实现关闭网页时自动弹出对话框的特效
【任务9-1-5】实现滚动网页标题栏文字的特效
【任务9-1-6】实现鼠标指针指向不同超级链接切换不同图片的网页特效
【任务9-1-7】实现转动鼠标滚轮缩放图片的网页特效
【任务9-2】制作包含特效的“九寨沟旅游”网页
【任务9-3】制作包含特效的“公园游”网页
【任务1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 重磅 3727100 网页 设计 制作 任务 驱动 教程 承欢 案例 结果 课程设计