关于我们页面模板下载

竭诚为您提供优质文档/双击可除关于我们页面模板下载
篇一：html网页布局模板
1html笔记
一、html的概述（了解）
a.html是什么：hypertextmarkuplanguage超文本标记语言超文本：音频，视频，图片称为超文本。

.标记：称为标记.一个html页面都是由各种标记组成。

b.作用：编写html页面。

程).
html页面直接由浏览器解析执行。

二、html的历史（了解）
三、html的网络术语（明白）
*网页：由各种标记组成的一个页面就叫网页.
*主页(首页):一个网站的起始页面或者导航页面.
*标记: 称为开始标记
称为结束标记.也叫标签.每个标签都规定好了特殊的含义。

*元素：内容
称为元素.
*属性：给每一个标签所做的辅助信息。

*xhtml：符合xml语法标准的html。

*dhtml：dynamic,动态的。

javascript+css+html合起来的页面就是一个dhtml*http：协议标准。

用来规定客户端浏览器和服务端交互时数据的一个格式。

smtp邮件传输协议,ftp:文件传输协议.c.html语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过
四、html的编辑工具（了解）
五、html的规范(知道)
*.html是一个弱势语言
*.html不区分大小写*.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个*.notepad记事本*.editplus:语法高亮显示技巧：根据颜色判断单词是否出错。

（不是100%）*.ultraedit:根据颜色判断单词是否出错,可以显示2进制数据.*.dw(dreamweaver,专业工具)代码提示.字符，比如dos系统)
*.html的结构1)声明部分。

主要作用是用来告诉浏览器这个页面使用的是那个标准。

是html5标准。

2)head部分：不会显示在页面上。

作用是告诉浏览器一些页面的额外信息。

六、html的各种标签(掌握)
明确：每个标签都有私有属性。

也都有公有属性。

html中表示长度的单位都是像素。

html只有一种单位就是像素。

body:
bgcolor:背景颜色background:背景图片3)body部分：我们缩写的代码必须放在此标签內。

1.排版标签
所有的浏览器默认情况下都会忽略空格和空行
2字体标签
p：p代表一个段落属性：align:对齐方式.取值：
left,right,center
代表是换行。

hr:color:线的颜色size:线的粗细width:线的长短两种写法：1)绝对值eg:5002)相对值：50%noshade:不要阴影align:对齐方式取值：left,right,centercenter:内容居中pre:预定义格式标签.告诉浏览器不要忽略空格和空行div:块级标签必须单独占据一行属性：align:span:块级标签不换行字体标记h1...h6:定义字体大小属性：align:居中font:
颜色的写法有3种：1)英文单词:red2)十六进制：
#00ffcc3)Rgb(三原色):new
Rgb(124,156,23)
号
size:字体大小face：字体类型特殊字符：大于版权商标空格扩展：b:加粗strong:加粗i:斜体em:斜体u:下划线s:中划线(删除线)sup:上标sub:下标.
img:代表是一副图片
属性：src:图片的路径
两种写法：a):相对路径路径是相对页面所在的路径两个3.图像标记
标记.和..,分表代表当前目录和父路径
b)：绝对路径
1):以盘符开始的路径
eg:c:\documentsandsettings\administrator\桌面
\day01_html\上课示例/images/1.jpg
网络路径
2):eg:/imageswidth:宽度height：高度alt：当图片显示不出来的时候代替图片显示的内容title：提示性文本border:边框热点：就是特定的位置添加超链。

coords="122,81,38"href="demo_字体标
签.html"/>
4.清单标记
列表标签：3种a.无序列表ul属性：type:值：disc(默认，实心原点),square(实心方点),circle(空心圆)
b.有序列表(ol)属性:type:取值：1(阿拉伯数字，默认),a,a,i,istart:从几开始
篇二：网站设计方案(模板)
网站设计模版
一、项目目标
1.1网站目标
网络凭借其卓越的互动性与便捷的交流手段正成为最
有发展潜力与前途的新兴媒体，成为众商家倍为关注的宣传热点。

许多行业的先锋企业都已经采用互联网技术，为客户、合作伙伴在网上提供信息服务，并且借助互联网，敏锐的捕捉商机。

作为一家以农产品生产为主的生产基地，郫县韭黄基地更需要建设好网站，将其作为对外宣传、服务和交流的载体，来配合基地的迅速发展，使网站具有鲜明的行业特色，使更多的客户通过网络来了解郫县韭黄基地，从而获得更多的商机。

1.2网站设计风格
我们将充分发挥网站策划和建设开发的优势，在开发建设郫县韭黄基地网站中将严格遵循以下原则：1．在设计上：精美与高效兼顾。

网站页面设计体现郫县韭黄基地的企业形
象，在框架编排、色彩搭配以及Flash动画的适当穿插都做到恰到好处，使整个网站在保证功能的前提下给浏览者带来良好的视觉享受和时代动感。

2．在网站功能上：充分体现网站的互动性，并且采用
多种机制提醒网站管理人员，便于网管和相关人员及时响应。

并且特别注重网站的安全和稳定，采用网络安全、系统登录安全、各分系统安全、分系统模块安全、会话期间安全等多种方式确保安全。

采用先进的3层结构的编程方式使网站即使在极多访问量的情况下仍能保持稳定和效率。

3．在网站维护和后续扩展上：我们提供专门的网站维
护后台，网站管理员可以很方便的借助这个平台维护整个网站。

我们在规划网站之初，就会将功能模块框架搭建得很大而且易于扩展，以后增加新的功能和模块都会非常方便，降低二次开发成本。

二、网站整体结构
2.1栏目说明
郫县韭黄基地网站栏目结构规划充分考虑到郫县韭黄
基地展示企业形象、扩大知名度、在线营销的需要。

网站采用了多个动态模块，企业能够自主、独立的完成网站中大多数内容的更新，同时，网站整合的“招商引资”，“联系我们”模块，增加了网站同客户之间的交互性，使浏览者真正感觉到参与了网站的活动，既极大增加了网站的功能，增强了企
业在访问者心中的亲和力认知度，使郫县韭黄基地的产品为更多的客户所瞩目。

2.2网站首页
网站首页是网站的第一内容页，整个网站的最新、最值得推荐的内容将在这里展示。

在设计上色彩风格参照总部英文网站，以达到整个公司的企业形象的和谐统一；在制作上采用php动态页面，系统可以调用最新的内容在首页显示。

在内容上，首页有公司的最新动态，推荐产品等信息，并且管理员在后台可以动态更新首页的内容，使整个网站时时充满生机和活力。

包含以下栏目：企业简介
本栏目包括“基地简介”、“基地图片”、两个二级栏目，采用静态页面，主要功能是宣传企业，通过对的基本情况、文化理念、服务、产品的了解，使郫县韭黄基地为更多客户所熟悉、信赖。

在页面设计上，我们采用灵活运用多种动画效果，力求将郫县韭黄基地的企业形象予以最好的传达。

最新新闻
可以使用此系统构造新闻内容页面，自动生成首页的新闻连接，同时产生历史新闻列表，提供新闻页面的管理界面，自主发布行业新闻，并且新闻内容页中支持插入图片方式和网页代码，自动显示信息及发布时间等。

它大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保
持着活力和影响力。

供求信息（后续开发模块）
企业的产品属性如果规范，同一种类的产品有相同的属性，并且产品数量比较多，更新也比较频繁的情况下，我们推荐采用产品展示系统来管理您的产品。

这样，产品信息的发布非常方便、快捷，而且能给网站访问者提供非常强大的产品快速查找的功能，让销售双方第一时间掌握市场供求信息资料。

在线交易（后续开发模块）
在线交易栏目是一个产品在线选择与定购模块，客户可以按操作步骤一步步进行在线定购操作，其结构功能我们做到简单明了，让顾客购物方便快捷，包含以下栏目：（1）韭黄市场报价（数据库与市场联动实时更新）（2）在线交易平台（c2b\b2b\b2c）数据库后期建设项目），同时也方便了数据的更改与商品的上下架更新速度。

网上交易平台是一个信息发布平台，网站可以
通过这个平台发布需要采购的产品信息，浏览者可以查看信息并能够在线填写供货意向表单，表单在线发送到后台数据库，管理员在后台可以查看这些信息。

种植技术
种植技术栏目是一个可以介绍基地的一些种植技术的小常识的板块，也可以当作基地的一些先进的种植技术的展。