• 学前教育
  • 小学学习
  • 初中学习
  • 高中学习
  • 语文学习
  • 数学学习
  • 英语学习
  • 作文范文
  • 文科资料
  • 理科资料
  • 文档大全
  • 当前位置: 雅意学习网 > 初中学习 > 正文

    盈亏问题如何通俗讲解【浅谈网页的设计几点问题】

    时间:2019-04-23 03:35:16 来源:雅意学习网 本文已影响 雅意学习网手机站

      摘要:随着网络技术的不断发展,Internet的应用已经渗透到人类社会的各个角落。伴随着各种类型网站的不断涌现,网页设计应用也越来越广泛,但不同的设计人员对于网站的建立和网页设计有不同的风格。很多设计者基于表现某方面的风格,采用了一些特殊的处理手法,但同时也存在某些缺陷,在此就网站建立和网页设计浅谈几个值得注意的问题。
      关键词:网页设计;网站
      中图分类号:TH49 文献标识码:A 文章编号:1007-9599 (2012) 09-0000-02
      一、 根据网站主题内容确定网页风格与形式
      目前,各种类型网站体现的价值越来越得到人们的广泛关注和认可。而网站是通过网页来具体实现的,即网页的内容才是该网站具体的表现形式。只有通过设计清晰、主题鲜明、功能多样的网页才能更好更准确地将网站要体现的价值传达给浏览者,才能更吸引浏览者、得到人们的广泛关注和认可。
      因此,在动手设计制作网页之前,要根据网页主题内容分析访问者的类别、社会背景、心理需求等。要注意对每个网页的结构布局、色彩基调,甚至是字体字号及图片的使用都要有统一的构思和规划。
      二、主题要鲜明
      鲜明的主题是网页设计的前提,不同的设计风格体现不同的主题内容,从而带给浏览者不同的视觉效果。要将网页的内容形式通过空间层次、逻辑关系、版面布局,主从关系等方面的运用和调整成功的塑造出给浏览者以内容清晰、突出,风格独特、主题鲜明的良好的印象,从而达到让浏览者耳目一新、印象深刻、回味无穷的效果。
      因此,要将需要浏览者快速理解和吸收的主题思想内容与运用多种方式缔造出视觉艺术形式这两方面有机的统一起来,才能真正的体现网站主题效果,更好地满足人们的使用和需求,使网站被浏览者及时的认知、理解和记忆。
      三、合理使用标准色彩
      标准色彩(是指能体现网站形象和延伸内涵的色彩)主要用于网站的标志、标题、主菜单和主色块,给人以统一整体的感觉,其它颜色只能作为点缀。一般适合于网页标准色的颜色主要有:蓝色、黄/橙、黑白灰三大系列色。
      网页的设计离不开色彩的运用,要根据网站设计的主题,面向的人群层等选择不同的颜色搭配,通过合适的颜色搭配对比可起到不同的视觉效果,更好地衬托出网站的主题内容。
      当然,运用较好的色彩能衬托环境,但不合理的搭配也会物极必反。通常,一个网站的色彩最好不超过三种。网页背景色的设计也应尽量采用比较明亮的色彩。网页界面中的色彩太过炫目或图片过多过杂,都会影响视觉效果,甚至可能会喧宾夺主,干扰到浏览者对网站内容的注意。所以,在网页设计中,要充分掌握色彩的各种特点,要了解色彩对浏览者心里所产生的影响,抓住自己的标准色,配以不同的辅色,根据均衡和重点突出的原则,合理地加以使用,将不同的色彩进行组合,这样才能既突出了主页特色,又能使页面色彩丰富。还要注意的是颜色搭配要一致协调,切忌出现影响整体视觉效果的大面积、高对比度的色块。
      四、合理确定网站的目录结构和链接结构
      (一)网站的目录
      网站的目录是在指在建立网站时所创建的目录。目录的创建是开发网站中的一个技术问题,良好的目录设置习惯反映设计者的水平。特别是多人合作开发的大型网站,更需要有一个清晰目录设置。设计网站目录时应注意:
      1.不要将所有文件都存放在根目录下
      如果将所有文件都存放在根目录下,首先会造成文件管理的混乱。特别是由于网站开发制作人员变动在网站跨年度升级过程中,会造成工作人员搞不清哪些文件需要删除、编辑或更新,影响工作效率;其次如果将所有文件都存放在根目录下,会造成上传文件速度慢。当上传文件时,服务器需对根目录所有文件先进行检索,检索完成后建立新的索引文件,因此为提高上传速度,不宜将全部文件放置于根目录中。
      2.建立子目录
      子目录的建立,首先按主菜单栏目建立。例如:学校网站可以按学院概况,教学系部,招生就业,科学研究,学生园地等建立相应目录。其中需要经常更新的栏目,例如:新闻动态等可以建立独立的子目录。而另一些不需要经常更新,相关性强的栏目,例如:联系方式,交通地图等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。需要下载的内容也存放在一个专门的录下。
      3.目录的管理
      首先,要方便目录的管理,例如:某主栏目的删除、修改和打包下载等工作,经过实践发现,在每个主栏目目录下建立独立的images目录是最方便管理的。而作为根目录下的images目录只用来存放首页和次要栏目图片。其次,由于不同软件对中文的支持差别,为避免不必要的麻烦,在建立目录时应尽量使用英文或拼音组合的目录名。同时,为了方便目录的维护管理,建立目录层次不要太深,且目录名要表意清楚明确而不要太长。
      二、链接结构
      各页面之间相互链接的拓扑结构称为网站的链接结构。简单说,链接就好比在一个立体空间把一个页面与另一个页面或一个页面与多个页面相互连接起来的通道。
      (一)树状链接(一对一)。各页面相互连接的通道只有一条,浏览只能一级级进入或退出。这样结构的优点是网页位置条理清晰,但由于只能一级级进入或退出造成浏览效率低下。
      (二)星状链接(一对多)。各页面之间相互连接的通道为多条。与一对一的树状链接相比较,在浏览时可以随时进入所需要的页面,大大提高了浏览效率。但美中不足,由于通道太多,会导致浏览者搞不清位置。
      因此,要结合两种链接结构的特点和网站建设的实际需要,扬长避短,将两种链接结构配合使用。
      (三)确保链接的有效性
      网页上传之前要对每个链接进行有效性验证,尽量避免出现死链接。通常,第二层链接的点击率仅为第一层的30%左右,所以网页中的链接层次也不要太深,3-4层比较适宜。
      五、合理控制页面大小
      在网页设计过程中,为了保证网页的浏览速度,需要合理控制网页的文件大小。有研究显示,如果一个网站的页面主体在15秒之内显示不出来,则浏览者会很快失去耐心转而打开其他网站。所以,设计再好的网页也需要在浏览者失去兴趣前打开,不然就失去了存在的价值。在通常情况下,首页文件大小尽量不要超过35K,内容页不要超过50K。对于特殊需要制作的较大网页,最好加入提示文字说明,便于浏览者取舍。   六、善用图像和变化字体
      网页设计中的图像和文字处理是网页展示形象的核心部分,浏览者通常都是在不停地点击更换他们所需要的网站,而只有通过其浏览的一瞬间用醒目的图像,美观的字体,别具特色的图像内容来吸引住浏览者的注意力。但同时也要注意,其内容才是要衬托的根本、实际作用的反映,不能虚饰浮夸。
      网页图像的选择首先要考虑到网页整体的协调度和清晰度以及用户的视觉需求来进行颜色适用性的选择。在选择颜色的时候要注意考虑颜色的统一标准,尽量选择RGB模式。在选择静态图像格式的时候最好选择gif格式,因为根据实践证明在gif、jpg等格式中,很多网站程序中使用gif格式较多,虽然其容纳的颜色比jpg的格式较少,但其现有的应用性与包容性已足够满足网页设计中的应用,相反过于清晰的jpg图像会带给浏览者一种视觉疲劳。然而,在网页动态图像选择上来看,gif格式的动画就存在很多缺点了,由于容纳颜色较少,所以造成成像颜色不足,而且对于复杂动画的制作技术比较麻烦,相较而言,在添加制作网页动画还是选择比较流行的flash格式化,成像效果以及技术手段都是不错的。
      图像可以弥补文字中的不足,但绝不能完全代替文字。更多的实际内容仍需要以文字的形式来传达给浏览者。所以,在网页设计中最重要的莫过于文字的显示了,字体大小直接影响着整个页面的美观。网页中的字体、字号、行间距以及颜色都可以根据实际需要进行突出、点缀来进行适当的变化和调整。这里需要注意的是就是细节,在排版过程中一个空白,一个宽大的艰巨,一个错误的断开都会给网页带来巨大的败笔。恰当运用CSS样式表会使文字处理达到事半功倍的效果。而且要注意过多的字体会是页面显得杂乱无章,一页中的字体尽量限制在4种以内,并尽量少用特殊字体。
      七、完善网站测试及时做好更新
      网页制作好后,必须在几种不同类型的浏览器下测试网站,一方面来保证网站的兼容性和有效性,另一方面来保证浏览者在使用较以前的浏览器可以正常浏览。
      网站网页的制作是一时的,但网站网页的维护与更新则是时时刻刻都要进行的工作。一个优秀的网站必须本着对浏览者负责的态度保持经常性的更新,通过丰富的形式、充实的内容、实时的信息,才能起到更好的宣传服务效果,才能更加体现其价值。同时,也必将换来浏览者的信任和拥戴。
      参考文献:
      [1]王建民.网页设计.湖南大学出版社
      [2]吴长河.网页设计与创意.四川电子音像出版中心
      [3]张大鹏,张威,陈海波.网页设.电子科技大学出版社
      [4]黄光学,关南宝,钟剑.网页设计与制作.北京邮电大学出版社
      [5]田玉斌.网页制作经验浅谈.科技情报开发与经济
      [6]韩义.如何优化网站结构.天津电子科技大学学报

    推荐访问:几点 浅谈 网页 设计

    • 文档大全
    • 故事大全
    • 优美句子
    • 范文
    • 美文
    • 散文
    • 小说文章