Bsport体育:网页设计的技巧十篇
栏目:Bsport体育 发布时间:2024-01-07
 随着我国互联网信息技术的飞速发展,通过网络流量网页观看新闻、图片和视频等已经成为人们日常生活中必不可少的生活内容,因此,网页设计所受到的关注度越来越高。其中图形图像处理技巧是网页设计最重要的影响因素之一,决定着网页设计整体效果、主题思路和浏览感受。为了满足人们对网页设计日益增长的审美要求,必须充分发挥出图形图像处理技巧的优势,设计出更加优秀和美观的网页。本文对网页设计中的图形图像处理的优势、构

  随着我国互联网信息技术的飞速发展,通过网络流量网页观看新闻、图片和视频等已经成为人们日常生活中必不可少的生活内容,因此,网页设计所受到的关注度越来越高。其中图形图像处理技巧是网页设计最重要的影响因素之一,决定着网页设计整体效果、主题思路和浏览感受。为了满足人们对网页设计日益增长的审美要求,必须充分发挥出图形图像处理技巧的优势,设计出更加优秀和美观的网页。本文对网页设计中的图形图像处理的优势、构图方法和处理技巧应用等方面进行了简要分析。切实希望有助于提升网页设计中的图形图像处理的水平和质量。

  近年来,随着我国科学技术的飞速发展和人民生活质量的不断提高,通过互联网信息技术浏览网页已经成为人们日常工作学习生活的一部分,不但如此,各个行业领域、机关部门都需要借助网络来辅助办公,因此,网站和网页建设是目前备受关注的焦点。网页设计中最重要的一个环节就是图形图像处理的过程,由于网页是面向网站用户的直接对象,网页所展示出的整体效果和层次脉络代表着网页所有者的能力和态度,能否把网页设计与艺术美感有机结合是获取浏览者认同度和满意度的基础因素。这就要求网页设计中图形图像处理过程的质量和水平要格外高超,用专业的图形图像处理技能和知识配合富有艺术美感的处理技巧,充分满足人们对浏览网页的视觉需求和效用需求。

  首先,在网页设计过程中使用图片首先可以给用户带来直观的视觉冲击,具有视觉优势,以图片作为网页版面的构成要素可以烘托出特殊的网页风格,而且图片具有良好的适配性和包容性,能够配合网页中蕴含的其他因素,从而使网页获得统一、协调的美感。其次,图片内容的受众性逛具备认知优势,通过图片设计者可以忽略由于语言文字产生的信息障碍,增大浏览和观看的受众范围,即使用户不认识文字或者来自不同语言文化的国家,都可以通过图片内容来准确理解设计者所表达的思想内涵。

  网页设计中主要的构图方式按结构划分有三种,分别是纵向式、水平式和中心式构图。其中,纵向式构图是指将网页中的全部元素按照竖直方式进行排列,这种构图方式比较简洁明了,用户能够直观、清晰地感受到网页的主体内容,多适用于广告设计中。而水平式构图与上一种构图方式类似,只不过是将排列方式转变为横向,这种构图方式体现出庄重、朴实和严谨的风格,适合用户的浏览习惯,主要适用于政府机关、企业单位和学校等机构的网站中。中心式构图运用较少,其设计理念是把所有元素统一集中到网页中心,集中表现力较强,但是给人的感觉过于拘谨。

  网页在添加图形图像的时候会伴随着噪声,噪声的产生是由图形图像的自身属性所决定的。通过图形图像去噪处理,可以有效提高图形图像的分辨率,对图片质量和大小进行优化。

  主要是通过后期制作将中心图像四周的图像进行淡化处理,以此达到突出中心主题的目的。图形图像增强能够有效提升图片的画面感,其主要技术有,边缘增强、图像色彩增强和锐化增强等。

  这种技术被大范围适用于数字图像中,主要是针对图像数据中冗余信息进行压缩处理,以提升图形图像的分辨率、像素水平,降低图像的失真性,提高图片质量。

Bsport体育:网页设计的技巧十篇

  网页设计中所涉及到图形图像的表达方式大致有三种,分别是四方图、退底图和边缘模糊图。每一种图片表达方式都有其独特的视觉效果和浏览体验,需要通过合理的运用组合,才可以设计出高水平的网站网页。在网页设计过程中,要充分考虑到图形图像的形式与网站整体风格的匹配度与协调性,按照主题风格将图片内容进行层次性排列设计,突出中心主题图像,对次要信息表达的图片进行弱化处理,从而设计出最佳效果的网站网页。

  在设计网页的过程中要按照实际需求选取图片格式,科学规范的图片格式设置可以保证网页设计的合理性和美观性,通过对拍摄图片、截取图片和拼接图片的处理,增强用户的视觉感官与浏览享受,运用“图片+文字”的手法是网页设计中较为普遍的设计形式,为了不影响整体效果和中心内涵,不同格式的图片设计是必须考虑清楚的环节。由于网页的版面所限,如何在有限的空间中高效运用图片进行信息输出是设计者需要考虑的重要内容,网页设计中图片大小主要影响图形图像的分辨率清晰度,同样需要配合网页中心思想来进行设置,突出重点来提升网页浏览效果。网页设计过程中图形图像的不同颜色搭配,能够展现出不同的设计风格和不同的表达效果,与图表、背景和文字之间的协同搭配是设计师在选择图片颜色时考虑的重要因素。

  要想制作出具备观赏性和艺术性的高水平网页,图形图像处理的相关技术的运用必不可少。Photoshop作为功能性和适用性较强的图形图像处理软件,在网页设计过程中应用较为广泛。根据网页设计要求,Photoshop能够对图片的位置、大小和版式等多项内容进行处理和调整,其中,图片分割技术是较为常用的一种技巧。通过多幅图片的分割、重构和组合能够设计出别具风格的图形图像,极大地增加了图片的灵动性和美感。

  综上所述,网页设计对技术性和美观性的要求越来越高,设计师对图形图像处理技巧运用的能力更为重要。在设计网页的过程中,通过强调图形图像的形式与网站整体风格的匹配度与协调性,根据主题对图片的格式、大小和颜色等因素进行处理,运用Photoshop等图片处理软件,可以有效提升网页的艺术性和美观性,提高网页设计的质量和水平。

  [1]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016(13):104-104.

  互联网技术的发展,使各行业领域面临新的机遇和挑战。网页设计作为信息技术的产物,目前已无法满足现代人的审美标准,因此,突出设计的艺术性,是设计者亟需解决的重要问题。例如,坚持网页艺术设计的原则和特点,积极探讨网页艺术设计的设计技巧,以符合现代审美的艺术型网页,进而提高网页浏览量,达到网页信息传播的目的。

  “突出主题”是网页艺术设计的根本原则和核心宗旨,无论设计师如何创新页面色彩、布局、文字等,都必须以突出主题为原则,以保障网页传播信息的目的。首先,确定网页主题,当有了明确的主题后,一切的设计都应围绕主题展开,在此基础上进行网页视觉的创新。其次,页面艺术创造要有度,切不可夸张的采用所谓的“后现代”色彩,保障网页符合大众审美,而不是为了迎合某一部分非主流网民,应以高端大气的艺术设计强调网页的视觉冲击,进而使主题突出。总之,在保障页面清晰、美观、艺术、简练的视觉效果之外,也要突出页面或栏目的重点、热点信息和主题。

  网页设计的风格决定着网页内容、布局、色彩的运用,不仅是设计师设计水平及设计理念的重要体现,同时不同风格的网页设计也会给网民不一样的视觉审美效果。与书籍、杂志的版面设计类似,网页艺术设计同样忌讳同一页面运用多种不同设计风格,这会使网民在浏览网页时感觉到眼花缭乱,根本无法掌握页面主题,也与网页艺术设计中“突出主题”的原则相背离。一般同一页面设计风格不超过三种,而且这三种风格需设计者严格把控,以保障页面的审美效果以及主题突出。

  网页色彩影响着网民对网页的第一感觉,若设计时将网页的色调统一设计,虽给人以舒服、流畅的感觉,但若长时间浏览单一网页时,统一的色调又会给人乏味之感,降低浏览质量。因此,把握网页设计时的色彩对设计者的设计功底具有很大挑战。设计时,不仅要综合考虑页面的整体色彩布局对内容的影响,也要求设计者在创新页面色彩时,保障主题突出的初始原则,同时也要注重多数网民的主观感受,保障网民浏览视觉美好,达到网页艺术设计审美效果。

  网页艺术设计的即时性特点与传统纸质媒体最大的不同就是可以随着热点话题或事件的进程实时更新。作为网页艺术设计最突出的特点,其在网络端口更新、推送时要求设计师根据当前网页浏览实际数量进行微调整或修改,以保障网页信息的即时性,吸引更多浏览量。其次,网页艺术设计时的互动性是最大的优势,设计师可将网页反馈的信息作为再设计的基础或参考,更新网页信息时体现网页的互动性、亲民性,进而体现网页的影响力。

  信息技术、网络技术的发展,使全球网络化发展迅速,使人们的交流沟通更加顺畅,尤其是以手机为代表的移动终端的应用。现代网络平台交互方式多种多样,如:视频、语音、文字等,且近年来随着各直播平台的推出,使人们获取信息、信息的渠道再上一个台阶。网页新闻受到严重冲击,因此,如何创新网页艺术设计、保持或增加网页浏览量是各大网站面临的重大发展问题,其中最重要的一点就是积极探索网页设计时多媒体式的交互性。

  设计的不可操控性主要体现在网页版式方面,即在规定的页面内应用不同的视觉或听觉技术将页面元素进行构建,以体现设计师的设计风格和设计理念,并注重以视觉倾向表达视觉效果。虽然网页版式在网页设计中只占据一部分,但其是网页表达审美的直接体现。与传统平面设计不同,网页设计脱离固定的设计尺寸,完全由网民自行调整网页尺寸,这就使网页在设计时要兼顾不同尺寸的页面显示。其网页版式的不可操控性,对设计师的设计精准度是一项极大的考验,也是网页艺术设计独特之处。

  网页艺术设计有网页和艺术两个基础。其中网页考验的是设计师的网络技术水平,也是设计的客观因素;艺术考验的是设计师的艺术创造能力和审美能力,也是设计的主观因素。因此,成功的网页艺术设计必须同时融合设计师的主客观两方面的思维,利用现代化的网络技能结合自身的设计理念和设计主题,完美地设计出符合大众审美意识和取向的优秀作品。

  文字是网页艺术设计的灵魂,也是设计的主体。文字的大小、颜色要遵循易看、易认、易读、易懂的设计原则,其技巧主要为:(1)合理安排字体,同一页面字体样式不可多于三种,否则繁杂的字体只会使网民产生杂乱感,没有任何网页审美视觉,同时也要避免使用对于某些显示器无法显示的字体。字体选择时应以易看、易认为原则。(2)确保文字的可读性,也就是文字的易读、易懂原则。设计网页文字时切不可过多的文字装饰,保持文字清晰可辩,给网民创造良好的视觉印象。(3)科学利用字号差,即大标题配小内文,但这个差异一定要控制好,以突出网页艺术设计的主题。

  网页艺术设计时,图片的位置、数量、尺寸、形式等都直接影响着网页的视觉传达效果。在设计时网页图片应遵循的设计技巧为:(1)图片精准定位,突出网页设计主题,符合主题要求和约定。(2)图片设计的独特性作为网页的一部分,创造性图片更能吸引眼球,带动网页浏览量。设计师在创造图片时,应打破传统思想壁垒,以全新的视角设计出具有强烈视觉冲击的图片。(3)坚持图片审美标准,在网页艺术设计方面,图片被赋予特殊的情感表达。不同图片的视觉效果可以直抵人的内心情感世界,这也是图片最大的魅力所在。因此,图片不仅给人视觉上的享受,更要表达更深层的情感。

  如今网络在人们的生活中占据了越来越重要的地位,网页制作技术作为建设网站的基础技术也展现了越来越多的应用,企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课,通过该课程的学习,使学生全面建立对网站的认知,学会网页制作和网站设计的基本方法,熟悉网页制作与网站设计的基本概念和理论,掌握网页制作的操作方法和制作技巧,使学生具备设计、开发、网站的能力,加强学生的实际动手能力和解决问题的能力,为以后激烈的就业竞争打下坚实的基础[1]。

  《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习,可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求,也可以解决《》课程中对网站前台界面的设计和制作需求[2]。

  《网页制作》课程属于操作设计类计算机课程,和《计算机基础》等课程不同的是,在简单的操作背后隐藏着许多深层次的制作技术和操作技巧,学生学完课程之后,往往只掌握一些简单的操作,只懂得一些简单的技术,对于复杂的技术和深层次的制作方法一窍不通,做出的作品只能达到实习生的水平,无法达到应用型人才所需要的技术水准,无法满足企业对人才的需求[3]。

  造成这种情况的原因是,《网页制作》课程涵盖内容广,技术层次深,制作技巧多,具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难,要提高教学质量,必须克服这个困难。

  《网页制作》课程总的教学时数是有限的,为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧,就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的,对于简单的操作、简单的制作方法大略讲一下就可以,而对于复杂的操作,学生难于掌握的技术可以使用更多的时间来教学。

  传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授,然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔,对于简单的操作影响不大,但对于复杂的操作,学生常常就忘记了操作步骤。课堂讲授内容较多时,学生甚至会把不同功能的操作相互搞混。

  为了使学生能够掌握深层次的网页制作技术,需要改变传统的教学模式,更多地采取互动模式,以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行,教师通过机房的同步授课软件讲解、演示,讲完之后学生立即练习,打破理论教学和实践操作的时间间隔,使学生通过亲自操作快速掌握相关技能。

  针对《网页制作》课程易于掌握、难于精通的特点,本文提出“精讲热练”的教学模式,与传统的教师先在多媒体教室讲授,然后学生在机房上机实践的教学模式不同,这种教学模式把讲授和实践结合在一起,统一在机房授课,如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧,对于简单的操作、简单的制作方法大略讲一下就可以,此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点,然后学生立即练习,练完后教师再讲下一块知识点,讲完之后学生再练,反复循环,循循善诱,使教师讲授和学生实践之间没有时间间隔,此为“热练”。精讲热练、趁热打铁,从而化复杂为简单,变被动为主动,使学生在教师的引导下逐步深入学习网页制作知识,掌握深层次的网页制作技巧。

  这种模式的特点是以教师为中心,以学生为主体,把教师讲授和学生练习紧密结合在一起,变学生被动听讲为学生主动参与,创建交互式协作学习环境,加强师生交流和学习[5],使学生在教师的引导下成为课堂的主人,从而有效提高教学质量。

  1)“精讲热练”的教学模式克服了《网页制作》课程易于掌握,难于精通的困难,集中有限的课堂时间用于深层次网页制作技术的教学,能有效提高教学质量,使学生的制作水平和制作技巧达到较高的高度。

  2)“精讲热练”的教学模式使教师讲授和学生练习相结合,Bsport体育能够充分营造学生积极参与的学习氛围,有效活跃课堂气氛,增进学生和教师之间的交流[6],让学生在教师的引导下快速掌握网页制作技术。

  3)“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授,不仅增强了对学生的视觉冲击,而且学生可以及时动手实践操作,便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合,形成立体化教学体系[11]。

  笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验,一个班采用传统教学模式,另一个班采用“精讲热练”教学模式,课堂教学效果对比如表1所示。从表中可以看出,“精讲热练”教学模式的课堂教学效果明显优于传统模式。

  期末进行了总评成绩核定,总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成,其中平时成绩占10%,实践作品成绩占40%,期末考试成绩占50%,总评成绩对比如图2所示。从图中可以看到,“精讲热练”教学模式的总评成绩也明显优于传统模式。

  [教学模式\&课堂气氛\&互动性\&学生兴趣\&逃课人数\&传统模式\&一般\&弱\&低\&较少\&“精讲热练”模式\&活跃\&强\&高\&极少\&]

  “精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握,难于精通的困难,带动课堂气氛,提高学生参与学习的主动性,帮助学生掌握深层次的操作方法和制作技巧,能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程,在课堂教学上起到示范带动作用,改善计算机教学的教学氛围和教学效果,慧及更多教师及学生。

  [1] 刘述,杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育, 2009(11).

  [2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛, 2010(35).

  [3] 张辉. 网页制作类课程的教学改革与实践――先整体、后切分、再拼合的新型教学法[J]. 佳木斯教育学院学报, 2010(5).

  [4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育, 2014(14).

  [5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报, 2010,29(9).

  [6] 张洪星,褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业, 2007(2). (下转第179页)

  [7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报, 2013(5).

  [8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报(自然科学版), 2014,23(2).

  [9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术, 2010,18(4).

  随着网络技术的突飞猛进,网页制作技术越来越被人们所重视。通过制作的网页,各行各业的产品、物流、服务、沟通、网上购物等改变了人们传统的生活,开阔了人们的视界,为人们的生活增加了另外一种情趣,同时也使得足不出户做生意变成现实。可见,网页已经走入21世纪人们的日常生活之中,已经成为人们生活不可缺少的重要元素。正是因为如此,网页制作技术被广大企业所看重。随之而来的,是教育体系对网页制作课程的重视。如今,各种各样的网络培养班,网页制作培训班、网站制作培训班等层出不穷,各大院校和专业院校相应将网页制作课程列入至教育课程之内,可见,网页制作的重要性和必要性日渐突显。如何才能更好的在网页制作课程中让学生更快、更好、更易掌握网页制作的技术和技巧呢?

  Internet的发展改变了人们的传统生活,开辟了人们新的生活方式。随着Internet的迅速普及,由网页组成的网站五彩纷繁,人们开始追求与众不同的网页来展现自我。而越来越多的企业也通过网页来提供服务和产品资讯。这两者极大的推进了网页制作课程的普及。因此,网页制作已经成为现代社会中人们的一种基本功,越来越多的人开始学习网页制作技术和制作工具。网页制作课程主要讲解目前最受欢迎的,也是最流行的网页制作工具,以及这些工具之间如何搭配使用,使学习者能够快速方便地制作出网页,为自己的网络生活增添自制的多彩网页。

  (一)应用任务驱动法。“任务驱动”是一种建立在建构主义教学理论基础上的教学法[1]。通俗点说,就是在安置任务后,在任务的驱动下,培养学生自主学习的能力、积极主动的求解,通过教师的正确指引,使学生能够主动的讨论、交流,达到从“学会”到“会学”的质的飞跃。应用任务驱动法,可以根据不同的任务进行情景的创设,引导学生积极主动的思考问题,挖掘学生的自主学习能力和合作学习能力,在解决问题的过程中发现问题、探究问题、挖掘问题,分析问题的本质所在,才能熟练掌握frontpage、dreamweaver等主要网页制作工具,制作出精美的个人网页。

  (二)应用集中教学法。集中教学法在网页制作课程中的应用并不少见。如在讲解网页制作工具时,可以将目前实用的网页制作工具HomeSite、HotDogProfessional、FrontPage、Fireworks、DreamWeaver、Flash、Photoshop等等集中起来进行讲解。将各种网页制作的工具的优缺点和应用范围进行对比分析,综合起来,混合应用,特殊的情况应用特殊的工具,使学生对网页制作工具有个全面细致的了解,在以后的网页制作过程中,学生才会根据需要选择不同的制作工具,不会因为缺乏认识而面临困境,束手无策。集中教学法使得网页制作课程在学生脑海里形成了深刻认识,对不同情况下,网页设计的内容、界面布局、选择合适的网页制作工具[2]变得轻松自如。

  (三)应用项目教学法。项目教学法是学生在教师的指导下通过项目过程的参与,学生全部或部分独立组织网页制作项目内容、界面布局、语言绘编、工具应用等等,从项目的全过程学习网页制作的方法、技巧、工具、问题分析及解决等。例如项目教学法在Dreamweaver中的应用很广泛。《Dreamweaver网页制作案例教程》[3]将传统教学法与项目教学法结合在一起,利用创建度假村网站项目、制作汽车网站项目、制作文化公司网站项目、制作饰品网站项目、制作播客网站项目、制作美容网站项目、制作茶文化网站项目、制作个人网站项目、制作留言板项目等九个具体项目将Dreamweaver网页制作的技术关键点、难点和各个制作环节细致地教给网页制作好爱者如何进行系统的网页制作。项目教学法也可说是案例教学法,应用具体实例使学生得到全程练习,真正学会网页制作。

  (四)应用分组合作学习法教学。合作学习就是在教学上运用小组,使学生共同活动以最大程度地促进他们自己以及他人的学习。将合作分组学习法引入到网页制作课程中,极大的增强了网页制作课程的技巧性,还培养了学生的自主学习和组织协作能力,为学生将来在网页制作工作中的团队协作打好基础。在坚固网页制作的基础知识的前提下,将分组合作学习模式引入案例教学中,将学生分成几个小组,每个小组完成自己的网站架构和网页设计[4]。这种分组合作学习法,学生既能够参与到集体的网页制作中去,在完成自己任务的同时,也能跟其他同学协调完成整个任务,又能够增加组内及组间的合作能力,提高学生独立设计网页的能力和组织协作能力,为学生将来的合作共事打下良好的基础,在进行大的网页制作项目时,分工协作能力得以体现。

  目前,我国科技飞速发展,网络技术逐渐完善,随着计算机网络的普及,网页的应用越来越广泛,各网站的丰富多彩开拓了人们的眼界。因此,网页制作课程对于当今的社会人才培养十分重要。在网页制作课程教学中,要根据课程内容和学习的不同能力,分别对待,采用任务驱动法、集中教学法、项目教学法和分组合作学习法等教学技巧结合起来,激发学生的学习兴趣,提高学生的动手动脑能力,提高解决问题的能力和组织协调能力,开拓思维,加强练习,运用多种网页制作工具,以达到更好的教学效果。

  [1]屠高雄.浅谈“任务驱动”教学法在中职《网页制作》课程中的应用[EB/OL].

  [2]王云,李正茂.网页制作的经验及体会[J].安徽科技,1998,11

  网络信息传播具有声音、图像、文字、视觉、听觉、互动等特征,是多元整合艺术创新意识和多媒体管理的活动,并利用视觉艺术效果开展国际化信息沟通。

  简单来看,认知就是获取并运用知识,这涉及到两个方面:首先是要怎样在记忆中存储知识以及在记忆中储存什么样的知识;其次是怎样运用知识来解决实际问题的过程。认知心理学重点探究的是信息处理方式,在这一研究视角下,人是信息处理的主体,研究人通过感官获取外界信息,存储信息并进行提取、利用过程中产生的变化,因此也能够将认知心理学理解为研究信息处理的心理学。因此,我们在进行网络界面设计创作时,应关注视觉传达与心理认知的整合。

  格式塔心理也就是完形心理学,特指人有一种能力可以把部分多元的因素进行有效分类,把本来没有关联的视觉因素进行分类认知。依照这一心理学原理,视觉信息的处理过程等同于对外界观察过程的探究。该心理学把整体概念与模式、外形和格局等相组合,注重对活动和经验当作多元的整体来进行探究。仅从局部开展探究不能让人掌握本质属性。研究完形心理学的相关专家提及,认知的基础过程就是进行格式化或者进行分类。人有一种能力,能够把部分元素化为一类进而对其他元素进行排斥。这一理论关注对于整体的探究而非其组成部分。视觉效果的组成部分能够当作有差异性的组织来进行观察、研究和审视。

  作为主客观一同作用的成果,设计同时具有自由和不自由的特征。视觉设计者不能超越自身既定经验及所处背景的客观条件制约,但能够在有效把握客观规律的前提下进行艺术自由想象和创新。网络科技重点体现为客观因素,视觉创新重点体现为主观因素。视觉效果设计者需要努力把握多种先进的视觉设计技巧,强调艺术和技巧的合理组合,如此才可以体现技巧的价值,进行自主创新,符合用户对网络传媒的高标准要求。

  作为信息传媒的一个平台,与其他传播媒介对比,网页设计需要遵守部分设计的基础标准。本文主要讨论设计形式上的整体性,即网页的结构组成同样包含多种形式的视听元素。在进行网页设计时,注重网页多个构成元素的共性特征和促进构成元素存在某种形式特征,是达成整体效果的有效措施。重点从网页结构、风格、色彩等领域开展,比如在页面结构上,从宏观角度全面分析网页中的多种视觉要素,通过科学的布局和合理的定位实现网页的层次感,也就是利用“散”的结构,同样是通过深入思考后进行的调整;一个站点一般只运用两三类标准色,需要强调色彩分布的合理性,使其整体体现出符合传媒特点的效果。对于分屏的长页面,不能够逐屏设计。同样,在网页内部页面设计时需要统筹管理,设定一个风格,让用户了解到网页设计者的艺术特色。

  Dreamweaver是一种可视化的站点管理工具以及网页设计,它可以技持新Web技术,比如格式控制、全局替换查找以及HTML检查等功能,可以处理多媒体格式。可以说Dreamweaver的设计工具十分强大,用户不仅可以精确的控制Dreamweaver所产生的见面源代码,能与可视编辑同步看到任意源代码,还可以帮助Dreamweaver的初学者利用拖拽图形的方法初步设计网页,快捷而方便。与其它网页设计工具比较,Dreamweaver具有文本输入简单、制作效率高、支持多媒体以及呈现全方位等优点。

  HTML(超文本标记语言)作为网络设计的基础,在网页设计的过程中所编写的每个页面均会用到,HTML的语法很简单,它通过明白简捷的语法命令,采用各种对象、属性、元素以及标记等关键字,建立起和视频、语音、图像等多媒体数据和其它类型的超文本的链接。通常网页制作按功能来分可以分为动态和静态两种,它们的区别就是看它是不是在服务器上运行,动态网页一般用于使用功能以及操作实际数据,而静态网页则多来展示效果或者作出说明。

  制作网页的第一步就是设计网页,设计人员可以对应网页的应用设计其功能、内容以及结构,建构出初步的设计方案以后,就可以进行网页制作了。本文以DreamweaverC5为例。

  打开DreamweaverC5后,根据实际要求构建新项目,例如ASP、PHP、HTML等,Dreamweaver本身也提供网页模板,可以作为入门页面。进入创建的新页面,先用DreamweaverC5建立一个新站点,其基本方法如下:选择功能菜单“站点,”点击“新建站点”,按照提示进行命名并设置站点存储位置;假如只是制作静态网页,那只需在“测试服务器”选择“无”。F12可以浏览该空白页面,也能按照站点原存储位置查看该文件。

  界面设计主要是规划网页的结构和布局,DreamweaverC5提供相应的模板可以迅速的建立网站,页面的风格可以保持一致,并且能按照设计者的需要进行修改,从而提高工作效率。如果要使用自己所设计的界面,就要先进行网页规范,其包括控制、颜色以及标题等设计。DreamweaverC5的工具栏中提供文本框、按钮、表单、图像以及表格等设计网页的元素,程式员可以按照实际需要拖拽到指定位置,再利用“属性”设置大小、样式等。经过上述步骤可以看到一个网页初具规模。

  网页制作完毕后要投入使用,就要网页,通常要先建立务器,设置好以后再单击“站点”中“管理站点”,找到需要设置的站点,然后选“高级”中的“远程信息”,再运用不同的方法设置服务器信息。最后用户就可以访问该网页。

  使用CSS样式表有几种方法:代码式,一次性写入到代码中的样式;内嵌式,可以控制一个页面所有元素的样式;外联式,可以控制多个页面元素的样式。其实很多站点都会把这三种方法根据需要结合使用。使用CSS时要考虑一个重点,即不同的浏览器、或者不同的版本都会用不同的方法来解析CSS。

  首先来看代码式CCS:一般使用这种CCS样式时,最好尽量少用,因为使用代码式CCS就表明没有真正利用到CCS的优势,也就是说在设计时没有将格式和内容分开;其次,内嵌式CCS,这种样式也不能算作最理想的,因为它只可能影响到当前的页面,如果更新时丢失了一个页面,就会改变整个站点的界面风格,并且在用户浏览站点时,每页都要下载一次样式表信息;最后来看外联式CSS,可以说这是使用CSS的最佳选择,外联式CCS可以使与其连接的所有页面均保持一致的界面风格,更改一次提纲挈领,可以把相关的所有页面轻松的更新;可以缩小页面体积,增加浏览速度。

  CSS像很多其它技术一样,有自身约定俗成的规则。通常设计人员最好尽量将报告和内容进行分离,这样有以下几个优点:首先,增加了站点的使用寿命,因为如果在开发设计时使用了不规范的样式表,当时可能会感觉比较方便,但是如果出现新的浏览器版本,就会不可避免的出现兼容问题。那时如果再对站点网页进行逐一修改,那么不仅增大了工作量,而且也失去了使用CSS的意义。其实,可以使站点适用于所有浏览器和所有用户;最后,可以轻松的维护和更新站点,CSS可以帮助设计人员把在一个页面的调整迅速应用所有页面。

  常规的超链接每次只可以连接一个页面,如果设计人员要一次性的打开不同框架页中的文档,则可以应用“Go TURL”JavaScript行为。打开有框架的页面,选择图像或者文字,再从行为面板中选择“Go To URL”。这时Dreamweaver在“Go To URL”窗口中将所有可用的框架均显示了出来。设计人员可以选择一个准备链接的框架,输入对应的URL,再选择另一个框架,输入对应的另一个URL。如果点击一幅图片中不同的区域,想做其它地方的链接,那么也能在属性面板中选择“热点区域”工具,在图片需要的位置拖拽出一个区域,接下来在属性面板链接文本框中将需要的网址输入进去即可完成。

  如果要粘贴外部文件中的内容,只需其文字而无需粘贴其格式,则可以应用“编辑”菜单中的“选择性粘贴”,弹出一个对话框,则选择“仅文本”。

  很多网页开发人员都会觉得在Dreamweaver中输入空格是个比较麻烦的工作,因为很多设计人员在通常情况下,不能连续输入两个及以上的空格,但是如果按照下述方法进行操作,则插入空格的工作就会比较容易:首先把“中文输入法”切换至“全角”状态,再同时按下键盘中“Shift”、“Ctrl”、“space”三个键,就可以输入一个空格,并且可以连续输入。还有一种方法就是在属性面板“格式”菜单中,选择“预先格式化”,这种方法也可以连续输入多个空格。

  如果设计人员要利用Dreamweaver实现比较复杂的效果,则要反复使用某个或多个对象,比如定位某个特定图像、表格等,如果在网页中的各个对象没有对应的文件名,那么在反复使用对象时,就很容易出错。因此设计人员要在创建新的对象时,就要取个容易记忆、有一定代表性的对象免称,以方便对象的准确调用。为对象命名时,通过对象属性面板中相关操作即可实现。

  [1]Dreamweaver旭东编.网络互联及路由器技术教程与实训.北大出版社.2005.

   网页制作中Photoshop的应用技巧 网页制作中嵌入式框架的应用初探 浅谈协商讨论在《网页制作》中的应用 浅谈CSS+DIV在网页制作中的应用 Photoshop在网页制作中图像处理的应用 网页制作课堂中教学评价的应用 DreamweaverCS5在网页制作中的应用 Flas在网页制作中的应用探析 MOODLE在中职《网页制作》课程教学中的应用 浅谈Photoshop在网页制作中的应用 图像处理技术在网页制作中的应用分析 浅谈Dreamweaver在中职网页制作教学中的应用 色彩在网页界面设计制作中的应用 翻转课堂在中职网页制作课程中的应用 Photoshop在网页制作中的应用研究 论电脑音乐插件在音乐制作中的使用 《网页制作》教学中的“任务设计” 基于CSS+DIV的float技术在网页制作中的应用 基于翻转课堂的项目导向教学在网页设计与制作课程中的应用 网页制作的研究 常见问题解答 当前所在位置:l的网页并打开,在这个网页中安装此插件,参数设置为其他需要切换的图片,保存并退出,所需效果就出现了。

  Marquee.mxp插件能够实现一段文字在网页中的走马灯效果,Flashtext.mxp插件能够实现网页中文字的flas效果,将两个插件的效果组合起来,能够为网页效果增色不少。

  安装Marquee.mxp插件后,在Dreamweaver软件常用对象工具栏中找到安装后的插件。设置相关参数,网页中出现代码,部分代码如下:

  安装Flashtext.mxp插件并设置参数,网页中自动出现新代码,部分代码如下:

  这时两种效果各自实现,为了实现在走马灯效果中出现文字的flas,将后一段代码剪切、粘贴入前一段代码的和中,去掉相同的文字部分,效果就实现了。

  目前可用的Dreamweaver插件非常多,实现的功能也非常丰富。作为网页设计者只要用心去研读代码,进而巧妙构思,就可以设计出更好的网页效果来。当然你也可以将你做好的特效网页制作成插件,供他人使用,这样就更好了。

  近年来,动态网页的发展的进程取得了很大进步,动态网页不同于静态网页,动态网页可以说是一种技术含量较高的网页编程技术。对于静态网页来说,其显示的效果与相关的内容较长时间内不会发生变化,但是对于动态网页来说,就可以通过一些页面的代码不同,而使页面的相关内容由于环境、时间或者是相关数据库的改变进而实现变化,在动态网页早期的时候,大部分使用的是网关接口技术来实现的,然而在进行编程的过程中出现了较多问题,如编程的效率低、技术难以实现以及修改过程复杂,正因如此早期动态网页技术在逐渐的被新技术所取代。与此同时,新技术的不断完善使得动态网页设计以及表现形式更加灵活。动态网页的设计在通常情况下是按照由上到下的原则而实现的,先从较高层的页面一级一级的向下进行访问页面的相关内容,但是要求是在不同的文件中要放置不同的页面相关内容。正常情况下,上述的情况由静态页面是不能实现的,而且对于用户来说是非常不方便的。在动态页面上的显示的文件大都为原页面文件,所以一定要使用递归调用的方法。另外一方面,对于数据库的访问结果要进行处理。根据用户给定的条件,在进行数据库的检索过程中需要将结果反馈给相关用户,这是用户通过输入条件的不同,进而获取不一样的检索效果。

  计算机动态网页设计主要目的是有效抓住用户的相关需求,进而能够给相关的企业带来最大的经济效益。因此在进行网页设计的过程中,需要遵循一定的设计原则:首先,网页的设计要有好的对比度,而且还要具有一致性,收到简洁明了的效果,表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上,好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常优秀的网站。

  对于网页设计之前,首先,需要进行的工作是构思。对于设计者构思设计方案,首先要明确网站的主题内容,比如对于一个相关的论坛,可以有不同的主题,如以爱好、学习技术为主题,拟定了主题之后再确定网站的主要内容。其次,要确定网站上目录的链接,为了突出其重要性,要将目录放在最为突出的地方,还要协调其他内容,放在较为合理的位置。最后,对于动态网页最重要的就是要明确在网页上的主要图片,对于主要图片需要根据动态网页的主题来选择,而且要能够突出网站的主题。依次根据以上的三个步骤,其主要的风格基本得到确定,另外如果有特殊需要,可以进行一些相关的调整,增加或减少一些内容等。

  对不用户来说,不难发现不同的页面能够看出有不同的风格。在版面的设计上,需要细致的观察到版面的和谐、美观以及最重要的实用性。另外,在传统设计的基础上,可以再进行一些个性化的创新设计。例如,在论坛网页的设计上,主要使用的是d型的架构,进而进行创新。这一设计融合了边框的设计,将一些左边框的内容加入到上边框上能够减少空间的使用,使得页面更加整洁、美观。对内容区进行规划时,使用到的是左右对称法则,而且还用到了共享边框技巧,从而都具有边框,有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录,使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起,也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作,因为首页是一个网页的门户。第一,对于首页要求能够体现网站的相关主题,让用户更加清晰;第二,首要要有吸引力、美观,让用户有进行下一步游览的欲望。另外,为了能与用户进行有效的交流,可以在论坛的左栏设置投票系统,得到用户的直接反馈。

  虽然现阶段的网站涉及到的软件都越来越容易使用,尤其是目前各行各业都在提倡以人为本的服务,进行设计工作,这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉,进而能够使得网络的管理者使用起来非常方便。另外,对于管理员要设置密码,只有这样才能保证网站的安全性,并且保证管理员具有对密码进行修改的权力。

  大部分的网站在进行页面设计时会用到表格,使用表格来实现布局,由于表格能够很好的实现较为复杂版面的设计工作,因此非常受欢迎。但是,也存在一定的缺点,也就是将大部分元素尽在图中呈现,在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间,需要将大的、整个的表格打散成许多较为独立的、小的表格来实现,另外,还需要注意的是对于意义不大的表格要进行删除,避免出现空间的浪费,否则这些表格会使网页的速度降低,带来许多不便。

  目前的动态网页设计过程中,设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计,其好处是能够设计出非常具有创意的版面来,也就是这一点能够吸引着较多的设计人员,但是对于嵌套的层数越多的表格,对于浏览器来说,需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的优秀创意优势外,建议表格嵌套层数不超过三层,只有这样才能充分的利用表格嵌套设计版面的优势,还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。

  有很多的网页设计者,为了能够便于所设计的网页,在进行下载前需要先启动脚本语言。然而,放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此,为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题,需要将那些后来执行的脚本程序放到之前进行,还可以将其放到一个外部的文件中。到使用的时候,再进行一些调用工作。这能够在很大程度上由于网站设计的不合理,进行相关的优化工作,还可以通过采取一些简单的技术进而加快网站的。

  通过本课程的实验教学,使学生进一步熟悉计算机网络的基本概念和基础知识,了解数据通信的基本理论,了解TCP/IP各层协议的基本工作原理,掌握局域网以及网络互连的基本知识和基本操作,主要掌握WINDOWS环境下对等网和C/S网络的组建、安装与配置;掌握Internet的各种应用、操作及配置;掌握网页的设计制作及网站的基本方法;熟练掌握信息查询、文件传输的操作方法。

  装有Windows操作系统的PC机60台。集线器、交换机、双绞线、水晶头、压线钳、网线测试仪等若干。能接入Internet的局域网。

  画出实验室的网络拓扑结构;写出所用传输介质的特点;写出所用网络设备的名称及功能。

  通过实验了解如何在Windows环境下进行对等型局域网的设置。掌握在局域网中进行协议安装,并对IP地址有初步的认识。

  (1)在实验一的基础上,添加相关协议。设置共享访问资源(打印机)与访问权限。(2)登录网络后访问共享资源。利用共享驱动器(文件夹)实现文件的异机存储。(3)使用net命令查看共享资源和进行资源共享。

  (1)通过对计算机实验室的实地考察,画出其连接Internet的拓扑图。(2)实现浏览器的Internet选项设置,包括主页、临时文件夹、内容、分级审查、自动完成等。

  通过OE、Foxmail收发邮件,理解网络应用层。掌握客户端工具的使用与配置方法。理解电子邮件工作原理。

  (1)HTTP方式的邮件管理。通过OE、Foxmail收发、管理邮件。包括账号的建立、多媒体邮件的创建、Bsport体育附件的添加、发送与接收。(2)客户端方式的邮件管理。OE、Foxmail收发、管理邮件。包括账号的建立、多媒体邮件的创建、附件的添加、发送与接收。

  通过实验理解FTP工作原理,了解使用IIS进行FTP服务设置的一般步骤、技术、技巧和方法(选作),掌握客户端程序Cuteftp、Leapftp的配置使用。

  (1)IIS的安装,FTP服务器的配置及使用(选作)。(2)客户端程序Cuteftp、Leapftp的配置使用。

  (1)Web网站页面文件的下载。(2)客户端程序快车、迅雷、BT的配置使用。

  通过实验掌握利用搜索引擎搜索信息的技巧。尤其能熟练使用学术期刊网。掌握一般搜索和高级搜索的方法。

  (1)搜索引擎的使用,搜索结果的筛选。(2)在学校图书馆学术期刊网中快速准确搜索指定的内容。

  (1)多媒体信息的交互。工具软件的高级功能。(2)QQ、Fetion、Msn等客户端程序的设置。(3)进行即时通讯、联机合作、协同工作、网络会议、网络文件共享等操作。

  (1)关闭不用的系统服务。(2)关闭不用的启动项目。(3)安装配置防火墙。(4)安装配置杀毒软件。(5)安全使用浏览器。(6)系统更新。

  通过使用FrontPage、Dreamweaver设计一个简单的个人站点,使学生掌握利用网站规划、设计和制作的一般步骤、技术、技巧和方法。

  (1)熟悉工具的基本用法。(2)掌握创建一个新的站点及网页的方法。(3)掌握使用浏览器(IE)预览网页的技巧。

  掌握利用网络免费空间服务器,使用FTP服务,网页(网站)地方法;学习通过IIS服务的安装和设置实现网页文件的,使学生掌握IIS的安装及利用IIS进行WWW网站设置的一般步骤、技术、技巧和方法。

  (1)IIS的安装。(2)WWW服务器的配置及使用。(3)启动/停止WWW服务。(4)申请空间,FTP上传。

  [1] 刘济波等编,《计算机网络技术及其应用》,电子工业出版社,2010年。

  [2] 王恩波等编,《实用计算机网络技术》,高等教育出版社,2009年。

  [4] Tamara Deam(美):计算机网络实用教程,机械工业出版社,2008年

  1.1改变网页设计思想,提高网页设计原创性在现代网络信息时代,网页设计者的思想是决定网页设计效果、宣传目标的基础。针对现代网页设计模版应用带来的网页雷同问题,网页设计工作人员必须转变自身思想。并通过与领导层的沟通,确定网页设计方向与重点。在此基础上,实现网页综合设计思想的转变,改善传统网页设计模版应用带来的网页雷同现象。同时通过思想的转变,降低企业领导及经营者对网页设计人员工作效率的质疑,促进网页设计原创性的提高,促进网页设计及应用目标的实现。

  1.2加强对宣传内容的分析,以此为基础进行网页设计在现代网络经济及宣传中,网页设计必须以宣传内容为基础进行设计,以此突出宣传内容并传达网页中心思想。针对网页设计目的及宣传需求,在现代网页设计中设计者需要对宣传内容及网页功能进行深入的了解与分析,并通过对宣传目的的掌握确定设计方向与重点。以点击率为中心,以满足浏览者审美为基础,开展科学的、符合美学赏析的网页设计,为促进企业宣传目标的实现奠定基础。

  1.3强化同类型网页的调研,突出特色及特点在网页设计阶段,设计人员及市场调研人员需要对同类型内容的网站及网页进行调研。通过对同类内容网站网页的调研,了解相关网页的设计特点及方式。以此为基础,确定网页设计的方向与重点,突出自身特点的同时,使网页区别于同类网站,为促进网页宣传及浏览者的认可奠定基础。同时通过对同类网页网站的调研,综合各家长处开展原创设计,满足网页宣传及内容宣传、点击率提高的目的。针对现代网络宣传及网页设计需求,以同类型、类似内容的网页调研及知名网站设计方式的分析,使网页设计更加符合网页浏览者的习惯,促进网页点击率的提高。

  1.4注重创新设计基础,提高网页设计效果网页的创新设计需要设计者具有创新能力,可同时具备扎实的基础知识与技能,并通过对现代人们美学赏析能力的了解,科学运用美学元素。以扎实的网页设计基础,使设计者的创新设计特意体现,并将创新想法以设计技巧得以展现,实现网页创新设计目标。因此,网页设计人员应不断提高自身设计基础技巧与理论,以扎实的基本功体现设计者的创新能力,并通过基础设计及功能实现满足网页宣传目的。

  1.5以创新思维为基础进行网页原创设计在网页设计过程中如何构建有别于常见网站的布局是创新设计的基础,但是在这一过程需要考虑浏览者的使用习惯,以富有新鲜感及原创思想的设计,实现网页宣传效果。在网页设计过程中,设计者首先需要跳出传统的框架思维,以富有趣味的创新布局体现网站的独特性。在网站创新设计中,设计这必须打破既有的传统模式,以牢记基本概念为基础、以满足可读性及可用性为中心,实现用户浏览访问目的。从使用者角度出发,理解并分析网页使用者的目的,以此为基础确定基本导航工具及网页内容组成。在满足网页基本功能及使用的前提下进行创新设计,体现网页应用目标。

  在现代网页设计中,除了需要注重网页形式的创新外还需要运用多种美学元素满足浏览者的赏析需求。通过色彩、图形等元素的运用,突出网页内容及设计者的目标,使网页能够在众多的网站网页中突出特色与特点,实现网络宣传目的。因此,网页设计人员需要在设计过程中了解现代人的审美观点。并针对网页目标受众进行相关调研,以目标受众的普遍审美为基础,合理运用美学元素,实现网页设计及宣传目标。例如:在婚庆产品销售、婚庆摄影与服务等企业的网页设计时,应更多的采用红色进行设计,以此符合我国人民对于婚庆的习惯。对于婚纱摄影等行业的网页设计中,则应针对受众年龄特点,以纯洁的白色或其他色调进行设计,以符合人员观点及习惯。