电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本
换一换
首页 金锄头文库 > 资源分类 > DOC文档下载
分享到微信 分享到微博 分享到QQ空间

《网页设计与制作综合实训》实训指导书

  • 资源ID:90116014       资源大小:88KB        全文页数:14页
  • 资源格式: DOC        下载积分:15金贝
快捷下载 游客一键下载
账号登录下载
微信登录下载
三方登录下载: 微信开放平台登录   支付宝登录   QQ登录  
二维码
微信扫一扫登录
下载资源需要15金贝
邮箱/手机:
温馨提示:
快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。
如填写123,账号就是123,密码也是123。
支付方式: 支付宝    微信支付   
验证码:   换一换

 
账号:
密码:
验证码:   换一换
  忘记密码?
    
1、金锄头文库是“C2C”交易模式,即卖家上传的文档直接由买家下载,本站只是中间服务平台,本站所有文档下载所得的收益全部归上传人(卖家)所有,作为网络服务商,若您的权利被侵害请及时联系右侧客服;
2、如你看到网页展示的文档有jinchutou.com水印,是因预览和防盗链等技术需要对部份页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有jinchutou.com水印标识,下载后原文更清晰;
3、所有的PPT和DOC文档都被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;下载前须认真查看,确认无误后再购买;
4、文档大部份都是可以预览的,金锄头文库作为内容存储提供商,无法对各卖家所售文档的真实性、完整性、准确性以及专业性等问题提供审核和保证,请慎重购买;
5、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据;
6、如果您还有什么不清楚的或需要我们协助,可以点击右侧栏的客服。
下载须知 | 常见问题汇总

《网页设计与制作综合实训》实训指导书

网页设计与制作综合实训实训指导书武汉商贸职业学院信息工程学院网页设计与制作综合实训实训指导书软件教研室2013年9月目 录实训目的1实训内容及要求1实训性质、实训地点、实习时间安排,适用专业班级2实训一 站点的规划设计3实训二 设计案例网站LOGO4实训三  设计案例网站BANNER5实训四  设计案例网站导航条6实训五  设计案例网站网页内容和网页版权声明7实训六  对案例网站版面切图8实训七  制作完成案例网站首页9实训八  案例网站模板的制作10实训九  案例网页超级链接的添加11实训十  案例网站加入动态元素12第12页实训目的在前一阶段,学生完成了网页设计与制作、图形图像处理、CSS设计、等专业课程的学习,为了让学生将前期的专业课程学以致用,融会贯通,特开设本系统化实训。本次综合实训基于学生的兴趣,选取专业建设网站开发为主题,基于网页开发的流程,把实训周期当做是一个项目的开发周期,严格把握项目进度,最终要求学生完成网站的前台设计。通过本次实训希望达到以下目的:1. 熟悉和掌握Dreamweaver软件的使用方法;2. 熟悉和掌握PS软件的使用方法;3. 熟悉FLASH软件应用的方法;4. 学会使用CSS+DIV做网页布局;5. 熟练掌握站点的规划与设计实训内容及要求本实训的内容简述:1. 网站首页(1)专业概况(2)专业建设规划(3)展示最新动态文章标题(8条)(4)专业建设成效的文章标题(8项)(5)专业建设特色文章标题(8项)2. 专业概况点击项目概况,显示相关文本3. 专业建设规划点击项目申报书菜单,显示flashpaper格式的申报书内容4. 专业建设特色显示专业建设特色的文章标题列表,点击标题进入内容5. 专业建设动态显示专业建设动态的标题列表,点击标题进入成果详细展示6. 专业建设成效显示专业建设成效的标题列表,点击标题进入成果详细展示。本实训的要求:1. 应用css和html(div+css)技术完成至少4个页面,其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。2. 显示环境:网页视觉效果应采用Internet Explorer 6.0以上版本浏览器,显示分辨率以1024×768状态为准。3. 网页规模:网页总量原则上不应超过10M,且必须要是不连接互联网就可以进行展示的作品。4. 网站结构:要求结构清晰,文件有清晰的分类,比如图片都放在images文件夹下等。5. 要求页面美观大方、颜色搭配协调;6. 作品留存,下学期或下一阶段继续完善、开发。实训性质、实训地点、实习时间安排,适用专业班级该实训为校内模拟实训。根据高等教育教学大纲规定和学院教学计划安排及培养学生职业技能的要求,软微班的学生于第一学期进行为期4周的校内实训,项目名称为网页设计与制作综合实训。实训时间:2013-2014学年第一学期第15-18周实训班级:软件1301班、软件1302班实训地点: 学校机房实训一 站点的规划设计1、学时分配:6学时 2、实训目的 (1)熟悉Dreamweaver软件的界面布局和工作环境。 (2)熟练掌握本地站点创建和管理的方法。 3、实训任务 (1)创建一个静态网站站点。 (2)从网络上收集网页素材。 (3)根据提供的网站策划方案范本,结合自己要制作完成的网站,开始着手书写网站策划方案。 4、实训内容 (1)打开Dreamweaver 软件,熟悉软件的界面布局和工作面板的摆放,能够熟练使用Dreamweaver 软件。 (2)在本机D盘上创建文件夹“home”,在“home”文件夹下根据网站的规划设计,创建相关的文件夹,用来放置不同的文件。 (3)在Dreamweaver 软件中,将D盘 “home” 文件夹定义成静态网站站点,站点名称任意。 5、实训要求 (1)由指导教师讲清实训的基本原理,要求,实训目的。 (2)实训不分小组,要求每位同学均能独立地完全相关实训的设计与制作。 (3)教学实训除了验证课程理论外,还要求学生掌握网络资源的搜索与应用。 (4)除了教师的指导外,还要着重培养学生自学的能力。 实训二 设计案例网站LOGO 1、学时分配:6学时 2、实训目的 (1)熟悉Photoshop软件的界面布局和工作环境。(2)熟练掌握网站LOGO的设计方法。 (3)创建项目案例网站的LOGO。 3、实训任务 (1)掌握Photoshop软件文字工具工具的使用方法。(2)查看网络上相关网站LOGO。 (3)根据小组讨论结果,实际动手完成网站的LOGO。 4、实训内容 (1)打开Photoshop软件,熟悉软件的界面布局和工作面板的摆放,能够熟练使用Photoshop软件。 (2)新建Photoshop文件,大小为980*600像素,分辨率为72像素/英寸,颜色模式为RGB颜色8位,背景颜色为白色或者透明都可以。 (3)使用文字工具,输入三个字母,设置文字属性。 (4)栅格化文字图层,将栅格化后的图层上的3个字母分别移动到不同的3个图层上。 (5)分别对3个字母进行艺术化处理。 (6)输入其他的文字。 (7)为输入的文字图层设置“混合选项”。 (8)保存文件。 5、实训要求 (1)由指导教师讲清实训的基本原理,要求,实训目的。 (2)实训不分小组,要求每位同学均能独立地完全相关实训的设计与制作。 (3)教学实训除了验证课程理论外,还要求学生掌握网络资源的搜索与应用。 (4)除了教师的指导外,还要着重培养学生自学的能力。 实训三  设计案例网站BANNER 1、学时分配:6学时 2、实训目的 (1)熟悉Photoshop软件的使用方法。 (2)熟练掌握网站BANNER的设计方法。 (3)创建项目案例网站的BANNER。 3、实训任务 (1)掌握Photoshop软件渐变工具的使用方法。 (2)查看网络上相关网站BANNER。 (3)根据小组讨论结果,实际动手完成网站的BANNER。 4、实训内容 (1)打开Photoshop软件,熟悉软件的界面布局和工作面板的摆放,熟练使用Photoshop软件。 (2)打开上次保存好的Photoshop源文件,在上次完成的LOGO基础上,准备开始制作本次的BANNER。 (3)根据网站策划方案里的主色调和主题的要求,开始设计网站的BANNER,首先去选择一张适合的图片。 (4)使用矩形选框工具选择要使用的图片部分,图片的其他部分删除。 (5)根据设计要求,在BANNER上添加其他元素,比如文字或者其他能够表达网站主题的图片。 (6)使用魔术棒工具将要放置到BANNER上的图片的某一部分扣出来,然后设置适合的大小,旋转好方向后放好。 (7)设置图层的样式,以及文字的混合选项等。 (8)保存文件。 5、实训要求 (1)由指导教师讲清实训的基本原理,要求,实训目的。 (2)实训不分小组,要求每位同学均能独立地完全相关实训的设计与制作。 (3)教学实训除了验证课程理论外,还要求学生掌握网络资源的搜索与应用。 (4)除了教师的指导外,还要着重培养学生自学的能力。实训四  设计案例网站导航条 1、学时分配:6学时 2、实训目的 (1)熟悉Photoshop软件的使用方法。 (2)熟练掌握网站导航条的设计方法。 (3)创建项目案例网站的导航条。 3、实训任务 (1)掌握Photoshop软件圆角矩形工具的使用方法。 (2)查看网络上相关网站导航条。 (3)根据小组讨论结果,实际动手完成网站的导航条。 4、实训内容 (1)打开Photoshop软件,熟悉软件的界面布局和工作面板的摆放,熟练使用Photoshop软件。 (2)查看网上其它网站的导航条,了解导航条的基本情况。 (3)打开上次保存好的Photoshop源文件,在上次完成的基础上,准备开始制作本次的导航条。 (4)根据网站策划方案里的主色调和主题的要求,开始设计网站的导航条,首先去选择一张适合的图片。 (5)使用圆角矩形工具绘制一个圆角矩形,颜色与大小要与整个网站的风格与主题相一致。 (6)选中绘制好的圆角矩形,使用渐变工具,绘制立体感导航条背景。 (7)输入导航条文字,输入导航条文字间的竖线间隔。 (8)设置文字和竖线的混合选项,增加立体感。 (9)保存文件。 5、实训要求 (1)由指导教师讲清实训的基本原理,要求,实训目的。 (2)实训不分小组,要求每位同学均能独立地完全相关实训的设计与制作。 (3)教学实训除了验证课程理论外,还要求学生掌握网络资源的搜索与应用。 (4)除了教师的指导外,还要着重培养学生自学的能力。实训五  设计案例网站网页内容和网页版权声明 1、学时分配:6学时 2、实训目的 (1)熟悉Photoshop软件的使用方法。 (2)熟练掌握网站网页内容和网页版权声明的设计方法。 (3)创建项目案例网站的网页内容和网页版权声明。 3、实训任务 (1)掌握Photoshop软件多种工具结合的使用方法。 (2)查看网络上相关网站网页。 (3)根据小组讨论结果,实际动手完成网站的网页内容和网页版权声明。 4、实训内容 (1)打开Photoshop软件,熟悉软件的界面布局和工作面板的摆放,熟练使用Photoshop软件。 (2)查看网上其它网站的网页,了解网页对象分布的基本情况。 (3)打开上次保存好的Photoshop源文件,在上次完成的基础上,准备开始制作本次的网页内容和网页版权声明。 (4)根据网站策划方案里的主色调和主题的要求,选择灰色与深蓝色作为边框颜色,网页内容标题文字颜色为黑色。 (5)以制作通知公告为例,使用文字工具输入文字“通知公告”,文字大小为14号,文字颜色为黑色,文字字体为“宋体或者黑体”,根据自己的理解,可以为文字增加“混合选项”,设置文字效果。 (6)新建图层,选择“线条工具”,线条粗细为1 像素,颜色为黑色或者深蓝色都可以,绘制一条直线。 (7)新建图层,选择“圆角矩形工具”,半径为50 像素,颜色为黑色或者深蓝色。 (8)新建图层,选择“文字工具”,在刚才绘制好的圆角矩形上输入“More”,文字大小是12,颜色为白色,字体为“Arial”。 (9)使用同样的办法可以制作完成其他网页内容部分的标题。 (10)保存文件。5、实训要求 (1)由指导教师讲清实训的基本原理,要求,实训目的。 (2)实训不分小组,要求每位同学均能独立地完全相关实训的设计与制作。 (3)教学实训除了验证课程理论外,还要求学生掌握网络资源的搜索与应用。 (4)除了教师的指导外,还要着重培养学生自学的能力。 实训六  对案例网站版面切图 1、学时分配:6学时 2、实训目的 (1)熟悉Photoshop软件的使用方法。 (2)掌握网站版面设计的方法。 (3)对案例网站版面进行切图。 3、实训任务 (1)掌握Photoshop软件切片工具的使用方

注意事项

本文(《网页设计与制作综合实训》实训指导书)为本站会员(206****923)主动上传,金锄头文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即阅读金锄头文库的“版权提示”【网址:https://www.jinchutou.com/h-59.html】,按提示上传提交保证函及证明材料,经审查核实后我们立即给予删除!

温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.