网页与艺术设计论文十篇

2024-07-07

网页与艺术设计论文篇1

关键词：网页,艺术设计,特点

网页艺术设计, 是网页设计者以所处时代所能获取的技术和艺术经验为基础, 依照设计目的和要求, 自觉地对网页的构成元素进行艺术规划的创造性思维活动。因此, 这必然要成为设计艺术的重要组成部分, 并随着网络技术的发展而发展。表面上看, 网页艺术设计不过是关于网页版式编排的技巧与方法, 而实际上, 它不仅是一种技能, 更是艺术与技术的高度统一。

一、网页艺术设计的原则

1.明确主题

视觉设计表达的是一定的意图和要求, 有明确的主题, 并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的是使主题在适当的环境里, 被人们即时地理解和接受, 以满足人们的实用和需求。这就要求视觉设计不但要单纯、简练、清晰和精确, 而且在强调艺术性的同时, 更应该注重通过独特的风格和强烈的视觉冲击力, 来鲜明地突出设计主题。一方面通过对网页主题思想运用逻辑规律进行条理性处理, 使之符合浏览者获取信息的心理需求和逻辑方式, 让浏览者快速地理解和吸收;另一方面通过对网页构成元素, 运用艺术的形式美法则进行条理性处理, 更好地营造符合设计目的的视觉环境, 突出主题, 增强浏览者对网页的注意力, 增进对网页内容的理解。只有两个方面有机地统一, 才能实现最佳的主题诉求效果。

什么样的网站, 应该有什么样的设计。网页艺术设计与网站主题的关系应该是这样:首先, 设计是为主题服务的;其次, 设计是艺术和技术结合的产物, 就是说, 既要美, 又要实现功能;最后, 美和功能都是为了更好地表达主题。只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合, 或者只重视网页形式上的条理而淡化主题思想的逻辑, 都将削弱网页主题的最佳诉求效果, 难以吸引浏览者的注意力, 会出现平庸的网页设计或使网页设计以失败而告终。要使网页从形式上获得良好的诱导力, 鲜明地突出诉求主题, 具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2.形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和, 是设计存在的基础, 被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和;形式就是它的结构、风格或设计语言等表现方式。内容决定形式, 形式反作用和服务于内容。一个优秀的设计必定是形式对内容的完美表现。一方面, 网页设计所追求的形式美, 必须适合主题的需要, 这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容, 或者只求内容而缺乏艺术的表现, 网页设计都会变得空洞而无力。设计者只有将二者有机地统一起来, 深入领会主题的精髓, 再融合自己的思想感情, 找到一个完美的表现形式, 才能体现出网页设计独具的分量和特有的价值。另一方面, 为确保网页上的每一个元素都有存在的必要性, 不要为了炫耀而使用冗余的技术, 那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感, 才能实现形式与内容的统一。

3.设计形式整体性

网页的整体性包括内容和形式上的整体性, 这里主要讨论设计形式上的整体性。

网页是传播信息的载体, 它要表达的是一定的内容、主题和意念, 在适当的时间和空间环境里为人们所理解和接受, 它以满足人们的实用和需求为目标。设计时强调其整体性, 可以使浏览者更快捷、更准确、更全面地认识它、掌握它, 并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时, 强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征, 是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上, 将页面中各视觉要素作通盘考虑, 以周密的组织和精确的定位来获得页面的秩序感, 即使运用“散”的结构, 也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色, 并注意色彩搭配的和谐;对于分屏的长页面, 不可设计完第一屏再考虑下一屏。同样, 整个网页内部的页面, 都应统一规划, 统一风格, 让浏览者体会到设计者完整的设计思想。

二、网页艺术设计的特点

1.多维性

多维性源于超级链接, 主要体现在网页设计中对导航的设计上。由于超级链接的出现, 网页的组织结构更加丰富, 浏览者可以在各种主题之间自由跳转, 从而打破以前人们接收信息的线性方式。例如, 可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂, 不仅使浏览者查找信息增加了难度, 也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息, 设计者必须考虑快捷而完善的导航设计。印刷品中导航问题不是那么突出, 如果一个句子在页尾突然终止, 读者会很自然地翻到下一页查找剩余部分。为了帮助读者找到信息, 出版者应提供目录、索引或脚注。

目前, 网页中使用的多媒体视听元素主要有文字、图像、声音、视频等。随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式推广, 必将促使设计者综合运用多种媒体元素来设计网页, 以满足和丰富浏览者对网络信息传输质量的更高要求。国内网页目前已经出现了模拟三维的操作界面, 在数据压缩技术的改进和流 (Stream) 技术的推动下, Internet网上出现实时的音频和视频服务, 典型的有在线音乐、在线广播、网上电影、网上直播等。因此, 多种媒体的综合运用是网页艺术设计的特点之一, 是未来的发展方向。

2.版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异:一是印刷品设计者可以指定使用的纸张和油墨, 而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;二是网络正处于不断发展之中, 不像印刷那样基本具备了成熟的印刷标准;三是网页设计过程中, 有关Web的每一件事都可能随时发生变化。

这些说明, 网络应用尚处在发展之中, 关于网络应用也很难在各个方面都制订出统一的标准, 这必然导致网页版式设计的不可控制性。其具体表现为:网页页面会根据当前浏览器窗口大小自动格式化输出;网页的浏览者可以控制网页页面在浏览器中的显示方式;不同种类、版本的浏览器观察同一个网页页面, 效果会有所不同;用户的浏览器工作环境不同, 显示效果也会有所不同。把这些问题归结为一点, 即网页设计者无法控制页面在用户端的最终显示效果, 但这也正是网页设计的吸引人之处。

3.技术与艺术结合的紧密性

设计是主观和客观共同作用的结果, 是在自由和不自由之间进行的, 设计者不能超越自身已有经验和所处环境提供的客观条件限制, 优秀设计者正是在掌握客观规律基础上得到了完全的自由, 一种想象和创造的自由。网络技术主要表现为客观因素, 艺术创意主要表现为主观因素, 网页设计者应该积极主动地掌握现有的各种网络技术规律, 注重技术和艺术紧密结合, 这样才能穷尽技术之长, 实现艺术想象, 满足浏览者对网页信息的高质量需求。例如, 浏览者欣赏一段音乐或电影, 以前必须先将这段音乐或电影下载回本地机器, 然后使用相应的程序来播放, 由于音频或视频文件都比较大, 需要较长的下载时间。流 (Stream) 技术出现以后, 网页设计者充分、巧妙地应用此技术, 让浏览者在下载过程中就可以欣赏这段音乐或电影, 实现了实时的网上视频直播服务和在线欣赏音乐服务, 无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合, 使网页的艺术设计由平面设计扩展到立体设计, 由纯粹的视觉艺术扩展到空间听觉艺术, 网页效果不再近似于书籍或报刊杂志等印刷媒体, 而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合, 把浏览者带入一个真正现实中的虚拟世界。技术与艺术的紧密结合, 在网页艺术设计中体现得尤为突出。

参考文献

[1]曾建超, 徐光佑.虚拟现实技术的发展现状与趋势[J].PCWORLDCH INA, 1995 (12) .

[2]黄鸣奋.电脑艺术学[M].上海:学林出版社, 1998:218.

[3]张寿萱, 等.中文信息的计算机处理[M].北京:宇航出版社, 1984:264.

网页与艺术设计论文篇2

日新月异的网络技术在很大程度上为网页设计的发展创造了一个更加自由的新天地和带来了前所未有的发展机遇。当我们轻点鼠标,在网络中浏览信息,查询资料时,呈现在我们面前的是一副副精彩的网页,那么,能够吸引我们停留在某个页面上浏览的,除了引人入胜的内容、赏心悦目的图片和协调的色彩搭配以外,还有一个非常重要的因素就是网页设计与布局的合理。

网站页面布局作为平面设计的一种,对网页设计起到了规划的作用。也就是布局在先,制作其次。网页设计是以网络为载体,科学的整合各种信息,以最便捷的方式传输给大众。由于网页的接受者是可观可感的人类,所以网页的设计要力求人性化。由此网站页面的布局也应该迎合受众的需要,从受众的特点与需求入手,提高受众对信息的接受程度,在愉悦受众的同时最大限度的传达信息,

随着网页制作技术和浏览者需求的提高,访问者不再只注重内容的站点,设计者只有通过合理布局协调搭配网页内容和色彩,强化网页中具有闪光性的内容,这样既可以将设计者的思路淋漓尽致的表达出来,同时也可以留住太过挑剔的访问者。由此可见,页面的布局在网页设计中起着举足轻重的作用,那么如何才能使页面布局合理分配?这正是网页设计者感到最棘手的问题,本文对网页设计的布局进行简要分析。

2 网页布局类型

一般来说,网站页面布局通常被定义为如下5种模板。

2.2“厂”字型布局。也叫做拐角型,是指页面顶部为横条网站标志+广告条,主菜单在下方左侧,内容的布局在右侧显示,因为菜单条背景较深,整体效果类似英文字母“T”,所以又称之为“T”形布局。

2.3“框架”型布局。左右框架型 :这是一种左右分为两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标志,右面是正文。上下框架型 :与上面类似,区别仅仅在于它是把页面分为上下两页的框架。综合框架型 :上面两种结构的组合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”布局,只是采用了框架结构。

2.4封面型布局。这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画 , 放上几个简单的链接或者仅是一个“进入”的链接。

2.5 Flash型布局。其实这与封面型结构是类似的,只是这种类型采用了目前非常流行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,如果其视觉效果及听觉效果处理得当,绝不亚于传统的多媒体。

3 网页布局

网页布局的方法有两种,一种为纸上布局,另一种为软件布局。分别介绍如下 :

3.1纸上布局。准备若干张白纸和一只铅笔,在纸上画出页面的布局图,首先在创造阶段做个草案 :充分发挥想象力,将想到的景象画上,不讲究细腻工整和细节功能,只以粗陋的线条勾画出创意的轮廓即可,尽可能多画几张,最后选定一个满意的作为继续创作的蓝本。

其次是遵循突出重点平衡谐调的原则,在草案的基础上粗略布局,把需要放置的功能模块安排到页面上,网站标志主菜单等重要的模块放在最显眼最突出的位置后再考虑次要模块的摆放。

最后根据智慧和经验,旁敲侧击多方联想,将粗略布局精细化、具体化,反复调整后确定最终的布局方案才能制作出具有创意的布局。

3.2软件布局。就是利用软件Photoshop来进行网页布局。Photoshop所具有的对图像的编辑功能用到设计网页布局上更加得心应手。它可以方便的使用颜色及图形,并能利用层的功能设计出用纸张无法实现的布局意念。

4 网站的优化

网站的优化不只是通过seo技术进行网站结构优化,网页标签优化,还要注意网页文案优化,因为你潜在的客户虽然通过网站推广技术已经找到了你,但他是否能够轻松阅读你网页中的信息就要看你网页中的文案是否吸引人了。这就要注意排版清晰明了,控制好字与字,行与行之间的距离及字体的颜色,该突出的词句一定要突出等 ;语言要有特点,能在最短的时间内告诉浏览他想要的信息 ;页面文章内容不要太多,要给浏览者眼睛休息的机会。同时也要注意诚信优化,能在最短的时间内获得浏览者的信任。最后还要注意站内广告优化,最容易让人接受的广告方式就是润物细无声的广告。

5 结束语

网页设计与平面设计探析篇3

网页设计是网站建设的重要组成部分，特别注重讲究编排和布局，它的实现通过电脑屏幕来表现出来，为了达到最佳的视觉表达效果，与浏览者有一个流畅的交互体验，做网页设计时要反复推敲整体布局的人性化。平面设计作为一种艺术活动，具有商业性和大众性的特点，平面设计体现在它的二维性，主要在平面上开展设计工作，在表现形式上给人一种美的享受，从而实现有效传达相关信息的目的。平面设计的设计原则可以在到网页设计中充分运用，更好的实现网页的艺术美感。

网页设计与平面设计的关系

1.网页设计是网络化的平面设计

网页设计是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面的形式被用户所浏览。网页设计与平面设计之间具有许多的相同点及相似性，都是集艺术创作、电脑载体和数字技术于一体的，以视觉作为沟通和表现方式的一种艺术创作过程。不同的是二者的产生背景和发展背景，网页设计是随着国际互联网的发展而兴起的一种新型的艺术表现形式，实际上就是一种网络化的平面设计。因为网页设计也是一种比较完美的艺术表现形式，它能够像平面设计一样对主题进行诠释，也能够详细的描述对象。从某种程度上来说，网页设计在创作过程当中，主要表现手法基本上是在平面设计表现手法的基础上延伸而来的，甚至是趋向于等同。网页设计与网络技术紧密结合，网页设计是平面设计的网络化发展形态，是未来平面设计的一个发展方向。

2.网页设计是对平面设计的延续

随着科学技术的不断发展，人们与网络信息技术的接触也日益频繁，人们的日常生活与生产活动与网络技术的联系也愈来愈密切。在人们进行网页浏览的时候，色彩鲜明、布局合理的网站往往能够吸引人们的眼球，更好的引起人们的关注。理想效果的实现完全取决于网页设计的风格。由于网页设计与平面设计具有多方面的相似性，且结合网页设计的发展背景，不能孤立地将网页设计与平面设计看成为两种不同的表现形式，应当可以完全理解为网页设计是平面设计在现代信息社会中的一种特殊的表现形式，是对平面设计的一种延续与发展。

3. 网页设计与对平面设计的区别

平面设计是相对传统的传播媒介，一般都是与印刷有关的，平面设计给人的体验主要来表现在视觉和感觉两个方面。网页设计则是通过屏幕显示的方式来实现的，它与平面设计最大的区别是融合了多媒体技术的应用，但同时也受到网速的制约。另外作为一个网页设计师，永远要考虑浏览者和用户的需要。网页设计的传达对象是用户，要与用户进行交互式传达，就更要考虑到网页设计的人性化和百分之百的沟通。

网页设计中的平面设计原则

网页设计是动态的平面设计，其设计原则咋很多方面都有共同之处，主要体现在以下几点：

1.准确性

不论是网页设计还是平面设计都是信息传达的设计，所以信息传达的准确性是十分重要的，它需要设计师做到信息准确、可靠、复合逻辑、条理清晰这些基本点。精炼的信息在信息泛滥的时代是极具价值的，不仅要提炼信息，还要对各种繁杂、无序的信息进行归纳总结，使之达到传达的准确。

2.艺术性

人们都喜欢欣赏美好的事物，作为设计师我们要制作出好的设计，让读者赏心悦目，把文字、图形、色彩在版面中进行艺术化设计，使其在优美的基础上，更加的易读、易懂、易记。

3.整体与协调性

整体性从本质上说是一种规律性，是事物存在运动发展变化的一种有序性。设计的各要素在形式上都具有秩序化的特点，协调性要求页面中各个元素之间要相互协调，互相衬托，使版面具有秩序美、条理美，从而获得更好的视觉效果。

平面设计元素在网页设计中的应用

平面设计与网页最大的区别在于传播媒介，平面设计是静态的传达，网页设计有互动是动态的传达，但是他们都是由版式、图形、色彩、文字组成的界面，在设计方法上也有很多相通之处。

1. 文字

文字是平面设计中的重要组成部分，它是最直观、最快捷的传达信息的方式，对于网页设计，文字同样重要，比其他元素文字的传达信息能力更强更准确。因为网页时与浏览者交互的界面，所以在网页设计的过程中的要考虑到文字与浏览者之间的关系。比如标题文字要选择简洁易读的文字，正文文字就要考虑到文字的阅读性。

2. 色彩

色彩决定着一个网页的整体视觉感受， “色彩能够表现情感，这是一个无可辩驳的事实。”色彩是设计语言中最富于变化的视觉表情。色彩呈现的色相、色调给予人的心理感受，从而激发读者进行联想和想象。如绿色的生机和活力，红色的热烈激情，黑色各的沉重、庄严。即使是同一色系，因明度和纯度的改变也会引起读者的心理上微妙的变化，如鲜艳的绿色优雅，蓝绿清秀、豁达，深绿就会给人宁静、平和的感觉。另外像企业类的网站，应该根据其视觉识别系统来进行颜色的选择，使其企业视觉形象达到完整统一的效果。

3. 图形

随着“读图时代”的到来，图形的信息化潜力被彻底挖掘，成为传达信息的主要载体。相较于感性的色彩和理性的文字，图形既有感性的视觉形象，又有理性的概念内容和含义，能迅速准确地传达出特定的视觉信息，起到文字和色彩都不能替代的作用。在网页中图片往往是吸引浏览者阅读的主要元素，所以好的图片以及图形设计成为了好的网页设计不可或缺的元素。因此在网页中的图形必须要做到准确性、易读性和艺术性，才能更好的吸引浏览者阅读。

4. 版式

网页设计的版式有别于其他设计的版式，他是动态的、变化的，在这个先定的空间中将文字、图形、色彩等结合起来并不是简单的事情。

首先人在阅读一种信息时，视觉总有一种自然流动的习惯，即先看什么，后看什么，再看什么，这种视觉焦点的流动性往往会体现出比较明显的方向感，它无形中形成一条流动的“线”，这条“线”即人们通常所说的视线。所以网页设计必须要遵循人的视觉流程，把重要的信息放在视觉的中心。所以网页设计首先要建立的是有层次的视觉，一般网页的页面是由文字、图形等视觉元素构成，我们可以利用视觉元素的大小、颜色、位置、比例等造型语言来引导读者的视觉流程。

其次是秩序感，网页设计的过程是以感性、理性相融合的思维方法为指导，不仅是视觉传达的设计，还是信息传达的设计，设计师要信息透彻理解，把内容重新整合，对文字、图片、色彩、版式等进行整合重构，达到一种整体的秩序之美。

结语

随着科技和时代的发展，尤其是互联网的兴起，以及电影、电视的发展，人们越来越喜欢阅读一些直观的、一目了然的、不太动脑筋的东西，人类社会已经进入了一个以“看”为主的视觉化时代，网页时随着时代发展而产生的一种新的交互系统，人们每天都花费大量的时间上网，有了电脑，你几乎可以足不出户，做好购物、存钱、交水电费、买飞机票等生活琐事，享受到影视、音乐、游戏等各种娱乐，甚至能够将会谈，人们每天都会有点亮的时间和网页面对面，所以网页设计的艺术性和实用性是非常重要的。网页设计是传统平面设计的延伸和发展，平面设计为网页设计的发展提供动力支持。二者之间既相互区别，又相互联系，共同为信息社会的发展发挥各自的优势，设计师必须要对视觉原理做成分的认识，才能设计出具有美感的网页。另外，用联系的观点正确认识网页设计和平面设计，对于今后的学习以及职业规划中也具有十分重要的指导意义。

（作者单位：燕京理工学院艺术院）

网页设计与制作课程设计篇4

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固！网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web（建立的网站）文件夹。如下图示：

2、我的篮球网（首页）

主要代码：我的篮球网

浅谈网页设计与数字技术篇5

随着网络渗透到人们的工作和学习的方方面面, 网页艺术设计成了视听设计的新课题。计算机产生也有许多年了, 但上世纪80年代计算机技术和90年代网络技术的迅猛发展, 揭开了人类由工业化社会转变为信息化社会的序幕。网页设计是凭借设计师所处的时代和他本人的艺术经验为基础, 依照设计目标和需求自觉地对网页的构成元素进行艺术策划的创造性思维活动。随着网络技术的发展, 网页设计是技能和对网页布局的方法, 它是艺术与技术的统一。新的世纪的到来, 数字技术的发展和广泛应用, 更为网页设计技术带来了新的挑战。

一、网页艺术设计的内容

(一) 网页设计的视觉元素与听觉元素

网页的构成元素主要包括:文字、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字, 图像或者是声音, 网页设计者将其加入的目的就是感动浏览者, 使其产生共鸣。多媒体技术和数字技术的加入更加增加了视听元素的表现力。

(二) 网页的版式设计

网页的版式设计同传统平面印刷品的版式设计有很多共同之处, 都是在有限的空间里, 追求给浏览者带来最高的视听享受, 将作者的思想传达出去。

但网页又和传统的印刷品有所不同, 印刷品都有固定的尺寸, 但网页随着浏览者的浏览设备和浏览方式不同会有所差异, 所以设计者无法精确控制各个元素的位置和所想达到的效果, 这对网页设计师们提出了更大的挑战。

二、网页设计的原则

(一) 强调整体与局部的关系

网页的整体性是网页设计最重要的一环。

网页的主要功能是传播信息, 它要满足人们获取知识或者审美的要求。设计时要强调其整体性, 和谐性, 准确性和快捷性, 是使用者可以很容易达到目的, 找到他们所需要的信息。另外, 整体性也是网站风格和设计师的艺术风格重要表现。

同时, 网页又是由很多视听要素组成的, 它们各自表达一个区间的内容, 都有着各自独特的媒体特征。正因为这样, 在设计网页时, 注重网页的各个元素的某种共性的特征是使网页更加整体和富有感染力的手段。例如在版式设计的时候使各个元素间有所联系, 而有统一的风格, 使网页达到了“形散而神不散”的目的。

(二) 内容与形式的统一

所有设计都有相应的内容和形式。内容是所有的内在的要素的总和, 是设计的基础, 是设计的灵魂;形式则是体现所有内容要素的表现方式。内容决定形式, 而形式又反作用于内容。

一方面, 如果只是强调花哨的外表, 只注重形式美, 脱离了网页所要表现的内容, 再高超的技术表现也会显得空洞。另一方面, 如果只追求内容的精彩, 而不在意其表现形式的话, 也就谈不到什么艺术的再现和美的享受了。顺便提一下, 有些技术人员出身的设计者, 单纯为炫耀其技术上的优势, 大量运用各种技术, 造成了网站的大量冗余, 也是不可取的。形式必须为内容服务, 确保网页上每个元素都是“有用的”也是非常重要的。

总之, 在网页设计过程一定要注意内容与形式的统一。

(三) 主题与风格的鲜明

艺术设计最终都是一个主题——“美”, 求美是艺术设计所要达到的目标。

根据心理学上的研究, 人类短时间内可以认知的知识点不多, 所以如果有太多的知识点的话, 就会产生混淆甚至想背离。有可能的是看了后面的前面的就没印象了。所以鲜明的主题是至关重要的。视觉设计所要表达的思想都是明确的, 有目的的。这就要求视觉传达不仅要纯粹、简洁、清楚和精准, 而且在强调艺术性的同时, 更应该注重通过独特的设计风格和强烈的视觉冲击力, 来突出设计主旨。

另一方面, 鲜明的艺术风格更是一个出色的设计师所不可缺少的。新的世纪是信息爆炸的世纪, 网络上的信息真是浩如烟海。要想做到在众多的网站中脱颖而出, 也必须要有自己的风格, 使浏览者更能从网页上获取更多的信息, 而又能对该网站记忆深刻。

总之, 网页虽然是多样的, 虽然是新兴的, 但是只要抓住其设计原则, 也是不难达到传达思想与知识的目的。

三、网页设计的特点及其数字化应用

(一) 交互性、持续性、数字化

网络媒体与传统媒体不同的是动态更新的信息和实时交互。传统媒体都是以线形的方式提供信息, 具有不可控性。而网络媒体则有着所以更新, 随时交互的特性。游客可以获取信息的需求, 而不是等待信息, 被动地接受信息。被动和主动的差异是很大的。

新的世纪是数字化的世纪, 几乎所有的事情都与数字扯上了关系。数字照相机, 数字摄像机, 数字电视等等。网络是新兴的媒体形式, 当然也离不开数字。从根源上来讲, 电脑的原理就是其对“1”、“0”的识别, 电脑是数字的, 网络而又是由无数的电脑组成的, 所以网页、网站也都是数字的。所以网页是以数字化的形态存在的。掌握数字技术也就成了是否能完成网页设计的关键。

(二) 数字媒体的综合性

目前网页设计的主要元素有文字、图像、声音、视频等, 随着数字技术的发展, 越来越多的新技术将被添加到网络。随着国家光纤网络的普及, 网络服务器以及个人电脑的性能的提高, 数字技术的应用将越来越没有硬件的限制。新技术的加入, 特别是新数字技术的加入, 必然会给网页设计者带来新的挑战, 他们面临着与新技术的碰撞与融合。当然, 数字技术的应用也会带来种种问题, 这也是设计着需要注意的。

所以, 网页设计者必须综合运用各种信息手段来丰富网页的内容, 以满足浏览者对丰富知识的渴求。

(三) 数字与技术的结合, 技术与艺术的结合

设计是受主观因素和客观因素的共同支配的。主观方面就是人的创意、思想, 客观因素就是设计者的知识结构、各种软、硬件条件、网络条件等等。一个优秀的设计者应该可以在客观条件一定的情况下, 最大化发挥自己的思想, 取得最大的艺术效果。现在新的数字技术加入了, 在客观层面上就出现了一个新的因素。如果设计者能把这新武器加以运用的话, 必然使创意得到很好的发挥。

四、网页设计与数字化生活的关系

(一) 交互是数字化的标志

交互性, 是指程序可以对人类的指令产生反映, 有返回的信息, 简单的说, 就是可以交流。数字技术发展至今, 网络不仅仅是可以浏览信息和传送信息, 更重要的是可以智能化的对用户的指令做出反应。

最简单的例子, 就是搜索引擎。在网页设计的时候有的时候为了方便用户的信息检索, 都会加入一定范围内的搜索引擎。搜索引擎的发展是基于数据库技术的介入, 只要你输入你想要的部分信息, 或者只是对你需要信息的描述, 搜索引擎就会在数据库中寻找匹配的信息, 然后返回一个结果给查询者。

当然, 时至今日更多的数字交互技术产生了, 并迅速应用到网络中。交互网络游戏, 网络交易平台, 网络信息中心, 网络数据库, 网络资料库等等交互形式都产生了。这就要求网页设计者, 要不断更新自己的知识, 能够灵活地把新兴数字技术更高的应用到设计中。

(二) 网络及其数字化应用已经渗透到各个方面

微信, 自媒体, 这都是时下最流行的字眼, 它们带来的是什么呢?

WWW, 美丽的新世界。从开始的电话拨号到ISDN一线通一直到现在的ADSL甚至以后的光纤和移动终端接入, 我们通过不同的方式进入这个伟大的虚拟的世界。万维网诞生的时候, 就是美军为了情报交流的小型网络, 而今天它已经是如蜘蛛网般覆盖全球了。它的主要功能是也不只是在军事上, 更渗透到我们生活的各个方面。移动新闻中心, 随时随地与世界接轨, 不用看报纸, 尽知天下事。

微信, 在2011年1月21日推出, 可以为智能终端提供即时通讯服务的免费应用程序。它跨平台、跨操运营商, 通过网络实现快速通信, 具有非常强大的社交功能。

数字娱乐, 你可以在网络上找到任何你需要的数字视频和数字音频。自从流 (STREAM) 媒体技术产生之后, 人们不一定要把影音文件下载完了在看, 而可以边下载边看, 进而实现了在线观看。网络游戏是数字娱乐的另外一个重要组成部分。现在玩游戏并不只是一个消遣, 游戏现在是一个产业, 每年都有种各样的电子竞技比赛, 越来越多的人成了职业玩家, 职业选手。

企业信息化, 企业上网目前无疑是每个企业的首要任务。这就要求网页设计者能很好地为企业服务, 能够设计出美观而又富有个性的网站。同时企业在网络上的业务现在也有很大发展空间, 甚至现今有的企业所有的业务都是在网络上完成的。

当然数字技术对我们的渗透还不只于此, 政府上网, 远程医疗, 远程家庭管理等等都是新技术的应用方面。

众多的数字技术应用到网络中, 这就给网页设计者提出了更高的要求。一方面, 他们要不断的充实自己, 熟练地掌握新技术的应用方法。另一方面, 他们还必须把握网页的主题, 不能单纯为了炫耀技术来设计网页。毕竟, 所有的技术都是为内容服务的。

(三) 数字化网络展望

未来的世界必然是网络的世界, 人类的数字化生存已经成为可能。随着人工智能, 嵌入式系统, 代理系统等新技术成熟后, 网页设计技术又将产生新的变革。未来的网络技术必将更加多样化, 蓝牙技术, 无线网络, 卫星网络的应用, 使人们上网不在受时间、空间的限制。纳米技术等新技术的应用, 必将是PC的性能产生飞跃, 网络带宽的技术瓶颈将不复存在。

结论

总之, 网页设计是一门新兴的艺术。它要求设计者本身有很高的艺术素养与全面的知识。数字技术的广泛引用, 为网络造就无限可能。设计者只要综合运用数字技术, 顺应时代潮流, 并遵循一定的原则, 就能设计出真正“美”的网站。

参考文献

[1]喻光继.网页设计与制作使用教程[M].北京:人民邮电出版社, 2005.

[2]黄升民.数字化时代的中国广电媒体[M].北京:中国轻工业出版社, 2005.

[3]董慧.电子商务网页设计与网站建设[M].武汉:武汉大学出版社, 2005.

[4]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术, 2013 (3) .

网页与艺术设计论文篇6

一、教学方法的探索

网页设计与制作这门课程的特点, 同样决定了它的教学必须在传统教学方式上有所改进。基本的思想, 便是从学生实际出发, 以教师为主导, 学生为主体。

(一) 任务驱动教学法。

《网页设计与制作》课程的教学, 与大多数计算机的其它学科一样, 具有操作性强, 实践应用性强, 原理性相对较弱的特点。并且网页设计主要是工具与技术方面的应用, 知识结构关联性不强, 如果采用传统的一味讲授知识点的教学方法, 对学生的学习会存在很大的障碍。因此在我们的教学过程中尝试使用“任务驱动”教学。任务驱动式教学方法是一种建立在建构主义学习理论基础上的教学方法, 它将传授知识为主的传统教学, 转变为以解决问题、完成任务为主的多维互动式的教学。任务驱动式教学方法符合人类认知规律, 注重以学生为主体, 在培养学生的专业能力的同时, 也提高了学生的通用能力。在研究教学大纲、教材和教学对象的基础上, 选择实际工作中的一个或多个有特点的“任务”, 通过对该“任务”的解决过程, 把相关的知识组合进行教学。其突出特点是目标明确, 过程生动, 直观性强, 实践性强。针对本课程的具体操作, 根据课程的教学大纲、教学内容, 先设计一个总任务, 再根据循序渐进的原则, 组织子任务的教学顺序。把总任务分解若干分任务, 再分解成不同的子任务, 子任务再分解成步骤。划分的界线完全根据实际工作来定。通常以子任务作为教学单位, 划分按如下层次:总任务专分任务专子任务专步骤。例如, 要求学生设计一个“我的家乡”主题网页, 这个总任务可分解成制作导航条, 动画制作, 图片处理, 版面布局等几个任务。

(二) 实例教学法。

学习网页没计与制作不仅在于灵活掌握工具软件命令的使用, 还要求学生运用软件独立地进行网页设计与制作。而实例教学法打破了以教材为中心的传统教学模式。通过分析各种实例来开展教学活动的教学方法, 在教师的精心策划和指导下, 运用典型实例将学生带入特定教学情境, 通过学生的独立思考或集体协作, 从实例中获取知识、掌握技能、提升能力。实例教学法以精心选出的一些网页实例为中心, 把学习的重点放在具体网页实例的制作上, 通过摸索、实践得出结论, 将软件的知识点、网页设计的经验、技巧等诸多因素融入网页例子的实例教学, 可以使学生在教学中获取较大的自主权。在应用中学习, 让学生在网页实例制作的过程中, 熟练掌握软件的操作和各种命令的使用。同时, 而在实例的分析讲解中, 由于实例来于知识的延续, 是发生在学生实际生活身边的事情, 以后学生在网页实例制作的过程中, 就能从实际常见的网页设计作品出发, 设想各种网页设计和布局的方案, 为今后的进一步学习和工作打下一个良好的基础。实例教学法比传统的讲授法更受学生的欢迎, 可以在和网页设计类似的课程中广泛采用。

二、教学内容的动态调整和持续更新

由于计算机技术更新很快, 网页设计与制作技术也在不断升级换代, 课程内容必须根据技术发展持续更新。教学模块根据岗位需求变化、学生认知规律和教学实际情况随时进行调整。只有求新、求变才能适应快速发展的网页技术和不断变化的就业需求, 学生所学的知识才不至于到毕业时已过时。

三、考核方式的改革

过去的计算机课程考试通常是采用笔试的方法, 考核的重点是理论知识, 这与《网页设计与制作》这门面向培养实践动手能力的要求就有了明显的差距。每个学生都希望自己能有一个好成绩, 到底是专攻理论知识取高分, 还是做出好的网页突出自己的操作能力, 这就会让学生无所适从。因此, 改革考核方式显得十分重要。在具体的考核过程中, 我们将以往的笔试取消, 取而代之的是面向培养学生能力的考核方式, 期末综合成以下几个部分组成, 首先是改变平时成绩所占期末总成绩的比例, 适当增加其比例, 能够调动学生上实验课及完成课堂练习和实验任务的积极性。其次, 在课程考核中增加了课程设计环节。在课程上到期中阶段以后, 以个人的方式上交一份个人网站作品, 这时由于学习的时间和内容有限, 要求页面5个左右即可, 在期末课程结束前两到三周, 则按照自由组合、分工协作、组长负责制的原则将学生以3-5人一组的规模分成不同的课题小组, 考虑到学生的兴趣爱好和主观能动性, 不指定单一的题目, 而是列出大量题目供参考, 学生也可以自选题目, 但是老师要提出课程设计的具体要求, 比如页面文件的数量、功能上的要求、文档上的要求等等。学生在两到三周的时间内利用课余时间完成课程设计, 在期末上交作品并进行一个全面的汇报, 老师对各小组成员提出问题, 然后再根据其网站的完成情况以及回报情况进行评分, 确定课程设计的成绩。

通过这样的一种考核方式, 可以全面检测学生的知识掌握情况, 并大大提高学生的综合能力、设计能力、协作能力等, 起到事半功倍的效果。

四、结束语

通过总结教学的实践经验以及对教学方法、教学内容和考核形式的改革等进行的一些尝试, 让我更深刻地认识到《网页设计与制作》课程的教学中必须注重面向学生的实际动手能力和综合素质的培养, 锻炼学生的实践能力, 激发他们学习的兴趣, 才能取得良好的教学效果, 在今后的教学中, 我会继续努力, 不断探索, 为进一步提高这门课程的教学效率和教学质量作出努力。

参考文献

[1]胡波.网页制作课程教学方法探讨[J].电脑知识与技术, 2006 (8) ;

[2]谢良辰.对网页制作技术课程实验教学设计探讨[M].山西:教学与管理, 2006 (7) ;

[3]马红玲.高职“网页设计与制作”课程的教学研究与实践.计算机教育, 2007 (9) ;

[4]谢良辰.对网页制作技术课程实验教学设计探讨[M].山西:教学与管理, 2006 (7) ;

网页设计与制作中超链接的运用篇7

1 超链接的分类

按链接范围一般分为内部链接和外部链接。外部链接:与外部网站的页面间的链接;内部链接:网站内部页面间的链接。按链接路径来说, 一般包含以下类型:文档链接:链接到其他文档, 最为常见;电子邮件链接:创建允许用户给网页制作人员发送邮件的链接;书签链接:链接到相同文档或其他文档的书签位置;空链接:不会跳转到任何位置, 用于附加Dreamweaver行为;脚本链接:执行Java Script代码或调用Java Script函数。

2 超链接的创建及应用

2.1 外部链接和内部链接

建立超链接到外部站点有两种方法可以实现:一是直接输入地址, 在属性面板中的“链接”文本框中直接输入外部链接的地址, 如http://www.sohu.com;二是使用“常用”插入栏中的“超级链接”对话框, 分别对文本、链接、目标、标题、访问键等五个属性进行设置。

如何快速在站点内创建链接?有三种创建和修改的方法:一是使用“属性”面板创建链接, 键入文件路径或单击浏览按钮选取需链接的文件;二是使用“指向文件”图标直接指向想要链接的文件;三是使用“资源”面板创建或修改超级链接。

2.2 电子邮件链接

在网页中设置电子邮件链接已经非常普遍, 电子邮件链接可以附加在按钮图片上, 也可以附加在文本上。当页面浏览者单击具在电子邮件链接的文本或按钮时, 可以直接打开安装在系统中的电子邮件应用程序, 例如Outlook等并且在“收件人”位置已经自动填写好电子邮件的地址, 浏览者只需在填写完内容后, 直接发送即可。若要在图片或文字上直接附加电子邮件链接, 可选中该对象, 然后在“属性”面板的“链接”栏中输入“mailto:电子邮件”。在“mailto:”后面不要添加空格, 例如:mailto:39989511@qq.com, 按回车键确定。

2.3 书签链接

“书签链接”可让用户在页面内容较多时只浏览自己感兴趣的内容。制作“书签链接”通常会在网页上端位置设置一个内容列表, 列表下面分别是针对各列表项的详细说明位置。当用户单击内容列表中感兴趣的某一项后, 网页会自动跳转到该列表项的详细说明位置。“书签”一词是转译而来的, 它的英语原词是anchor, 意即“锚”, 所以“书签链接”也常称为“锚点链接”。“书签链接”可让用户根据需求更方便快捷地找到相应内容, 而不必浏览网页中的所有内容, 使网页更具人性化。“书签链接”的制作方法:将光标定位到内容介绍的标题处―――单击“插入记录/ 命名锚记”或按Cutrl+Alt+A快捷键, 在出现的对话框中输入书签名, 然后单击“确定”按钮―――选取列表中的文字, 在“属性”面板的“链接”域中, 输入符号“#”和书签名。数字和字母都可以作为书签名, 但是最好不要使用中文。除了使用菜单命令外还可以通过“插入栏”中的“常用”项插入“命名锚记”进行操作。

2.4 无址链接和脚本链接

在Dreamweaver中除了上述内容所讲到的链接方式外, 还有无址链接和脚本链接, 这两种链接方式不再是实现简单意义上网页间的跳转, 而是赋予了链接更多的含义。

无址链接如同它的名字一样, 它不会跳转到任何地方。但是, 这种链接对于读取某些Java Script事件是非常有用的, 例如:在大多数浏览器中, 图像不能识别on Mouse Oer事件, 可以通过使用无址链接实现图像变换, 此外, 在制作具有较多内容的网页时, 通常都要在网页最底端添加“返回页首”的链接, 以方便浏览者在浏览完所有网页内容后直接返回页面顶端。创建无址链接的方法很简单, 选取“返回页首”, 在“属性”面板的“链接”域中键入“#”号, 在“目标”下拉菜单中选取“-top”。

脚本链接能够在不离开当前Web页面的情况下为访问者提供有关某项的附加信息。通过java Script脚本链接, 可以执行Java Script代码或调用Java Script函数, 也可以用来在用户单击时执行计算、表单验证和其他处理任务。如在介绍某一景点的旅游网站中, 选取网页logo“*** 旅游网”, 在“属性”面板的“链接” 框中输入“javascript:” 后接Java Script代码或函数调用, 即可在“链接”域中键入“javacript:alert (‘欢迎光临*** 旅游网’) ”, 在预览网页效果时, 单击网页logo, 就会弹出一个Java Script提示框“欢迎光临*** 旅游网”。因为Javascript代码中出现在双引号之间, 因此在脚本代码中必须使用单引号或在双引号之前加斜杠, 例如:”欢迎光临”。

3 超链接的目标窗口

当用户在互联网上浏览网页时, 一般都是通过单击网页上的超级链接, 跳转到不同的页面。当新页面出现时, 可能会出现三种情况:原有的页面被覆盖;原有的网页并不被覆盖, 而是弹出一个新的窗口;原有的网页内部分被替换。这三种情况的出现是由于网页在制作时对超级链接的目标窗口进行了设置。在Dreamweaver中通过“属性”面板中的选项可以轻松的完成这项工作。在“目标”下拉菜单中可以设置4 个超级链接目标, 其意义分别为:

_blank:将文件载入新的无标题浏览器窗口中。

_parent:将文件载入到上级框架集或包含该链接的框架窗口中。

_self:将文件载入到相同框架或窗口中。

_top:将文件载入到整个浏览器窗口中, 取消所有框架。

4 超链接的美化

在制作超链接时, 可通过“超级链接”对话框设置相关属性或利用导航条、f lash按钮、f lash文本等对超链接进行美化。

使用“超级链接”对话框是美化链接的基本方法。在对话框中, 文本用来设置超链接显示的文本;链接用来设置超链接的路径, 最好是相对路径;目标用来设置超链接的打开方式;标题用来设置超链接的标题;访问键用来设置键盘等价键, 可输入一个字母, 在浏览器中打开网页后, 单击键盘上的这个字母将选中这个超链接。

导航条制作的超链接可在链接时产生图像变换的效果, 在插入记录/ 图像对象/ 导航条中执行。在导航条中, 可设置原始图像、鼠标经过图像、按下鼠标时图像, 在“按下时, 前往的URL”处设置链接地址。值得注意的是每个页面只能有一个导航条。

Flash按钮制作的超链接可在经过和点击链接标题时产生立体感和动态感, 在插入记录/ 媒体/f lash按钮中执行。用户可根据网页的美化效果添加丰富多彩的按钮样式, 在按钮文本中添加所链接网页的标题, 在“链接”对话框中输入所要链接的网址。必须注意的是按钮要保存在与相应网页的同一路径下。

Flash文本中转滚颜色的设置可在经过和点击链接时产生色彩变换的动态效果, 在插入记录/ 媒体/f lash文本中执行。用户可根据网页的美化需要设置链接标题的转换颜色, 如标题初始颜色为黑色, 在点击链接时可转换为蓝色。和f lash按钮一样, f lash文本也要保存在与相应网页的同一路径下。

5 结语

超链接是网页间联系的桥梁, 是网页的魅力所在, 通过链接, 浏览者可在信息海洋中尽情遨游!在制作网页时应综合运用外部链接和内部链接让网页更丰富!同时充分利用文字、图片、Flash等网页元素设置链接来增添网页魅力!

摘要：超链接是网页间联系的桥梁, 是网页的魅力所在。超链接按链接范围分有外部链接和内部链接;按链接路径来说, 一般包含文档链接、书签链接、电子邮件链接、空链接、脚本链接。网页制作工具Dreamwraver提供了非常简便的创建超链接的方法, 用户可将文字、图片、Flash等网页元素设置为链接对象, 进而美化链接, 让网页更丰富多彩。

关键词：网页,超链接,分类,应用,美化

参考文献

[1]陆莹.网页制作Dreamweaver CS3[M].上海市:华东师范大学出版社, 2010 (04) .

[2]马增友, 于俊丽, 刘辉.Dreamweaver cs3网页设计与制作技能实训教程[M].北京:科学出版社,

[3]孙良军.网页设计与制作全方位学习[M].北京:中国青年出版社, 2003.

[4]王书娟.网页制作中超链接的应用-使用Dreamweaver创建超链接[J].科技风, 2012 (05) .

网页与艺术设计论文篇8

【关键词】网页制作;教学;设计

早在20世纪初，我国就已经把“网页制作”作为高校基础课程的内容。“网页制作”不仅能提高学生对信息技术的应用能力，还能提升学生的动手能力和设计、规划能力，有利于促进学生的全面发展。在近年来的实践中，“网页制作”课程的开展已在高校取得了较好的效果，在培养学生团队合作、自主创新能力方面都取得了卓越的成效。

1.教学现状

网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。

在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。

网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。

2.教学目标

网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：

2.1 知识目标

在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术，动画、音频的处理技术，网页编辑、链接的技术，图形绘制晕染的技术等。

2.2 技能目标

技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景图片和音乐以丰富网页内容，增加网页的观赏性和完整度。

2.3 情感目标

情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。

3.网页制作课程的内容

网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flash动画制作软件。

4.网页设计课程的设计思路

尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。

在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的難度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。

课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。

5.教材分析

我国大部分高校在进行网页制作教学时都采用了《Dreamweaver中文网页制作基础》这一教材。这本教材的最突出优点就是采用了设置任务的模式完成网页制作的教学。在每一章内容的介绍中，教材中都会设置相应的教学任务和实用案例。学生在完成任务的同时，对教材中涉及到的基础知识点和操作技巧都进行了应用，并在不断操作中强化了记忆，相较于传统的教学模式，更有利于学生对知识的掌握和应用。另一方面，这本教材的内容设置充分遵循了学生的学习规律，并把握好了重点。在教材的前半部分是对网页设计基础知识的简介，其中包含了对数据库软件、Office应用软件、Flash软件等软件的操作规范和说明，使学生在进行实际的上机操作前，对这些基础知识点有了较为全面的把握。教材的重点放在了网页的设计过程上。教材对网页设计的步骤进行了详细、具体的说明，并通过文字和图形结合的方式向学生展示了一些具体操作流程，学生能在较短时间内掌握设计方法，完成网页的自主设计。

6.结语

网页制作是一门综合性很强的学科，对学生的理解能力、设计能力、审美情趣及动手操作能力进行了综合的考查。同时，对于教师而言，网页设计课程的开展也考查了教师的授课能力和创新意识。在网络技术日新月异的今天，掌握好网页制作技术有利于开发学生的创新精神和合作精神，提高学生的综合素质。

参考文献

[1]王晓晴.浅谈“网页制作”之网页版面的教学设计[J].计算机光盘软件与应用，2014（2）：31-34

[2]薛巧梅.任务驱动教学法在网页制作教学设计中的应用[J].武汉船舶职业技术学院学报，2013（5）：69-71

[3]高晶.浅谈任务驱动教学法在网页制作教学设计中的应用[J].中国校外教育（基教版），2012（12）：99-102

网页与艺术设计论文篇9

1 用户的审美需求

上世纪末互联网刚登陆我国时, 发展势头过于迅速。很多网站在创立之初只是想赶紧抢占一席之地, 而没有将太多的时间和精力投入到网页的设计中, 结果是虽然各个网站内容各不相同, 但一看之下, 版面几乎都是同一风格, 几乎毫无新意, 很快就导致了用户的审美疲劳。随着网络不断的发展, 人们对网站的版面和整体风格越发重视, 网站管理者若没有一张好看的“脸”, 将很难留住用户。这就要求设计者们从艺术的角度出发, 从用户的审美需求入手, 结合平面设计中对美学的解释运用一些艺术的基本形式来改造网页的版面, 从而使其更具美感、更有个性。

1.1 版面的规范化

网页版面的设计要遵循一定的规律, 明确编排时的重点, 分清主次内容, 按由主到次的顺序逐步完成编排。尤其在使用符号、图片、文字、动画等内容时, 要遵循平面设计中形式美的视觉规律, 强调文字、图片及色彩的搭配。同时, 网页的设计必须要与网页内容想关联, 不可脱离主题, 仅为美学而设计。

1.2 版面的均衡性

页面的编排中, 可以将单个的文字看做是点, 成行的文字看做是线, 成段落的文字看成面。点、线、面的排列要强调均衡性。三种形式要因实际情况而采用。如单个文字, 用起来会十分突兀, 但可以让用户一眼就看到;成段文字可以排列十分美观, 但用户可能因为字数过多而放弃阅读。文字的排列方式一般有水平、垂直、倾斜, 前两种容易带给人稳定, 安宁的感觉, 而倾斜会让人不由产生运动感。合理的结合三种排列方式, 保证页面整体平衡的情况下给局部安插一些斜体字, 会显得更动感而富有生气。

2 设计中的视觉流程

一个网站要得到用户的喜爱, 其页面内容、整体布局都必须通过视觉感官使用户感到愉悦或欣赏。而精心设计过得页面相比随意的版面编排无疑要更容易吸引用户, 从而增加网站的访问量。网站要通过网页传达信息, 就必须要要虑到视觉元素的处理, 只有拥有良好的视觉效果, 才能称得上是新时代背景下真正意义上的新媒体。这就要求网页设计师们从人们的日常生活出发, 更多的考虑人们的阅读习惯。对于网页版面的编排, 各个元素之间的排列及其各自的大小、位置, 都要结合阅读顺序。使用户保留自己的习惯, 在阅读网页时感到轻松, 自然。

3 网页中各构成要素的分析

网页的作用在于传递信息, 而网页设计就是服务于这个目的。通过优化网页中文字、图片、色彩的造型、排列和放置, 使网页更美观, 更容易让人获取信息。如何处理文字、图片和色彩, 值得我们做更多的讨论。

3.1 文字的处理

文字是传递信息的核心部分, 网页设计中一定会涉及文字的处理。且一般来说文字占整个页面篇幅较大, 因此文字处理好坏直接影响到整个页面设计的水平。设计师在进行处理时需要考虑文字编辑的整体效果, 应尽量给人以简洁亮丽的视觉效果, 要避免页面中文字效果凌乱、复杂, 过多刻意的修饰若使用不当反而会适得其反, 因此在必要时, 可以不加修饰, 仅保留文字本身。此外, 设计时还应注意文字的格式、大小及字体要配合文章内容。总而言之, 要合理运用美学的观念编辑文字。

3.2 图片的处理

网络讯息传播的速度越来越快, 造成了较普遍的“快餐式阅读”现象。这种现象是指用户在互联网上阅读时往往只关注标题和核心段落, 而仅仅会对极少部分感兴趣的内容完成全文的阅读。网页上好的图片可以激发用户的阅读兴趣, 而且图片的合理编排可以大大增加网页的美观, 使得原本单纯的文本阅读变的更有趣味。因此, 版面设计中必须重视图片的处理。选择图片的内容、数量、大小和方向等都可直接影响到网页的整体布局, 在对图片进行处理时, 我们要遵循精简的原则, 尽量少的选择图片, 尽量选择高质量高度切合主题的图片, 力图用图片抓住读者。

未来的互联网到底会发展到怎样的一个程度, 没有人可以预测。网页设计的出现虽然只有短短十几年, 却必须要不断跟随互联网飞速的发展而不断变革和创新。又因为网页设计本身综合了传统媒体的各种平面设计因素, 又必须讲设计师的美学理念通过计算机展现在网页上。这就要求网页设计师必须具备较高的设计文化素养, 在设计中综合考虑各方面因素, 且必须具备创新意识, 紧跟潮流, 应互联网之发展不断探索更高水准的网页设计。

参考文献

[1]Paul M.larsst.视觉传播——形象载动信息[M].霍文利译.北京广播学院出版社, 2003, 2 (8) :6-10.

[2]西门柳上, 马国良, 刘清华.正在爆发的互联网革命[M].机械工业出版社, 2009, 2 (5) :22-24.

浅谈网站设计分析与网页制作篇10

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络, 它的传输内容是非常丰富的, 涉及到全球的各个领域, 是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口, 是院务公开、公正、服务职工、惠及民生的重要手段。办好网站, 对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分, 是构成网站传达信息不可或缺的手段, 同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站, 只有多为用户着想, 认真地以用户的切身体会出发去完成网站的整体设计。当然, 在设计过程中需要考虑的因素很多, 用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多, 而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说, 初学者最常使用是Frontpage和Dreamweaver, Frontpage是微软公司出品的一款网页制作入门级软件, Front Page使用方便简单, 会用Word就能做网页, 所见即所得是其特点, 该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器, 利用它可以轻而易举地制作出充满动感的网页。此外, 制作网站还要用到边缘性软件, 如photoshop、flash等, 网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后, 就要为这个网站选择内容了。网页内容影响着网站的成败, 所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的, 这些可以从图书、报纸、互联网等信息媒介搜集素材, 素材通常分为三类一一文字、图片、影像。素材准备得越多越好, 再从这些素材中粗中取细, 以备制作网站时可以随时拿来使用。总之, 网页内容是网站的根本, 如果内容空洞, 页面制作的再怎么精美, 仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果, 反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击, 所以确定网页的色彩是相当重要的一步。在网页的色彩设计上, 除了要表现心理和感情联想之外, 还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值, 使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作, 切不可图快, 没考虑清楚就下手只会让后面的修改工作更辛苦, 首先要制作主页, 把主页上的页面的编排、色彩的搭配、链接的方式都设计好后, 再以它为基础, 通过变更文字和图片等内容建立其它子页, 可以利用模板批量创建子页, 使用模板的好处是一一同一个模板创建下的网页, 对它的更新和修改可以一次性完成。这样可以大大提高制作效率, 使网站形成统一的风格。

⑵特效制作网页时, 能尽量用javascript替代的就不要使用java, java会使网页速度减慢, 在加入诸如声音、动态网页等小技巧时, 最好也不要太多, 这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本, 可以让浏览者看到众多的图片。但是, 在展示缩略图时, 切记不能将缩略图做得太小, 因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的, 色彩鲜艳高分辨率的用JPg, 图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k, 小图片 (1OOx40) 一般可以控制在6k以内, 较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢, 在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片, 是否需要等待, 是否可以点击。

5 结语

网站的设计与制作谈起来很简单, 但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践, 不断的学习, 不断的丰富、创新网页制作的方法, 不断完善、提高自己网站设计的能力。

摘要：网络作为当前信息化时代最大的信息传播平台, 越来越多的商家和个人开始重视建立自己的网站, 面对新的形势, 经过深入研究、积极探索, 大胆实践, 在各项工作的基础上, 充分运用网络技术这一现阶段科技手段, 拟筹备建立网, 并以网站为载体积极开展工作, 为工作增添了新技术。本文结合在网站设计方面的经验谈一下网站设计与制作的流程。

关键词：网站,设计分析,制作

参考文献

[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010 (1) .

[2]辛旭武, 李韶斌.基于PHP的体检网站设计[J].中国卫生信息管理杂志, 2012, (02) :62-64.

【网页与艺术设计论文】推荐阅读：

网页艺术设计06-19