网页制作说明书.docVIP

学 号： 200930430128 《网页设计》 网站制作说明书 网站名称 茶文化 教 学 院 计算机学院 专 业 计算机信息管理 班 级 09信管 姓 名 孙亚 指导教师 何军华 2011 年 12 月 14 日 一、网站简介 随着市场经济的高速发展，经济已经逐渐全球化，商务贸易已经日趋成熟，传统的商业模式已经不能满足人们的日益需求，商业模式已经逐渐开始向电子商务模式转变。本网站是一个商务公司的门户网站，整个网站共分为5个主要部分，分别由首页、关于、访客留言、作者等连接组成。 首页标题栏主要链接企业文化、公司规模、公司产品等相关内容，让浏览网页的人对公司有个大致的了解；左侧栏主要连接了商品列表、访客留言板，以供进入网站的留言、提意见等；主题内容只要链接公司的最新动态以及相关新闻和新出的产品等，让浏览网页的人嫩娘个一目了然的了解到茶文化。 二、网站制作步骤简介 该网站为了突出直观、美观的效果大量使用了photoshop、dreamweaver等常用网页制作软件，下面对制作过程作一个简单介绍。 用photoshop制作主页效果 新建一个ps任务，并根据最初的设计描绘出辅助线 并对页内各模块进行填充修改，并配色。 制作标题栏 创建站点 在本地创建一个名为‘茶文化’的站点。 使用dreamweaver编辑模板页 1、创建首页的基本框架 2、插入表格 3、插入图片 4、输入相关文字 完成首页的制作 使用模板完成其他二级页面的制作 企业文化 公司规模 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=需要代替的文字 ? 9