1 / 6
文档名称:

静态网页实训报告.docx

格式:docx   大小:17KB   页数:6页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

静态网页实训报告.docx

上传人:kang19821012 2019/2/26 文件大小:17 KB

下载得到文件列表

静态网页实训报告.docx

文档介绍

文档介绍:静态网页实训报告信息网络应用基础实验报告题目:静态网页姓名:班级:学号: 一、实验主题 1、总主题:通过主人公庄焱的成长过程介绍电视剧《我是特种兵》,表达军人情怀。总运行流程:点击链接“”后进行操作。主要应用技术:多框架、超链接、表格、多媒体 2、分模块引入模块?功能:显示引入图片《最后一颗子弹留给我》;配鸣枪音乐;三秒后自动跳转进入主界面。?运行流程:点击链接“”进入页面。?应用技术:使用完成页面自动跳转;使用background添加背景图片;使用添加音乐。?关键代码: 分框架模块?功能:将主页面分为三个框架。?运行流程:跳转至本页面后自动运行。?应用技术:使用将主页面分为三个框架。?关键代码: 主题图片展示模块?功能:交替显示主题图片《我是特种兵》、《落日士兵》;在两边显示国旗。?运行流程:自动交替显示。?应用技术:使用完成页面自动跳转;使用表格…将图片排成同一行;使用插入图片。?关键代码: 导航模块?功能:循环播放背景音乐《永远的兄弟》;主页面分块导航;超链接至新浪视频《我是特种兵》全集。?运行流程:点击音乐播放的三角键可以控制“播放/暂停”,拖动进度条可以控制音乐进度,拖动音量条可以控制音量;点击“青涩”、“磨炼”、“成长”等关键字可以链接至主页面相应位置;点击“点击观看完整电视剧”跳转至新浪视频。?应用技术:使用插入音乐;使用在图片上选择矩形位置插入超链接。?关键代码: 内容显示模块?功能:背景图片不动;分为不同小专题,小专题下介绍主人公成长阶段;不同专题下可以播放对应视频;页面最下端直接返回页面顶部。?运行流程:拖动滚轮浏览页面;点击视频播放的三角键可以控制“播放/暂停”,拖动进度条可以控制视频进度,拖动音量条可以控制音量;点击“返回顶部”可以直接返回页面最上端。?应用技术:使用style="margin:100"设置页边距;使用设置字体大小和颜色;使用使文字、图片居中显示;使用插入视频;使用使视频在同一行显示;使用返回顶部。?关键代码: 二、实验内容及运行结果运行结果:按设计预想运行,图示如下:引入页面: 主页面: 点击“磨炼”关键字后超链接至相应部位: 底部“返回顶部”超链接: 点击“点击观看完整电视剧”后跳转至搜狐视频: 三、实验心得与感受经过本次实验,我更加牢固的掌握了静态网页编程的技术,除去书本中给出的语句,再遇到相应的需求时,自己会从网上查询用法,也学到了很多知识。从页面设计、文案编写、音效选取、经典视频截取全部独立完成。在遇到问题后不断调整,最后设计出静态网页。总体比较满意,希望第二次实验顺利。《交互网页设计》·实训报告1 实训报告实践环节:网页与数据库实训项目名称:博客管理系统的设计与实现院学学生姓名:指导教师:崔建涛、杨华学年学期:XX-XX学年第2学期成绩: 郑州轻工业学院软件学院实训任务书一、实训名称实践环节网页与数据库实训项目名称博客管理系统的设计与实现二、学生信息专业班级学号姓名三、用户需求及约束条件 1、网站需求:整个项目的使用分成普通用户和管理员。普通用户未登录前,可以查看文章信息及发表评论。如果想要添加文章、图片等信息,需要登录,首先单击“博客注册”按钮,注册用户名和密码。注册成功后,进入普通用