网页制作说明书

《网页设计》 网站制作说明书
一、网站简介
网站名称 茶文化 教 学 院 计算机学院 专 业 计算机信息管理
班 级 09信管 姓
名 孙亚 指导教师
何军华
2011 年 12 月 14 日
随着市场经济的高速发展，经济已经逐渐全球化，商务贸易已经日趋成熟，传统的商业模式已经不能满足人们的日益需求，商业模式已经逐渐开始向电子商务模式转变。

本网站是一个商务公司的门户网站，整个网站共分为5个主要部分，分别由首页、关于、访客留言、作者等连接组成。

首页标题栏主要链接企业文化、公司规模、公司产品等相关内容，让浏览网页的人对公司有个大致的了解；左侧栏主要连接了商品列表、访客留言板，以供进入网站的留言、提意见等；主题内容只要链接公司的最新动态以及相关新闻和新出的产品等，让浏览网页的人嫩娘个一目了然的了解到茶文化。

二、网站制作步骤简介
该网站为了突出直观、美观的效果大量使用了photoshop、dreamweaver等常用网页制作软件，下面对制作过程作一个简单介绍。

一、用photoshop制作主页效果
1、新建一个ps任务，并根据最初的设计描绘出辅助线
2、并对页内各模块进行填充修改，并配色。

3、制作标题栏
二、创建站点
在本地创建一个名为‘茶文化’的站点。

三、使用dreamweaver编辑模板页
1、创建首页的基本框架
2、插入表格
3、插入图片
4、输入相关文字
四、完成首页的制作
五、使用模板完成其他二级页面的制作
1.企业文化
2.公司规模
3茶行业界面
3.公司产品
5．图册界面
六、检查所有页面的链接
将所有页面进行相关链接，完成制作。

七、总结
通过本次网站的制作，让我更加了解了photoshop对网页美工的重要性，同时也使我对dreamweaver的常用操作更加熟练，以及一些网页制作的技巧。

1、小图标怎样与文字对齐。

<img src="小图标位置" style=" vertical-align:middle" />订阅采购信息
2、文字如何环绕在图片周围。

<img src="图片位置" style="float:left" /> 图片在左边，如果需要在右边，则为<img src="图片位置" style="float:right" />
3、如何给图片加上边框。

<img src="图片位置" style=" border:2px solid #efefef; padding:2px" />
border:2px solid #efefef; 边框粗细,边框类型,边框颜色padding:2px 边框与图片之间的空隙
4、限制了图片高度或宽度之后，如何自动按比例缩放。

<img src="图片位置" width=100> 如果需要限制宽度，则不要设置高度，图片就可以自动按比例缩放。

5、当网速太慢的时候，怎么用文字代替显示不完整的图片。

<img src="图片位置" alt="需要代替的文字">
成绩评定
老师签字：
日期：。