时间:2023-07-31 09:20:56
绪论:在寻找写作灵感吗?爱发表网为您精选了8篇网页设计的技巧,愿这些内容能够启迪您的思维,激发您的创作热情,欢迎您的阅读与分享!
关键词:Dreamweaver;表格;层;排版
作者简介:龙敏敏(1979-),女,湖南祁东,本科,讲师;研究方向:计算机教育教学
1Dreamweaver网页设计工具简介
浏览网页已经是现代社会人们生活中的一个重要组成部分,网页作为网络信息传播的主要载体,其设计也被大家所关注。网页设计的软件有多种,Dreamweaver是著名的“所见即所得”的可视化网站开发工具,是国内外普遍应用的专用网页设计软件。它被称为“织梦者”,即它的英文单词所表达的意思。Dreamweaver不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制。它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。网页设计的重点是版面的设计,即如何将所有的素材按照设计要求精美地罗列在页面中。所以,如何排版成为网页设计中的关键。
2使用表格和层排版
在Dreamweaver网页设计中,排版的方法有很多种,其中使用表格和层排版是基本的方法,通过设计模式可以轻松完成,简单易学,是大家常用的方法,对网页排版起到了重要的作用。
2.1表格排版
在制作网页时,要想将文本、图片等组织得美观,有条理,就需要排版人员头脑里有一个整体布局的概念。在Dreamweaver中,安排页面内容布局主要是依靠表格来完成的。通过表格的相互嵌套和合并、拆分,可以将自己的构思完整地表现出来。表格是网页设计制作时不可缺少的重要元素,它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上,从而设计出版式漂亮的页面。使用表格排版的页面,在不同平台、不同分辨率的浏览器里都能保持其原有的布局,且在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。表格排版比较规范,整体性强,一般的网页排版中都会使用表格进行整体的排版,但其表现比较中规中矩,不会有太多其他的丰富功能。
2.2层排版
层是CSS中的定位技术,在Dreamweaver中可对其可视化操作。文本、图像、表格等元素只能固定其位置,不能相互叠加在一起,使用层功能,可以将其放置在网页文档内的任何一个位置,还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。层具有很多表格所不具备的特点,比如可以重叠,便于移动,可设为隐藏,还能为层添加一些行为,使页面具有更丰富的变化等。这些特点有助于设计思维不受局限,从而发挥更多的想象力。由于它是一种新的CSS定位技术,层在具有上述优点的同时,也存在着一些不可避免的缺陷,比如兼容性、定位问题。所以,目前比较大型的网站不会单独使用层来排版。
2.3层转换成表格排版
前面提到,层与表格都可以用来在页面中定位其他对象,它们有时可以互相取代,但两者并不完全相同,有时就必须使用其中的一种。比如,当需要用到表格来排版页面,但又觉得表格的添加比较烦琐,而层比较灵活,这时候,排版者可以使用层到表格的转换来实现。具体的操作步骤是:(1)首先在层面板中勾选“防止重叠”选项,这样绘制层的时候就不会出现叠加和嵌套的现象;(2)在页面中绘制若干个层,把页面中的各元素添加到层里面;(3)把每个层自由地排列到页面中各个相应的位置;(4)使用层排版结束之后,要将层排版转化为表格排版,选择“修改”—“转换”—“层到表格”命令,在对话框中设置好相应的参数,确定之后层就会转换成对应的表格。这种排版方法在排列对象时比较灵活一点,但有时也会产生一些多余的单元格。当然,这种方法一般适用于不太复杂的页面的排版,对于比较复杂的图文混排页面,最好还是采用传统的表格排版方法。
3排版时容易出现的问题及解决方法
3.1整体表格排版出现的问题
有很多人在网页中用表格排版时习惯使用一个大表格,然后在大表格中嵌入一个个小表格,认为这保持了排版的整体性,其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担,浏览器一般是等待整个表格的内容都接收到以后才显示这个表格的内容,如果一个很长的页面使用一个大表格排版,那么这个网页显示速度就会比较慢,使得页面呈现的时间大大加长,很多时候有些网页的访问者会失去等待的耐心而放弃浏览这个网页。解决的方法是:拆分表格,将大表格化整为零,把表格打散,并要尽可能地避免表格的层层嵌套。注意,拆分后的表格的宽度要设置为相等,这样表格的排版效果和拆分前相比并没有改变,在浏览器中呈现时,页面会从上至下一个个表格呈现出来,明显加快了页面打开的速度。
3.2层排版出现位置偏差
在页面中使用表格和层混合排版时,先加入表格进行页面的整体布局,然后在局部加入层。通常情况下,层加入到页面中之后是游离在表格之上的,它虽然移动方便,但在页面中的位置是固定的,由于表格的宽度是固定像素,设置在窗口中居中显示,所以当窗口变大时,表格会产生一个相对位移,但是层却还在原位,没有跟着相对位移,因而出现层与表格中其他内容位置上的偏差。所以,层排版的灵活性同样也体现了一定的不稳定性。要想办法使层与页面中其他元素一样,能够随浏览器的变化而产生相对位置上的变化,排版者可以将层嵌入到表格的单元格中,使层成为单元格中的一个元素,就像插入到单元格中的文本、图片一样,层就是属于单元格中的对象,当浏览器窗口大小变化时,表格必然会产生相对的变化,层也就会随着单元格的位置变化而产生相应的变化,这样就不会出现页面中元素相对位置的偏差。整个排版会变得很规范,就相当于是利用表格整体排版,层只是嵌入到单元格中的一个元素,又可以使用到层的丰富功能,两全其美。解决的方法是:先使用表格对整个网页的整体进行规划,然后添加一个层到表格中的某个单元格中。添加的方法:直接将工具栏中的层拖动到单元格中,这样该层就成为该单元格的嵌入层,该层在单元格中默认是靠左对齐,垂直方向居中,而且在水平方向是不能移动的,只要移动便会脱离该单元格,即成为普通层,不会是单元格的嵌入对象,如果在水平方向一定要移动的话,可以将该单元格的位置进行调整,进而单元格中的嵌入层也会随之移动。而在垂直方向上的位置是可以调整的,不过不要用鼠标拖动,这样容易使层脱离单元格,可以选中层通过方向箭上下移动或将该单元格垂直方向上的位置由“居中”改为“顶端”或“底端”。采用这种方法设置层后,无论窗口大小怎么变化,层始终是跟着单元格位置变化而变化,因而不会出现之前那种位置上的偏差。这个问题解决之后,接下来就可以在页面中利用层的一些行为来丰富页面。
4结语
总之,网页设计中,内容虽然很重要,但是如果只有好的内容而没有精美的排版以及合理的布局,那么再好的内容也很难引起浏览者的阅读浏览兴趣。通过合理的、有新意的页面布局,特别是主页设计,才可以将网页的内容完美地呈现在浏览者面前。所以,排版者在平时要多参考他人优秀的网页排版作品,加强排版练习,这样才可能创造更漂亮的网页排版。
[参考文献]
[1]李爱军.网页的排版布局[J].办公自动化:综合版,2009(7):29-30.
[2]艺博,张明真.网页设计与制作——MacromediaDreamweaver8[M].北京:高等教育出版社,2007.
关键词:Dreamweaver;表格;层;排版
1 Dreamweaver网页设计工具简介
浏览网页已经是现代社会人们生活中的一个重要组成部分,网页作为网络信息传播的主要载体,其设计也被大家所关注。网页设计的软件有多种,Dreamweaver是著名的“所见即所得”的可视化网站开发工具,是国内外普遍应用的专用网页设计软件。它被称为“织梦者”,即它的英文单词所表达的意思。Dreamweaver不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制。它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。
网页设计的重点是版面的设计,即如何将所有的素材按照设计要求精美地罗列在页面中。所以,如何排版成为网页设计中的关键。
2 使用表格和层排版
在Dreamweaver网页设计中,排版的方法有很多种,其中使用表格和层排版是基本的方法,通过设计模式可以轻松完成,简单易学,是大家常用的方法,对网页排版起到了重要的作用。
2.1 表格排版
在制作网页时,要想将文本、图片等组织得美观,有条理,就需要排版人员头脑里有一个整体布局的概念。在Dreamweaver中,安排页面内容布局主要是依靠表格来完成的。通过表格的相互嵌套和合并、拆分,可以将自己的构思完整地表现出来。表格是网页设计制作时不可缺少的重要元素,它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上,从而设计出版式漂亮的页面。使用表格排版的页面,在不同平台、不同分辨率的浏览器里都能保持其原有的布局,且在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之_。
表格排版比较规范,整体性强,一般的网页排版中都会使用表格进行整体的排版,但其表现比较中规中矩,不会有太多其他的丰富功能。
2.2 层排版
层是CSS中的定位技术,在Dreamweaver中可对其可视化操作。文本、图像、表格等元素只能固定其位置,不能相互叠加在一起,使用层功能,可以将其放置在网页文档内的任何一个位置,还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。
层具有很多表格所不具备的特点,比如可以重叠,便于移动,可设为隐藏,还能为层添加一些行为,使页面具有更丰富的变化等。这些特点有助于设计思维不受局限,从而发挥更多的想象力。由于它是一种新的CSS定位技术,层在具有上述优点的同时,也存在着一些不可避免的缺陷,比如兼容性、定位问题。所以,目前比较大型的网站不会单独使用层来排版。
2.3 层转换成表格排版
前面提到,层与表格都可以用来在页面中定位其他对象,它们有时可以互相取代,但两者并不完全相同,有时就必须使用其中的一种。比如,当需要用到表格来排版页面,但又觉得表格的添加比较烦琐,而层比较灵活,这时候,排版者可以使用层到表格的转换来实现。具体的操作步骤是:(1)首先在层面板中勾选“防止重叠”选项,这样绘制层的时候就不会出现叠加和嵌套的现象;(2)在页面中绘制若干个层,把页面中的各元素添加到层里面;(3)把每个层自由地排列到页面中各个相应的位置;(4)使用层排版结束之后,要将层排版转化为表格排版,选择“修改”“转换”“层到表格”命令,在对话框中设置好相应的参数,确定之后层就会转换成对应的表格。
这种排版方法在排列对象时比较灵活一点,但有时也会产生一些多余的单元格。当然,这种方法一般适用于不太复杂的页面的排版,对于比较复杂的图文混排页面,最好还是采用传统的表格排版方法。
3 排版时容易出现的问题及解决方法
3.1 整体表格排版出现的问题
有很多人在网页中用表格排版时习惯使用一个大表格,然后在大表格中嵌入_个个小表格,认为这保持了排版的整体性,其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担,浏览器一般是等待整个表格的内容都接收到以后才显示这个表格的内容,如果一个很长的页面使用一个大表格排版,那么这个网页显示速度就会比较慢,使得页面呈现的时间大大加长,很多时候有些网页的访问者会失去等待的耐心而放弃浏览这个网页。
解决的方法是:拆分表格,将大表格化整为零,把表格打散,并要尽可能地避免表格的层层嵌套。注意,拆分后的表格的宽度要设置为相等,这样表格的排版效果和拆分前相比并没有改变,在浏览器中呈现时,页面会从上至下一个个表格呈现出来,明显加快了页面打开的速度。
3.2 层排版出现位置偏差
在页面中使用表格和层混合排版时,先加入表格进行页面的整体布局,然后在局部加入层。通常情况下,层加入到页面中之后是游离在表格之上的,它虽然移动方便,但在页面中的位置是固定的,由于表格的宽度是固定像素,设置在窗口中居中显示,所以当窗口变大时,表格会产生一个相对位移,但是层却还在原位,没有跟着相对位移,因而出现层与表格中其他内容位置上的偏差。所以,层排版的灵活性同样也体现了一定的不稳定性。
要想办法使层与页面中其他元素一样,能够随浏览器的变化而产生相对位置上的变化,排版者可以将层嵌入到表格的单元格中,使层成为单元格中的一个元素,就像插入到单元格中的文本、图片一样,层就是属于单元格中的对象,当浏览器窗口大小变化时,表格必然会产生相对的变化,层也就会随着单元格的位置变化而产生相应的变化,这样就不会出现页面中元素相对位置的偏差。整个排版会变得很规范,就相当于是利用表格整体排版,层只是嵌入到单元格中的一个元素,又可以使用到层的丰富功能,两全其美。
解决的方法是:先使用表格对整个网页的整体进行规划,然后添加一个层到表格中的某个单元格中。添加的方法:直接将工具栏中的层拖动到单元格中,这样该层就成为该单元格的嵌入层,该层在单元格中默认是靠左对齐,垂直方向居中,而且在水平方向是不能移动的,只要移动便会脱离该单元格,即成为普通层,不会是单元格的嵌入对象,如果在水平方向一定要移动的话,可以将该单元格的位置进行调整,进而单元格中的嵌入层也会随之移动。而在垂直方向上的位置是可以调整的,不过不要用鼠标拖动,这样容易使层脱离单元格,可以选中层通过方向箭上下移动或将该单元格垂直方向上的位置由“居中”改为“顶端”或“底端”。
采用这种方法设置层后,无论窗口大小怎么变化,层始终是跟着单元格位置变化而变化,因而不会出现之前那种位置上的偏差。
这个问题解决之后,接下来就可以在页面中利用层的一些行为来丰富页面。
随着我国互联网信息技术的飞速发展,通过网络流量网页观看新闻、图片和视频等已经成为人们日常生活中必不可少的生活内容,因此,网页设计所受到的关注度越来越高。其中图形图像处理技巧是网页设计最重要的影响因素之一,决定着网页设计整体效果、主题思路和浏览感受。为了满足人们对网页设计日益增长的审美要求,必须充分发挥出图形图像处理技巧的优势,设计出更加优秀和美观的网页。本文对网页设计中的图形图像处理的优势、构图方法和处理技巧应用等方面进行了简要分析。切实希望有助于提升网页设计中的图形图像处理的水平和质量。
关键词:
网页设计;图形图像处理技巧
近年来,随着我国科学技术的飞速发展和人民生活质量的不断提高,通过互联网信息技术浏览网页已经成为人们日常工作学习生活的一部分,不但如此,各个行业领域、机关部门都需要借助网络来辅助办公,因此,网站和网页建设是目前备受关注的焦点。网页设计中最重要的一个环节就是图形图像处理的过程,由于网页是面向网站用户的直接对象,网页所展示出的整体效果和层次脉络代表着网页所有者的能力和态度,能否把网页设计与艺术美感有机结合是获取浏览者认同度和满意度的基础因素。这就要求网页设计中图形图像处理过程的质量和水平要格外高超,用专业的图形图像处理技能和知识配合富有艺术美感的处理技巧,充分满足人们对浏览网页的视觉需求和效用需求。
1网页设计中的图形图像处理技术分析
1.1网页设计过程中运用图形图像的优势
首先,在网页设计过程中使用图片首先可以给用户带来直观的视觉冲击,具有视觉优势,以图片作为网页版面的构成要素可以烘托出特殊的网页风格,而且图片具有良好的适配性和包容性,能够配合网页中蕴含的其他因素,从而使网页获得统一、协调的美感。其次,图片内容的受众性逛具备认知优势,通过图片设计者可以忽略由于语言文字产生的信息障碍,增大浏览和观看的受众范围,即使用户不认识文字或者来自不同语言文化的国家,都可以通过图片内容来准确理解设计者所表达的思想内涵。
1.2网页设计过程中运用图形图像的构图方式
网页设计中主要的构图方式按结构划分有三种,分别是纵向式、水平式和中心式构图。其中,纵向式构图是指将网页中的全部元素按照竖直方式进行排列,这种构图方式比较简洁明了,用户能够直观、清晰地感受到网页的主体内容,多适用于广告设计中。而水平式构图与上一种构图方式类似,只不过是将排列方式转变为横向,这种构图方式体现出庄重、朴实和严谨的风格,适合用户的浏览习惯,主要适用于政府机关、企业单位和学校等机构的网站中。中心式构图运用较少,其设计理念是把所有元素统一集中到网页中心,集中表现力较强,但是给人的感觉过于拘谨。
1.3网页设计过程中运用图形图像的处理技术
1.3.1图形图像去噪
网页在添加图形图像的时候会伴随着噪声,噪声的产生是由图形图像的自身属性所决定的。通过图形图像去噪处理,可以有效提高图形图像的分辨率,对图片质量和大小进行优化。
1.3.2图形图像增强
主要是通过后期制作将中心图像四周的图像进行淡化处理,以此达到突出中心主题的目的。图形图像增强能够有效提升图片的画面感,其主要技术有,边缘增强、图像色彩增强和锐化增强等。
1.3.3图形图像压缩
这种技术被大范围适用于数字图像中,主要是针对图像数据中冗余信息进行压缩处理,以提升图形图像的分辨率、像素水平,降低图像的失真性,提高图片质量。
2网页设计中的图形图像处理技术的应用
2.1图形图像的形式与网站整体风格的匹配度与协调性
网页设计中所涉及到图形图像的表达方式大致有三种,分别是四方图、退底图和边缘模糊图。每一种图片表达方式都有其独特的视觉效果和浏览体验,需要通过合理的运用组合,才可以设计出高水平的网站网页。在网页设计过程中,要充分考虑到图形图像的形式与网站整体风格的匹配度与协调性,按照主题风格将图片内容进行层次性排列设计,突出中心主题图像,对次要信息表达的图片进行弱化处理,从而设计出最佳效果的网站网页。
2.2对图片的格式、大小和颜色等因素进行处理
在设计网页的过程中要按照实际需求选取图片格式,科学规范的图片格式设置可以保证网页设计的合理性和美观性,通过对拍摄图片、截取图片和拼接图片的处理,增强用户的视觉感官与浏览享受,运用“图片+文字”的手法是网页设计中较为普遍的设计形式,为了不影响整体效果和中心内涵,不同格式的图片设计是必须考虑清楚的环节。由于网页的版面所限,如何在有限的空间中高效运用图片进行信息输出是设计者需要考虑的重要内容,网页设计中图片大小主要影响图形图像的分辨率清晰度,同样需要配合网页中心思想来进行设置,突出重点来提升网页浏览效果。网页设计过程中图形图像的不同颜色搭配,能够展现出不同的设计风格和不同的表达效果,与图表、背景和文字之间的协同搭配是设计师在选择图片颜色时考虑的重要因素。
2.3图形图像处理的相关技术
要想制作出具备观赏性和艺术性的高水平网页,图形图像处理的相关技术的运用必不可少。Photoshop作为功能性和适用性较强的图形图像处理软件,在网页设计过程中应用较为广泛。根据网页设计要求,Photoshop能够对图片的位置、大小和版式等多项内容进行处理和调整,其中,图片分割技术是较为常用的一种技巧。通过多幅图片的分割、重构和组合能够设计出别具风格的图形图像,极大地增加了图片的灵动性和美感。
3结论
综上所述,网页设计对技术性和美观性的要求越来越高,设计师对图形图像处理技巧运用的能力更为重要。在设计网页的过程中,通过强调图形图像的形式与网站整体风格的匹配度与协调性,根据主题对图片的格式、大小和颜色等因素进行处理,运用Photoshop等图片处理软件,可以有效提升网页的艺术性和美观性,提高网页设计的质量和水平。
参考文献
[1]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016(13):104-104.
>> Flash教学课件中弹出式窗口的实现 清除Real影片播放过程中弹出的广告网页 恶意弹出网页的应对措施 弹出窗口阻止程序,不是IE的专利 轻松去除视频中自动弹出的网页 浅谈经济分析中弹性的应用 超高层结构设计中弹塑性法的分析与应用 网络用户对在线客服弹出窗口的心理抗拒与接受意愿分析 IE总是弹出脚本错误提示窗口 巧抓QQ弹出消息窗口 打开论坛弹出“安全警报”窗口等 网页设计中视觉元素的应用 FLASH在网页设计中的应用 Flash在网页设计中的应用 Photoshop在网页设计中的应用 详解网页设计中的定位应用 浅谈网页设计中的色彩应用 图层在网页设计中的应用 CSS在网页设计中的应用 井下纠偏器中弹簧的设计计算 常见问题解答 当前所在位置:l”,”width=100,height=150,menubar=0,toolbar=0”)
-->
此段代码的最终执行结果是在一个宽度为100像素、高度为150像素、没有菜单栏也没有工具条的窗口中将window.html页面打开。
二、巧妙应用弹出窗口
(一)警告性的弹出窗口
当要提示系统中有些重要的事情将要发生或者已经发生的时候,就可以利用警告窗口来实现。这类弹出窗口被设计在网页中以后,不仅仅用于警告作用,还可以用来表示一些重要通知的或者对网页用户的友好问候。弹出窗口出现以后,只要直接点击其中的确定按钮或者页面右上角的关闭按钮,就可以将其关闭。我们可以在HTML语言中应用alret命令来建立这样的弹出窗口,在具体的使用过程中,可以有两种方法来调用alret命令,一种是可以直接在HTML语言中的Body中进行使用,例如:
第二种方法是在Java脚本语言中进行调用,举例:
Alert(‘欢迎惠顾。、请收藏本站地址’)
(二)选择性的弹出窗口
当用户在查询信息的时候,有些重要内容需要在用户的甄别和选择之后才能继续查询,为此,应用选择性的弹出窗口就成为一件非常有必要的事情。在这种类型的弹出窗口中,一般情况下至少要有两个按钮,选择不同的按钮可以让网站转向不同的页面,用户在选择的时候可以根据自身的需求来进行,在具体的使用过程中,一般是在Java脚本语言中进行调用的。
(三)一般的自动弹出窗口
这种弹出窗口在网页设计中是最经常使用的一种弹出窗口了,其作用就是,当用户打开某一浏览器的窗口时,同时另外一个窗口也会随之自动打开,用来显示与网站相关的内容或者作为广告宣传的工具。在具体的使用过程中,可以在Java脚本语言中使用window.open命令来实现。鉴于篇幅原因,这里不再编写代码举例说明。
三、应用弹出窗口时应注意的原则
在进行网页设计时,同时将弹出窗口设计在网站中,可以更加方便的将一些重要的内容和信息传递给用户,而且通过弹出窗口还可以进行广告宣传。然而,当用户在查询信息的时候,当打开一个Web页面的时候,出现一个甚至多个的弹出窗口,难免会或多或少的影响到用户对信息的查看,为了更全面的观看自己的查询信息,用户还需要耐心的一个一个的将这些弹出窗口关闭或者最小化。因此,过多过快的弹出窗口的出现,甚至可能会让用户产生厌恶的情绪。所以,我们在进行网页设计的时候,如果要设计一些弹出窗口,首先要站在用户的角度去思考和观察,弹出窗口的出现会不会对用户产生不良的影响。
第一,确定弹出窗口是不是必须使用的。这个在一定程度上是由网页设计者的目的和弹出窗口所包含的内容决定的。用户最关心的就是自己要查询的信息,与此相关的一些重要通知或者信息必然会对用户产生良好的引导作用,用户往往对此持欢迎的态度。目前,很多网站上各种各样的弹出的广告窗口在弹出窗口中占有非常大的比重,要让广告达到最佳的效果,最好就是让广告的内容与网站的内容是息息相关的,否则,一般不会引起用户的关注,其广告的作用就大大降低了。因此,设计者必须考虑广告内容与网站内容的衔接关系以及用户的需要,确定出一个弹出窗口的设计是不是必须的。第二,弹出窗口的最佳出现时机的确定。当前,弹出窗口的出现时机一般可以分为三个时间段,第一个时间段就是弹出窗口伴随着网站页面的打开而打开,第二个时间段就是弹出窗口在网站页面关闭的时候打开,第三个时间段就是用户在浏览网页信息的过程中当某个触发事件发生时打开。为此,设计者在网页设计的时候就要把握好这个时机,确定好什么样的弹出窗口应该在什么样的时机出现。比如,对于一些广告类的窗口可以在用户查询信息的网页关闭的时候再出现,或者通过一些触发事件来弹出有时也会产生一些意想不到的结果。第三,弹出窗口样式的选择。弹出窗口包含有很多种不同的类型,前面已经做了说明,我们在进行设计的时候,就可以根据实际需要选择合适的类型。另外,在使用的时候,还要注意设置好合适的弹出位置,弹出窗口出现的最佳位置是页面中没有信息内容的部位,或者容易用鼠标进行操作的地方,然后根据窗口所包含的内容的容量设计窗口的高和宽的具体尺寸,至于弹出窗口中是否要设计上滚动条和工具栏等工具,则要根据实际情况来定。第四,从网站的总体来进行规划,对弹出窗口进行科学和合理的应用。如果弹出窗口中包含的内容非常多,可以用目录的形式将这些内容存放在弹出窗口中,然后为其建立超级链接,当用户要进行察看的时候,可以通过超级链接在其他的窗口中进行察看。还有很重要的一点,那就是不要不断的重复弹出内容完全一样的弹出窗口,因为弹出窗口得信息是否重要,对用户是否有用,在用户第一次见到的时候就已经决定下来了。为了尽可能节省终端电脑的资源,弹出窗口更不能无限的恶意弹出。
四、总结
本文重点介绍了在网页设计中如何更好、更规范的应用弹出窗口。为了更加方便用户的使用,弹出窗口的设计必须更加的科学和合理,只有这样,设计弹出窗口的最终目的才能得以实现,笔者相信,伴随着电脑网络技术的不断提高和发展,Java脚本语言必然将得到更加广泛的应用。
参考文献:
[1]陈邦泽,杨晓波.JAVASCRIPT与弹出窗口制作[J].甘肃高师学报,2000
[2]张志远.JavaScript与客户端安全[J].东莞理工学院学报,2002
什么是网络广告
简单地说,网络广告就是在网络上做的广告。
利用网站上的广告横幅、文本链接、多媒体的方法,在互联网刊登或广告,通过网络传递到互联网用户的一种高科技广告运作方式。
与传统的四大传播媒体(报纸、杂志、电视、广播)广告及近来备受垂青的户外广告相比,网络广告具有得天独厚的优势,是实施现代营销媒体战略的重要一部分。Internet是一个全新的广告媒体,速度最快效果很理想,是中小企业扩展装大的很好途径,对于广泛开展国际业务的公司更是如此。
目前网络广告的市场正在以惊人的速度增长,网络广告发挥的效用越来越显得重要。以致广告界甚至认为互联网络将超越路牌,成为传统四大媒体(电视、广播、报纸、杂志)之后的第五大媒体。因而众多国际级的广告公司都成立了专门的“网络媒体分部”,以开拓网络广告的巨大市场。
网络广告的优势
1、网络广告是多维广告
传统媒体是二维的,而网络广告则是多维的,它能将文字、图像和声音有机的组合在一起,传递多感官的信息,让顾客如身临其境般感受商品或服务。网络广告的载体基本上是多媒体、超文本格式文件,广告受众可以对其感兴趣的产品信息进行更详细的了解,使消费者能亲身体验产品、服务与品牌。这种图、文、声、像相结合的广告形式,将大大增强网络广告的实效。
2、网络广告拥有最有活力的消费群体
互联网用户70.54%集中在经济较为发达地区,64%家庭人均月收入高于1000元,85.8%年龄在18岁到35岁之间,83%受过大学以上教育。因此,网络广告的目标群体是目前社会上层次最高、收入最高、消费能力最高的最具活力的消费群体。这一群体的消费总额往往大于其他消费层次之和。
3、网络广告制作成本低,速度快,更改灵活
网络广告制作周期短,即使在较短的周期进行投放,也可以根据客户的需求很快完成制作,而传统广告制作成本高,投放周期固定。另外,在传统媒体上做广告后很难更改即使可以改动往往也须付出很大的经济代价。而在互联网上做广告能够按照客户需要及时变更广告内容。这样,经营决策的变化就能及时实施和推广。
4、网络广告具有交互性和纵深性
交互性强交互性是互联网络媒体的最大的优势,它不同于传统媒体的信息单向传播,而是信息互动传播。通过链接,用户只需简单地点击鼠标,就可以从厂商的相关站点中得到更多、更详尽的信息。另外,用户可以通过广告位直接填写并提交在线表单信息,厂商可以随时得到宝贵的用户反馈信息,进一步减少了用户和广告客户之间的距离。同时,网络广告可以提供进一步的产品查询需求。
5、网络广告能进行完善的统计
“无法衡量的东西就无法管理。”网络广告通过及时和精确的统计机制,使广告主能够直接对广告的进行在线监控。而传统的广告形式只能通过并不精确的收视率、发行量等来统计投放的受众数量。
6、网络广告可以跟踪和衡量广告的效果
广告主能通过Internet即时衡量广告的效果。通过监视广告的浏览量、点击率等指标,广告主可以统计出多少人看到了广告,其中有多少人对广告感兴趣进而进一步了解了广告的详细信息。因此,较之其他任何广告,网络广告使广告主能够更好地跟踪广告受众的反应,及时了解用户和潜在用户的情况。
7、网络广告的投放更具有针对性
通过提供众多的免费服务,网站一般都能建立完整的用户数据库,包括用户的地域分布、年龄、性别、收入、职业、婚姻状况、爱好等。这些资料可帮助广告主分析市场与受众,根据广告目标受众的特点,有针对性地投放广告,并根据用户特点作定点投放和跟踪分析,对广告效果作出客观准确的评价。
另外,网络广告还可以提供有针对性的内容环境。不同的网站或者是同一网站不同的频道所提供的服务是不同质且具有很强类的分别的,这就为密切迎合广告目标受众的兴趣提供了可能。
8、网络广告的受众关注度高
据资料显示,电视并不能集中人的注意力,电视观众40%的人同时在阅读,21%的人同时在做家务,13%的人在吃喝,12%的人在玩赏它物,10%在烹饪,9%在写作,8%在打电话。而网上用户55%在使用计算机时不做任何它事,只有6%同时在打电话,只有5%在吃喝,只有4%在写作。
9、网络广告缩短了媒体投放的进程
广告主在传统媒体上进行市场推广一般要经过三个阶段:市场开发期、市场巩固期和市场维持期。在这三个阶段中,厂商要首先获取注意力,创立品牌知名度;在消费者获得品牌的初步信息后,推广更为详细的产品信息。然后是建立和消费者之间较为牢固的联系,以建立品牌忠诚。而互联网将这三个阶段合并在一次广告投放中实现:消费者看到网络广告,点击后获得详细信息,并填写用户资料或直接参与广告主的市场活动甚至直接在网上实施购买行为。
10、网络广告传播范围广、不受时空限制
通过国际互联网络,网络广告可以将广告信息24小时不间断地传播到世界的每一个角落。只要具备上网条件,任何人,在任何地点都可以阅读。这是传统媒体无法达到的。
11、网络广告具有可重复性和可检索性
网络广告可以将文字、声音、画面完美地结合之后供用户主动检索,重复观看。而与之相比电视广告却是让广告受众被动地接受广告内容。如果错过广告时间,就不能再得到广告信息。另外,显而易见,较之网络广告的检索平面广告的检索要费时、费事的多。
12、网络广告具有价格优势
从价格方面考虑,与报纸杂志或电视广告相比,目前网络广告费用还是较为低廉的。获得同等的广告效应,网络广告的有效千人成本远远低于传统广告媒体。一个广告主页一年的费用大致为几千元人民币,而且主页内容可以随企业经营决策的变更随时改变,这是传统广告媒体不可想像的。
1999年全球网络广告支出为28亿美元。预计2004年全球网络广告支出将达到220亿美元。据Jupiter通信公司日前的一份研究报告显示,美国的互联网广告在未来的4年内将以40%的速度增长,到2003年有望达到115亿美元,将超过广告客户花在一些传统媒体上的广告费,接近现在广播电视行业广告费的3/4。虽然中国的互联网广告在1997年才开始出现,但是经过三年的发展,网络广告已经成为中国互联网站的最主要收入形式。由于上述优势,中国互联网广告收入也以每年400%速率递增,2000年底将达到2千6百万美金,网络广告将成为企业市场推广必不可少的高效途径。
前言:
得益于计算机与智能手机的普及,我国网民数量已达7亿,而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升,其本身也开始真正融入我国各行各业之中,但数字媒体本身在发展中也暴露出了一些问题,而本文就数字媒体中网页设计原则与制作技巧展开的研究目的,正是为了解决其中一部分问题。
1.数字媒体概述
为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究,我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知,本文将数字媒体定义为利用二进制数据处理和记录,采取数字通信的原理,收集、存储、传输各种矢量数字文本的过程,简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说,其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点,这些特点也是其能够较好发挥自身功能的原因所在。具体来说,高效相互性指的是数字媒体能够通过自身的载体与平台特性,使信息变为可感、可知、可管、可交互的状态,这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现;而在灵活多变性这一特点中,这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变,这样相关信息就能够实现更好的创造;而在强大融合性这一特点中,这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合,这种融合由于往往能够发挥“1+1>2”的作用,就使得数字媒体能够更好的满足各类受众的需求[1]。
2.数字媒体中网页设计原则
上文中我们深入了解了各类数字媒体,而在下文中笔者将结合自身实际工作经验与相关文献资料,就数字媒体中网页设计原则进行详细论述,希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。
2.1明确网页主题
在数字媒体的网页设计中,为了保证这一网页设计能够较好的为受众提供服务,我们首先就需要结合网页内容确认网页主题,而为了实现这一目标,网页设计人员需要进行充分的市场调查,最大程度上了解网页受众的情况,这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后,设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确,最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是,网页还需要最大程度上保证自身的即时性,这样才能够更好的实现信息的传达[2]。
2.2结合受众需求
除了明确网页主题外,网页设计人员在进行数字媒体的网页设计过程中,还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布,并以此更好的结合网页向受众传达某种情感,这样就能够更好的提高数字媒体中网页信息的传播效率。例如,对网页受众年龄的把握,使得设计人员能够更好的抓住网页设计的侧重点,这样就能够保证该网页设计传达的信息更具备针对性,这自然就大大提高了网页本身信息的传达效率。值得注意的是,我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素,这样才能够更好的为其提供服务[3]。
2.3保证风格统一
除了上述两方面的原则外,设计人员还必须保证数字媒体中网页设计的风格统一。具体来说,据笔者调查发现,我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题,这些问题归根结底属于网页设计中风格出现的问题,而这一问题也对数字媒体中网页设计带来了种种负面影响,为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一,这样才能够更好的保证数字媒体中网页设计的整体质量[4]。
3.数字媒体中网页制作技巧
3.1首页设计技巧
在数字媒体中的网页设计中,网站的首页一般存在形象展示型与信息罗列型两种,一般来说信息罗列型较为适用于大、中型网站,也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中,设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛;而在信息罗列型的网站首页设计中,设计人员需要结合自身信息传播特点,合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式,这样才能够实现相关信息的较好传达。
3.2风格统一技巧
上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则,而为了真正实现这一风格的统一,设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说,在网页设计的结构统一中,设计人员需要保证整个网站除特殊网页外,在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性;而在色彩的统一中,设计人员需要尽量保证网站的主体色彩一致,并只在有需求的时候改变网站的部分色块;而在导航栏的统一中,导航栏的位置与背景必须在大小、明暗、位置等方面实现统一,这样才能够较好的提高网站本身的特点,使更多的受众对该网站产生深刻印象。
结论:
在本文就数字媒体中网页设计原则与制作技巧展开的研究中,笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧,虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究,但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。
引用:
[1]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,2009.
[2]张燕.多媒体素材的无障碍设计研究[D].浙江师范大学,2009.
[3]黄晓乾,陈超.网页设计原则与制作技巧[J].中国科技信息,2010,07:95-96.
推行“CEC—CDIO做中学”课程模式,学校和企业需要在相同利益诉求和“双赢”的前提下,建立紧密的合作关系,搭建校企合作平台,培养岗位技能人才,在企业中锻炼教师的实践能力,建设“双师”结构教学团队,根据企业网页设计岗位的工作内容、工作项目和流程开发工学结合课程,提高学生岗位能力和职业素质,使得学生节课后便能参与实际的网页设计项目,提高自己的实际工作能力。与企业深度合作,选取适合网页项目交由学生完成,选派教师到企业中实践锻炼,并用自己的技术服务企业。教师和学生接手一些可操作的企业实际项目,由教师带领同学在校内模拟职场环境的实训室或企业实习基地进行设计制作,通过做中学的方式学习网页设计课程,其项目的难易程度由简单到复杂逐渐过渡,使得学生逐渐从初学者过渡到职业能手,并在适当的时机让学生到企业中参与实际工作,为企业创造经济利益的同时接触实际岗位,了解职场环境,促进职业素质和网页设计岗位能力的提高。
二、课程建设主要方面
(一)课程内容的选择
课程内容应放弃以知识点为基础的教学内容,采用以网页设计岗位需求为主要目标来选取和设置教学内容,选取企业岗位应用最广泛的内容,筛选典型的网页项目,并将项目由简单到复杂进行排序设置教学内容,每个项目是相对独立的又是知识和难度递进的,保证学生从基础逐级向高级进行学习,保证学生能够在课堂中边做边学。
(二)课程标准建设
课程标准的制定需要合作企业的网站开发岗位的人员与学校任课教师合作研究制定。将课程大纲改成课程标准,能够更加准确的说明课程的任务、完成每个网页项目后学生应该达到的职业标准和职业能力,而不是知识点的罗列,应该是技能和素质的要求,明确教师和合作企业的任务,合理统筹安排课堂内容和企业实践要求,明确什么时间企业人员参与,明确什么时间实训设计,明确课程的课时标准,明确课程完成后学生所掌握的技术方法。
(三)教材建设
课程教材需要随着网页设计技术的发展而更新,在教材建设中,校企合作编写符合“做中学”和CDIO模式的课程教材,注重实践动手能力的培养、注重分析问题解决问题能力的培养以及网页设计岗位能力、素质和行业规范的培养。从合作企业选取实际典型的网页设计任务,经过重组编排后形成教材内容,在每个项目的制作中讲解使用的技术、技巧和标准,并且每个项目任务要按照CDIO的思想,按网页项目的开发周期进行编写,按照构思、设计、实现和运行测试的顺序进行,每两年对教材进行重新编写或修订工作。
(四)辅助教学资源建设
关键词:技工院校;网页设计
案例教学在信息时代快速发展的今天,各行各业对技术型人才的要求普遍提高。技术院校捕捉到市场对人才的新要求,也在积极地进行教学改革。将全新的教学方法与网页设计教学结合起来,是促进网页设计教学目标实现的重要手段。案例教学法与网页设计课程的操作性与实践性特点相符,以此来打破传统教学模式对网页设计教学的限制,能够让学生的发展需求得到满足。
一、做好内容选择工作
选择案例教学法内容,是实施案例教学活动的第一步。在选择案例教学内容时,教师要坚持两点原则。第一,教学案例要具有真实性与典型性。教师选择教学案例时,需要查找社会生活中真实存在的网页设计案例,杜绝一切不真实的案例走进课堂。教学所用案例要具有典型性,不仅与生活密切相关,更要能够启发学生的网页设计思维,促进学生找到切入点去讨论。实事求是的教学,才能促进学生网页设计能力的提升。第二,教学案例内容要与教学内容相关。之所以将案例教学法引入技工院校的网页设计课堂中,就是为了促进网页设计教学目标的快速实现,让学生通过网页设计知识的学习,提高自己的实践能力。因此,教师需要在教学目标的引导下选择案例教学的内容,本着提高全体学生网页设计技巧的目的选择有针对性的案例教学内容。
二、出示任务书
出示任务书是利用案例教学法实施教学的重要环节。任务书中包括案例学习的内容以及具体要求,教师要重视任务书的设计工作,将学生要掌握的理论知识与实践技巧明确地整理在任务书中,让学生以任务书为引导实施开展学习。换言之,如果学生掌握了任务书中的知识点,达到了任务书中的目标,就等于完成了课本相关内容的学习。值得注意的是,教师要重视技工院校学生创造力的培养,在任务书中设置的任务要具有启发性,设置任务的难度不宜太大,要给学生完成任务的信心。例如,在讲解制作文本网页知识时,教师可以设计这样一个任务书:掌握网页文本格式的设置技巧,如空格、对齐、项目列表、标题、字体字号的设置等。这部分内容学习难度不大,教师可以选择学生所在城市的一个旅游景点,让学生为这个旅游景点设计一个文本网页。这样让学生参与到真实的案例中,可以锻炼学生的网页设计技巧,有利于提高专业技能。
三、组织学生讨论
让学生在案例学习活动中发挥自己的主观能动性,是提升学生学习效果的重要手段。在案例教学中,教师要组织学生就难以解决的问题进行讨论,让学生在互帮互助中成长起来。讨论活动的实施要有标准,教师要求小组内的每一位成员都表达自己的看法,分析自己的网页设计工作,为小组成员的学习贡献自己的力量。在所有观点都摆上台面上之后,再针对关键问题进行讨论。例如,在旅游景点文本网站的设计中,一些学生对旅游景点的特色列表持有不同见解,教师要鼓励学生分析网页服务对象以及受众,讨论出最佳方案,让学生在自主探究中实现个人能力的提升。
四、总结点拨,提高案例教学成效
学生的学习能力再强,也需要教师的引导。在技工院校的网页设计教学中,教师要积极发挥在课堂教学中的主导作用。教师通过案例教学法实施教学,给学生创造了更加自由与多元化的学习、探究与讨论的空间,也让教学内容更加开放,从而使教师的教学行为更加轻松。在学生的讨论过程中,教师要巡回指导,避免使学生的学习走入歧途,浪费时间。例如,在学习网页设计的知识时,教师引入城市现代化进程网页的案例组织学生讨论。讨论中,一些小组在特效功能上产生了分歧,教师要及时指导,帮助学生明晰每一种特效的视觉作用与情感作用,并引导学生开发特效的设计方法,保证案例学习的质量。
五、小结
综上所述,网页设计知识的应用性与综合性较强,教师要重视专业理论知识的讲解,也要针对企业对人才的需求、学生的个人能力等加强对操作方法的指导。选择科学合理的案例教学内容,突出学生在案例学习中的主体地位,让问题讨论更加深入,鼓励学生说出自己的疑惑。科学应用案例教学法,是推动技工院校教学改革的重要环节。
参考文献:
[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[D].南昌:南昌大学,2012.
[2]盛志燕.案例教学法在中职《网页设计与制作》课程中的应用分析[J].信息与电脑(理论版),2015(16).