当前位置:首页> 网站建设技巧> 如何用模板制作网页

如何用模板制作网页

发布时间:2020-03-29 11:23:00

在当今社会,互联网是一个庞大的系统,网页是互联网的基本单元。如何使网页更加美观和艺术?我们不仅要考虑网页的颜色、风格和效果,还要考虑网页的主题、结构和布局。本文以图书馆学系网站的设计与制作为例,对网站制作的各个方面进行了全面的分析。

关键词:网页设计;色彩;布局;课程学习

随着计算机网络技术的发展,信息技术对社会的影响越来越明显。网站是一个收集信息和提供信息的平台,可以为访问者过滤。网站的建立需要有其特定的主题方向,满足一定客户群体的需求,并能够通过实时更新使网站的发展具有更持久的生命力。本文通过对本学期网络设计课程的研究与实践,以图书馆学系网站的设计与制作为例,探讨了网站建设的诸多方面。

网站的早期设计是网站生产过程中一个非常重要的因素,也是网站建设者容易忽视的因素。本文作者在图书馆学系网站设计中主要考虑了以下几个问题。

网页色彩的设计不是随意的,也不是随意的。网页设计师必须以基本的艺术规律为前提,综合考虑网站本身的特点,不仅需要各部分的整体协调,还要形成一定的局部对比,从而设计出独到的网页效果。[1] 笔者主要依据以下两个原则对图书馆学系网站进行色彩搭配。

有自己的色彩风格才能给用户留下深刻的印象,从而在各种网站中脱颖而出。因此,笔者在设计图书馆学系网站配色时力求追求的风格是简洁,而整个网站的色彩相对简单。不过,笔者打算在制作时插入一小部分与蓝色形成强烈的白色对比,这样既能达到整体的和谐,又能突出局部的艺术效果。

不同的色彩带来不同的视觉感受和情感体验。此外,网页色彩与主题的和谐统一有助于网站理念的表达。作者在图书馆学系网站的色彩建设中要表达的主题是简单而正式的。因为网页的冷色能突出沉静庄重的主题,所以作者在图书馆学系网站建设中使用的主要颜色是白色和蓝色。

图像在网页设计中占有非常重要的地位。其主要目的是吸引访问者并吸引他们对网站的关注。这也是整个网页设计风格和模式确定中重要的部分。图像在网页中的主要作用是通过图像来吸引访问者的眼球和引导信息。[2] 在图像处理过程中,主要考虑以下几个方面。首先是整个网站的logo,其中网站logo基本上决定了网站的点击率。作者制作的图书馆学系网站标识由河北大学图书馆系和学校标识组成。学校标志是蓝色的,字体颜色是蓝色的。两者结合在一起,很好地代表了河北大学图书馆学系的品牌。第二个是网页的背景图。作者所建网站的背景图使用了一张竹林的图片。图中有两栏字:“用笔耕耘传柴,努力创造未来”。对于高校网站来说,这种图文结合不仅可以突出主题,而且具有感染力。此外,在图像处理技巧方面,作者制作的网页采用大小图片相结合的方式,用主页的大图片突出网页的内涵,用小图片使网页更加个性化。

笔者设计的图书馆学系网站主要是根据本专业的实际情况。了解了陕西师范大学秘书学系的网站后,各大栏目纷纷成立。同时,在界面简单的前提下,为用户提供快捷的服务。

随着网页制作技术的进步和访问者的需求,访问者不再愿意只关注内容来浏览网站。设计师只有通过合理的布局、协调和搭配,才能强化网页的内容和色彩,既能将设计师的创意表达得淋漓尽致,又能留住过于挑剔的访客。[三]

网页布局的主要类型有“**”式布局、“工厂”式布局、“框架”式布局、封面式布局和flash式布局。笔者设计的网站主要采用“**”式布局,因为“**”式布局更适合正规的大中型网站。虽然作者设计了一个简短的版本,但主体结构仍然适用于“过”字的布局。

作者在制作图书馆科技部网站时使用的布局工具是Dreamweaver。使用Dreamweaver进行网页设计时,常用的页面布局技术有表格布局、框架布局和CSS+div布局。作者所在图书馆科技部网站的一小部分采用CSS+div布局,div用于构建网站结构(框架),CSS用于创建网站性能(风格/美化)。其优点主要体现在性能和内容的分离,设计部分的分离放在单独的样式文件夹中,HTML文件只存储文本信息,大大提高了页面浏览速度。此外,它还具有易于维护的优点。

尽管CSS+div具有强大的功能,但它的设计太费时费力。对于这种初学者来说,需要更深入的学习过程才能灵活掌握。因此,对于作者来说,使用table+CSS是一个细致的组合。CSS装饰页面效果和表快速布局。这是作者设计的一种快速、方便的图书馆学系网站建设方法。因此,我的大部分网页都采用了Table+CSS的方法。

对于网页设计初学者来说,在网页设计的实践中存在很多问题。

内容是网页的核心,是网页的生命力[4]。作者在网站设计中考虑了许多主题,但由于种种原因,大多数主题不得不放弃。在终确定主题之后,由于不确定要向用户提供什么样的服务,以及网页中要显示什么样的内容,作者总是做一些修改,然后再推出来修改。经过多次修改,笔者终于找到了一个解决方案,即网站的设计不是大而全,而是小而精,而且内容符合自己的兴趣。

在导航栏的设计过程中,笔者也反复修改、反复推敲、重做,因为笔者总觉得网站的结构不清晰。作者之所以会犯这样的错误,是因为他是在主题确定后才开始做的,但只有在一页的制作完成后,他才发现自己的结构混乱,所以他不得不努力修改。

解决结构混乱的办法是先有一个清晰明了的思路再制定。网站的导航栏应该与主题紧密相关,然后按照一定的标准进行分类。可见,制作网页设计结构的核心是要有一定的划分标准,用这些划分标准可以使呈现给用户的网页简洁明了。

在图书馆学系网站建设过程中,经常会出现链接死角的错误,即链接无法打开。造成这种局面的原因是作者自身的疏忽,如总是混淆相对环节和环节,不注意自己的写作习惯、走错了道路等。解决这个问题的办法无疑是纠正自己的问题,在制作网页的过程中要小心。

随着互联网的飞速发展和网页设计技术的不断完善,无疑对网页设计师提出了更高的要求。经过一个学期的网页设计课程学习,笔者深深感受到网页设计这门学科的深邃,一个学期的时间远远不能掌握。因此,在今后的学习和生活中,我们应该加强自学能力,提高网页设计的技术水平。同时,在网页设计过程中提高自己的审美能力和艺术素养。

参考:

[1] 秦莹莹。网页设计中的色彩分析[J],艺术研究,2008(4):55

[2] 陈志盖。新时期计算机图像处理技术在网页设计中的应用分析[J],应用研究与开发,2015(3):219-220

[3] 严家琼。网页设计中的页面布局分析[J],计算机学习,2010(2):41-44

[4] 邓承洲。网页设计实践中存在的问题及对策[J],计算机知识与技术,2006(5):126-127