网站设计模版(网站设计模板简单)

前沿拓展:

网站设计模版

你用的后台是织梦系统吧?当你把后台安装好以后,对于相应的版块你要使用自己制作的网页做模版的话,你要先将做好的网页添加到模版文件夹中去.具体目录你可以登陆后台,然后点击相应的分类,选择"更改",里面有三个模版页面选项和当前模版目录,你把你做好的传到目录所在文件夹里面,然后在后台里面浏览找到你传的文件就可以了.


仿茅台集网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计。

网页有搜素框 导航栏 js图片轮播;

网页由网站首页,公司简介,公司发展历程,最新新闻动态组成;

具体效果图展示:

首页html代码:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>茅台集团</title><script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><link href="css/index.css" rel="stylesheet" type="text/css"/><link href="css/base.css" rel="stylesheet" type="text/css"/></head><body><!--顶部--><div class="top"> <b><img src="images/logo.gif" /></b> <ul> <li> <a href="#">设为首页</a> <div class="line2"></div> <a href="#">收藏网站</a> <div class="line2"></div> <a href="#">联系我们</a> </li> <div class="text2"> <input type="text" class="text" /> <input type="image" src="images/Button.gif" class="imag"/> </div> </ul> </div><!--导航--><div class="nav"> <ul> <li> <a href="index.html" > 首页</a> </li> <li> <a href="summary.html" > 公司简介</a> </li> <li> <a href="Products.html" >公司发展</a> </li> <li> <a href="News.html" >最新消息</a> </li> </ul></div><!--banner--><div class="banner" style="width:1000px;margin:auto"> <ul> <p><img src="images/banner2.gif" /></p> <p><img src="images/banner3.gif" /></p> <div><span class="current"></span><span></span><span></span></div> </ul> </div> <!--整体容器--> <div class="Container"> <!--公司简介--> <ul class="summary_title"> <b><img src="images/icon.gif" /></b> <p>公司简介</p> <span>COMPANY INTRODUCTION</span> </ul> <div class="summary"> <b><img src="images/p3.gif" width="100" /></b> <ul> <p><span>中国贵州茅台酒厂(集团)有限责任公司:</span>  中国贵州茅台酒厂(集团)有限责任公司(以下简称茅台集团)是国家特大型国有企业,总部位于贵州遵义市茅台镇,平均海拔 423 米,占地约1.5万亩,其中茅台酒地理标志产品保护地域面积为15.03平方公里,员工3.6万余人。 </p> </ul> </div> <div class="Box"><!--最新消息--> <div class="news"> <div class="news_title"> <b><img src="images/icon2.gif" /></b> <span>最新消息</span> <a>NEWS</a> </div> <div class="news_text"> <a href="#">MORE </a> <b><img src="images/p1.gif" width="200" /></b> <ul> <li><img src="images/Point.gif" />茅台集团举行辛丑年(2021)“端午祭麦”仪式 <span>[2021-6.17]</span> </li> <p>6月14日,农历五月初五,早上8时28分,茅台集团辛丑年(2021)“端午祭麦”仪式在“茅酒之源”酿酒工业遗址广场举行,这标志着辛丑年茅台酒制曲生产的开始。茅台集团党委委员、副总经理万波参加仪式。 </p> </ul> </div> <div class="clear"></div> </div><!--联络我们--> <div class="Contact"> <div class="news_title"> <span>联络我们</span> <a>CONTACT US</a> </div> <div class="Contact_text"> <b><p><input type="submit" value="在线咨询" class="sub" /></p></b> <ul> <span></span> <li>公司名称:中国贵州茅台酒厂(集团)有限责任公司</li> <li>公司地址:贵州省仁怀市茅台镇</li> <li>邮箱地址:service@moutaichina.com</li> <li>邮政编码:564501 </li> </ul> </div> </div> </div> <!--底部--> <div class="clear"></div><div class="bottom"> <ul> <li><a href="">首页</a></li> <li class="line"></li> <li><a href="">公司简介</a></li> <li class="line"></li> <li><a href="">公司发展</a></li> <li class="line"></li> <li><a href="">最新消息</a></li> <li class="line"></li> <li><a href="">视频</a></li> <li class="line"></li> </ul> <p class="bottom_text">版权所有:茅台集团</p></div></body><script src="js/js.js" type="text/javascript"></script></html>

拓展知识:

网站设计模版

东莞培基认为,正常的网站建设方案模板包括两部分:目录和正文
下面是目录供参考,如需正文,请访问东莞培基官方网站咨询

目 录
目 录 2
1. 引言 5
2. 项目背景 5
3. 项目需求分析 6
3.1. 基本要求 6
3.2. 建设目标 6
3.2.1. 树立企业形象,提高知名度 6
3.2.2. 宣传核心服务产品,增加合作、交流机会 6
3.2.3. 拓展营销渠道,扩大市场 6
3.2.4. 了解顾客的意见,掌握贵公司反馈 6
3.2.5. 改善业务流程 6
3.3. 建设原则 6
3.3.1. 权威性原则 7
3.3.2. 规范统一原则 7
3.3.3. 可扩展性原则 7
3.3.4. 安全性原则 7
3.3.5. 实效性原则 7
3.3.6. 易用性原则 7
3.3.7. 广泛性原则 7
3.3.8. 艺术性原则 7
3.4. 功能系统 7
3.4.1. CMS网站内容管理系统/新闻管理系统 7
3.4.2. 信息检索系统 8
3.4.3. 产品展示系统 9
3.4.4. 留言反馈系统 11
3.4.5. 人才招聘系统 11
4. 总体规划 12
4.1. 系统建设目标 12
4.1.1. 界面设计与动态效果 12
4.1.2. 后台功能 13
4.2. 系统架构 13
4.2.1. 各种规范 13
4.3. 系统性能 14
4.3.1. 负载能力 14
4.3.2. 稳定性 14
4.3.3. 系统响应 14
4.3.4. 扩展能力 14
4.4. 系统安全性 14
5. 具体设计 14
5.1. 网站界面创意 14
5.2. 首页效果图 15
5.3. 网站结构图 16
5.4. 前台栏目介绍 17
5.4.1. 关于我们 17
5.4.2. 资讯中心 17
5.4.3. 产品中心 17
5.4.4. 美食学院 17
5.4.5. 招商合作 17
5.4.6. 人才招聘 17
5.4.7. 服务支持 17
5.4.8. 联系我们 17
5.5. 后台栏目介绍 17
5.5.1. CMS新闻管理 17
5.5.2. 产品管理 18
5.5.3. 留言反馈管理 18
5.5.4. 用户账号管理 18
5.5.5. 人才招聘管理 18
6. 售后服务 18
6.1. 服务内容 18
6.2. 免费服务 18
6.3. 其他收费服务 19
6.4. 故障响应时间 19
6.5. 在线咨询 19
6.6. 项目责任人 19
7. 时间计划表 20
8. 价格与支付 21
8.1. 项目报价 21
8.2. 支付方式 22
9. 附录 22
9.1. 附录A:网站建设的五个等级 22
9.2. 附录B:关于本方案的法律约束 22
9.3. 附录C:本项目的联系方式 22

参考资料:
东莞培基官方网站

本回答被提问者采纳