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

【实训概述】

1,要求运用DIV+CSS+JavaScript完成企业网站“同方股份有限公司网站”,首页设计效果如下图所示。

2,网站设计软件:EditPlus。

3,要求CSS代码放在在css文件中。


【实训实施】

1,首页页面布局设计

导航

logo及搜索栏

大图

主体区域1

主体区域2

底部

2,导航设计

导航设计包括下拉导航菜单和中,英文切换链接,如下图所示。

二级导航菜单如下图所示,二级导航菜单超链接可以自行设置。

3,logo及搜索栏设计

左边的logo文件为实践企业网站资料/images文件夹中的logo.png,右边的搜索栏由文本框和提交按钮组成,文本框中的默认值是“请输入关键字”,当文本框获得焦点时自动清空,失去焦点时自动恢复为默认值。

4,大图设计

大图文件为实践企业网站资料/images文件夹中的p1.jpg,如下图所示。

5,主体区域1设计

主体区域1分左右两块,如下图所示,对应的图片文件在实践企业网站资料/images文件夹中。

当鼠标在块“更多”上是,背景变成蓝色,鼠标离开块时背景变成灰色(后面雷同),如下图所示。

6,主体区域2设计

主体区域2分左中右三块,如下图所示,对应的图片文件在实践企业网站资料/images文件夹中。

7,底部设计

底部左边为版权区,右边为分享链接区,如下图所示。

【实训结果】

1,首页页面截图

2,首页HMTL代码(代码为五号字,单倍行距)

3,CSS代码(代码为五号字,单倍行距)

课程设计总结

(实习总结内容包括综合实习过程中遇到的问题以及解决问题的方法,综合实习过程中还未解决的问题以及可能的解决方案,通过综合实习过程所巩固,掌握的知识以及收获体会和今后深入学习动态龙8app客户端下载的打算。)

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

                 

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

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

Baidu