设计 任务书 论文 开题 答辩 说明书 格式 模板 外文 翻译 范文 资料 作品 文献 课程 实习 指导 调研 下载 网络教育 计算机 网站 网页 小程序 商城 购物 订餐 电影 安卓 Android Html Html5 SSM SSH Python 爬虫 大数据 管理系统 图书 校园网 考试 选题 网络安全 推荐系统 机械 模具 夹具 自动化 数控 车床 汽车 故障 诊断 电机 建模 机械手 去壳机 千斤顶 变速器 减速器 图纸 电气 变电站 电子 Stm32 单片机 物联网 监控 密码锁 Plc 组态 控制 智能 Matlab 土木 建筑 结构 框架 教学楼 住宅楼 造价 施工 办公楼 给水 排水 桥梁 刚构桥 水利 重力坝 水库 采矿 环境 化工 固废 工厂 视觉传达 室内设计 产品设计 电子商务 物流 盈利 案例 分析 评估 报告 营销 报销 会计
 首 页 机械龙8app客户端下载 电子电气龙8app客户端下载 计算机龙8app客户端下载 土木工程龙8app客户端下载 视觉传达龙8app客户端下载 理工论文 文科论文 毕设资料 帮助中心 设计流程 
您现在所在的位置:首页 >>理工论文 >> 文章内容
                 
   我们提供全套龙8app客户端下载和毕业论文服务,联系   1257590467   
教学网站设计—“Web前端开发技术”实践教学网站
文章来源:www.www.swedenno1.net   发布者:学生毕业作品网站  

【实训概述】

1,要求运用DIV+CSS+JavaScript完成“web前端开发技术”实践教学网站,首页设计效果如下图所示。

2,网站设计软件:EditPlus,CSS3 Menu,SoThink Tree Menu。

【实训实施】

1,首页页面布局设计

Logo区

导航菜单区

主体左区(树状菜单)

主体右区(内嵌浮动框架)

Footer版权区

2,Logo区设计

Logo区插入一个flash动画(实践教学网站资料/logo/logo.swf),如下图所示。

3,下拉式导航菜单设计

采用CSS3 Menu设计下拉式导航菜单,如下图所示主菜单,实践项目子菜单,课程设计子菜单,教学资源子菜单。

网站首页超链接首页页面;

主讲教师超链接目的文件显示内容参考如下(填写学生自己的信息和图像),其内容在主体右区(内嵌浮动框架)中显示;

实践大纲超链接目的文件是实践教学网站资料/design/design.swf;

实践项目子菜单中的实验一指导书到实验六指导书超链接目的文件分别是实践教学网站资料/project文件夹中的chapter_1.swf,chapter_2.swf,chapter_3.swf,chapter_4.swf,chapter_5.swf,chapter_6.swf,其内容在主体右区(内嵌浮动框架)中显示;

课程设计子菜单中的设计任务一和设计任务二超链接目的文件分别是实践教学网站资料/design文件夹中的design1.swf,design2.swf,其内容在主体右区(内嵌浮动框架)中显示;

教学资源课程设计子菜单中的HTML教程超链接网址为http://www.w3school.com.cn/,CSS参考超链接网址为http://www.admin5.com/html/html_ref/css_prop_index.html,乐学网超链接网址为http://58.193.192.23/claroline-latest。

4,树状菜单设计

采用SoThink Tree Menu设计树状菜单,主菜单和子菜单分别如下图所示。

Web前端开发工具子菜单中的EditPlus,TextPad,TopStyle,CSS3Menu,Sothink TreeMenu,ColorImpact超链接目的文件在实践教学网站资料/webtools文件夹中;

实践教学项目成果子菜单中的实验具体内容自行编写(至少完成一个实验的具体内容);

课程实际课题子菜单中的课题1和课题2超链接目的文件内容自行编写;

网络资源的HTML教程超链接网址为http://www.w3school.com.cn/,网络课程管理平台超链接网址为http://58.193.192.16,乐学网超链接网址为http://58.193.192.23/claroline-latest。

5,版权区域设计

版权区域设计如下图所示。

【实训结果】

1,首页页面截图

2,主讲教师界面截图

3,首页页HTML代码(代码为五号字,单倍行距)

4,主讲教师HTML教程代码(代码为五号字,单倍行距)

  全套龙8app客户端下载论文现成成品资料请咨询1257590467      返回首页 如转载请注明来源于www.www.swedenno1.net  

                 

打印本页 | 关闭窗口
本类最新文章
企业网站设计—同方股份有限公司网 教学网站设计—“Web前端开发技 Web前端课程设计报告-Soth
Web前端技术课程设计报告-CS 校园(企业)网络规划与设计(模板 Android开发设计专业综合设
| 关于我们 | 友情链接 | 龙8app客户端下载招聘 |

Email:biyeshejiba@163.com 在线QQ:   1257590467 学生毕业作品网站  
本站龙8app客户端下载毕业论文资料均属原创者所有,仅供学习交流之用,请勿转载并做其他非法用途.如有侵犯您的版权有损您的利益,请联系我们会立即改正或删除有关内容!
蜀ICP备10201305号-4

Baidu