网页设计与制作的方法和应用

网页设计与制作的方法和应用

摘要:网页设计与制作是一项技术含量较高的工作,对于从业者有着较高的专业素养要求。网页的后台源代码基础为HTML语言,应用HTML语言进行网页设计与制作,简单灵活,方便快捷,且语言可拓展性强,受应用平台的限制少,优势明显。对于制作人员来说,掌握并且能熟练应用HTML语言是基本要求,而要想制作出创意性网页,还必须学习应用网页制作工具、网页动画制作工具、图像设计工具等现代化工具。

关键词:网页设计与制作;方法;应用

网页即主页(Homepage),目前,人们对于网页设计与制作的认知过于片面和简单,许多人都认为在网页制作的过程中,与应用Word文档简单地进行文字、图片、声音的处理相似,但实际上,网页制作技术含量极高,其中涉及到很多专业知识,对于网页制作人员的专业素养有着较高要求。

1基于HTML语言的网页设计与制作概述

网页的后台源代码基础为HTML语言,这些语言在浏览器转化下呈现为大家所知的网页,因此,在网页设计与制作中,HTML语言极为关键。所谓HTML语言,就是超级文本标记语言,网页制作可以使用HTML语言编辑器编写HTML文档,再使用标记符号等标记文本、图片、音频、视频等,制作出网页文件[1]。当用户登录网站浏览网页时借助于浏览器即可解析所标记的网页,实现网页浏览。在目前所有的网页设计中,HTML语言属于基本标记性语言,基于HTML语言的网页设计与制作,具有以下特点:(1)简易性。在应用HTML语言时,通常会采用超集方式,使用起来简单灵活、方便快捷;(2)可拓展性。HTML语言常常被用于计算机网页设计和其他程序设计中,而且所采用的子类元素方式,可通过接口设计连接多个系统,具有极强的可拓展性;(3)受应用平台的限制少。HTML语言应用范围广,能够在PC机等多种平台上使用。在以前,Hotdog、Netscape的compose等网页制作工具尚未成熟,要想很好地完成网页制作工作,制作人员必须掌握HTML语言。不过,如果制作人员无法熟练使用HTML语言,也可以借助Windows附件里的记事本、VBScript或者JavaScript等功能强大的网页生产工具,这些设计工具可自动生成HTML代码,呈现动态化页面,制作出设计人员预期中的网页。此外,随着网页制作技术的发展,新型制作工具诸多FrontPage2000、DreamWeaver3、HomeSite4等逐渐出现在大众视野中,有效解决了传统网页制作的难题,让网页制作变得更为简单,且效果更好,能够很好实现网页内容编排与艺术性的结合,达到网页创意设计的标准。

2网页设计与制作方法

现阶段,网页设计常用工具有Frontpage、Dreamweaver等,而且,photoshop等软件的引进使得网页设计主题更为鲜明,美感有所增长。而在网页设计方法上,人们在常规编辑方法外,基于网页设计具体化、形象化的需求,新增了BGM编辑等方法。HTML语言是网页设计与制作的基础,制作人员必须熟练掌握HTML网页设计的基本方法。在设计制作HTML网页时,制作人员首先应该确定文件结构,确定链接、索引代码等具体信息,然后再设置背景及文字用不同的代码去传达不同的意义或者表示不同的元素,再插入背景图像,如若要在原有页面上添加图像,需替换之前的image-URL,再加入网页链接。在网页设计与制作过程中,制作人员必须明确设计目标,根据用户需求来设计网页尺寸,确定链接的繁琐程度等,细化设计内容,以获取更好的反响,同时,网页设计应该秉持着简洁大方的基本原则,让用户能够在最短时间内寻找到所需内容,优化用户体验。随着社会的发展,网页设计与制作面临着新的要求,制作人员除了掌握HTML语言外,还应该掌握网页制作工具、网页动画制作工具、图像设计工具等,这样才能够很好地满足用户需求设计出有创意的网页。以网页制作工具为例,当前常用的两种网页设计工具有Dreamweaver3、FrontPage2000二者各具特色,实践经验表明,Dreamweaver3功能完善且冗余代码少,便于站点管理,在使用过程中可支持多种新技术,优势明显,所以其应用率远超FrontPage2000,但实际上,这两种工具都能够为网页制作人员提供帮助,使用难度中等,可自动生成HTML代码,能够为图形化设计界面提供技术支持[2]。以网页动画设计工具为例,当前在动画设计领域,应用最为广泛,功能相对完善,代表着技术尖端水平的工具,有Adobe即将推出的GoLive以及Macromedia的Flash软件。以图形图像设计工具为例,这类工具能够完成平面设计与动画设计工作,常用的平面设计软件有Adobe的Photo-Shop软件,这一设计软件可胜任二维平面图形设计的所有工作,应用广泛。

3结语

网页设计与制作对象主要为网站上的用户交流界面,其价值在于为用户提供信息,所以,在网页制作过程中,应关注用户体验,在遵循网页制作原则的基础上合理应用现代化网页制作软件,使用各种制作技巧,融入个性化创意,设计出满足用户需求,同时又符合大众审美的网页。

参考文献:

[1]余晓兰.MOOC平台基于SPOC的混合教学模式在高职《网页设计与制作》课程中的实践探索[J].科技经济市场,2019(04):145~147.

[2]宗月萍.基于清华优慕课教学平台的线上线下混合式教学实践分析———以高职计算机专业《网页设计与制作》课程为例[J].中国新通信,2019,21(07):202~203.

作者:兆晶 王娟 单位:石家庄理工职业学院