魔力鸭cherry轴:全面解答:如何进行网页设计(2)-制作技巧-网页制作大宝库

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 10:01:29
全面解答:如何进行网页设计(2)时间:2009-09-21 15:40来源:未知 作者:大宝库 点击:631次阅读工具:字体:大 中 小
-  分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。  对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
  和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。六、网页的优化  在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。  在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。  图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。  表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。  网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。  说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字
★建设自己的网站较好的步骤☆  必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。  我觉得建站可以按照以下步骤进行:
  1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。
  2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)
  3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。
  4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)
  5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)
  6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)
  7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
  8、把网站上传至空间里面,删了准备文件,就OK了!  不过也可以这样使用FP建站:  1、在FP里面选择新建站点。
  2、然后在【导航】里面设置网页名称以及标题。
  3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。
  4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
  5、把网站上传至空间里面,删了准备文件。完毕。  如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。  在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。  在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com(责任编辑:大宝库)共3页: 上一页123下一页 ------分隔线---------------------------- 上一篇:网站设计的思考-定位你的网站主题和名称
下一篇:网页设计制作试题及参考答案
收藏 挑错 推荐 打该文章转摘自-网页制作大宝库(www.dabaoku.com) - 原文链接:http://www.dabaoku.com/jiaocheng/wangye/jiqiao/2009092198_2.shtml
全面解答:如何进行网页设计(2)-制作技巧-网页制作大宝库 全面解答:如何进行网页设计-制作技巧-网页制作大宝库[1] 全面解答:如何进行网页设计(3)-制作技巧-网页制作大宝库 网页经典代码(2)-制作技巧-网页制作大宝库 如何制作出非常美观的网页-制作技巧-网页制作大宝库 网页经典代码-制作技巧-网页制作大宝库[1] 网页设计中常用到的Photoshop技巧-Photoshop教程-网页制作大宝库 网页制作方法,我的几点经验(2)-制作技巧-网页制作大宝库 [2] (上集)网页制作大宝库 值得收藏的东东 50条网页制作小技巧集锦(2)-制作技巧-网页制作大宝库 网页设计常用的颜色-设计制作综合-网页制作大宝库 网页制作方法,我的几点经验-制作技巧-网页制作大宝库 [1] 让广告代码不再影响你的网页加载速度-制作技巧-网页制作大宝库 防止网页内容被拷贝的方法-制作技巧-网页制作大宝库 值得收藏的东东 50条网页制作小技巧集锦-制作技巧-网页制作大宝库[1] 教你制作有好的错误页面-制作技巧-网页制作大宝库 网页制作大宝库-精选网页模板下载(免费) 手把手教程:一步步教你搞网站同步镜像(2)-制作技巧-网页制作大宝库 轻松拥有自己的站内搜索引擎-制作技巧-网页制作大宝库 一行代码解决iframe挂马-制作技巧-网页制作大宝库 如何制作透明flash-flash教程-网页制作大宝库 点滴精华 Dreamweaver网页设计制作技巧 网页设计制作规范 网站建设基础:打开速度的快慢对网站的影响-制作技巧-网页制作大宝库