网站教程.pptVIP

网站相关知识介绍 思茅便民服务中心培训教程 云南电信网信集团IT业务发展中心 陈俊 项目列表 初识网页 初识网站 网站的设计制作 网站的访问与存放 网站的推广与维护 相关软件 网站的设计制作 搜集网站资料 网页总体设计规则 网站美术风格设计 网站内容制作 搜集网站资料 建站前必经的一步是搜集网站资料。 对于政府机构网站来说，搜集网站资料也就是搜集整理本单位资料。包括本单位总体介绍，如本单位规模，本单位结构，本单位提供的服务，本单位曾经所获得的荣誉，本单位未来的发展趋势等等。另外也可附加一些单位的优质服务等等。本单位资料不仅包含文字资料，也包含一些图片资料，比如单位建筑图片，单位员工图片，使得本单位更逼真，更具有说服力地展现在用户面前。 总之根据本单位提供的资料，如果有必要，某些资料也可以由设计者自身提出。尽可能让客户对本单位了解的更全面，更细致。 网页总体设计规则 一个页面设计美观、有创意，结构清晰、规范的网站马上就能吸引浏览者，给浏览者一个良好的第一印象。 网站设计遵循“统一中求变化”的原则，页头、页尾、栏目分类保持和谐一致，做到页面设计新颖、丰富、主题突出，在浏览时给人愉悦和亲近的感受。 网站目录管理、文件命名、文件大小、网页存放都有严格的规范，以便后期维护。 网页版面设计规则 网站的框架一般有回字结构，匡字结构，同字结构，还可以有更多的更独特的结构，主要看单位的性质与类型，看个人的创意和设计。 另外设计总体布局的时候一定要考虑到页面的可扩充性。一般信息不可能是静止的，一成不变的。网站信息也随之要更新，设计者要考虑到本单位随时有可能添加或者删除某些内容。 回字结构 回字结构网页示范 匡字结构 同字结构 网站色彩设计 一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。 色彩 色彩 网站色彩搭配 网页设计规则 　　一、控制页面的总规模　　要想把网页做得精彩，内容必定要丰富，但不要把所有的内容都放在一个页面上，应控制页面的总规模。首先统计页面中的每个对象，如文字、图像、ActiveX或Java代码以及HTML文本的大小。用28.8Kbps的Modem粗略地估计一下，按每秒3KB的速度下载整页所需的时间，如果整页有5KB的HTML代码和30KB的图像，下载该页大约需要12秒，这一般能满足访问者的要求。 　　二、分解大型表格 　　尽可能避免用大型表格，因为浏览器必须等待整个表格的内容全部到达客户端，才能显示这个表格的内容，而文本或图像则是一边下载一边显示。如果页面中必须使用表格，可将大表格分解成若干小表格，浏览器下载后面的表格时，客户可以阅读已经下载完的前一个表格。用客户浏览信息的时间去代替等待下载的时间，这一技巧在任何时候都适用。 　　 网页设计规则 三、标记图像的大小　　在HTML代码中，最好标记出图像的显示高度和宽度，在下载页面时，浏览器会按这个高度和宽度留出图像的位置，在图像下载完毕之前及时地显示其周围的文字内容。否则，让浏览器按图像本身的高度和宽度显示，那么只能等待图像全部下载完毕后，才显示图像及其周围的其他文字信息，无疑造成客户的等待。 　　四、重用图像 　　如果多次使用同一图像文件，客户端浏览器的缓存对此有所帮助。浏览器将从它的Cache中找出先前下载的那个图像文件并调入显示，而无需再从Web站点上下载，即使它们不在同一页面中，这样调入图像就不受带宽的约束。因此各页面的背景图案可使用同一图像文件，既统一了页面的风格，又可节省图像下载的时间。如果您再次调入的图像文件只有尺寸有点变化，那么使用图像高度和宽度标记（Tags）即可改变图像的大小。 　　五、选择合适的格式 　　JPEG格式是网上非常流行的图像格式，它对于大型图像的压缩率特别高，而GIF格式更适合小图像和艺术线条一类的图像。对于同样内容的4KB以下的图像文件，GIF格式比JPEG格式效果更好，如果不信，您可比较一下两种格式的小图像文件的大小和质量。 网页设计规则 六、减少图像的数目　　不要使用太多的图像文件。图像文件的数量和大小对页面是很重要的，因为每下载一个图像文件，浏览器都将向Web服务器请求一次连接，所以图像文件越多意味着页面下载的时间越长。可以尝试用一个图像代替多个分散的小图形（如多个按钮），从而尽可能地减少图像