江苏龙网

  1. 主页 > 生活百科 > >

新手都可以学会的网站建设方法 如何做网页或网站

当今社会，互联网是一个庞大的系统，网页是互联网一个模糊的基本单位 。如何让网页更加美观艺术，不仅要考虑网页的色彩、风格、效果，还要考虑网页的主题、结构、布局 。本文以作者设计制作的图书馆部门网站为例，对网站制作的各个环节进行了全面的分析 。
关键词:网页设计；颜色；布局；课程学习
1导言
随着计算机网络技术的不断发展，信息化对社会的影响越来越明显 。网站是一个收集信息的平台，为访问者提供可以筛选的信息 。一个网站的建立需要有其特定的主题方向，满足一定客户的需求，通过实时更新使网站的发展具有更持久的生命力 。通过本学期网页设计课程的学习与实践，从网站建设入手，以图书馆系网站的设计与制作为例
的诸多方面作论述 。
2网站设计
网站的前期设计是网站制作过程中非常重要的因素，但也是网站建设者最容易忽视的因素 。作者在图书馆部门网站的设计中主要考虑了以下几个问题 。
2.1配色方案
网页的色彩设计不是随意的 。网页设计者必须以基本的艺术规律为前提，综合考虑网站本身的特点，整体协调各部分，形成一定的局部对比，才能设计出独特的网页效果 。[1]作者在图书馆系网站的网页色彩搭配上主要基于以下两条原则 。
2.1.1形成自己的网页色彩风格 。
只有拥有自己的色彩风格，才能给用户留下深刻的印象，才能从各类网站中脱颖而出 。所以在设计图书馆部网站的色彩搭配时，作者尽量追求简约的风格，整个网站的色彩也相对简单 。但在制作时，作者特意在局部小区域插入了与白色反差强烈的蓝色，既达到了整体的和谐，又突出了局部的艺术效果 。
2.1.2网页颜色和主题和谐统一 。
不同色带的人，视觉感受不同，情感体验也不同 。此外，网页色彩和主题的和谐统一有利于网站理念的表达 。作者在图书馆部门网站色彩建设中想表达的主题是简洁、正式 。因为冷色调的网页主要能突出宁静、庄重的主题，所以作者在构建图书馆部网站时采用的主色调是白色和蓝色 。
2.2图像处理
图片在网页设计中占据着非常重要的位置，其主要目的是吸引访问者，吸引他们对网站的关注，这也是决定整个网页设计风格和模式的最重要的部分 。网页中图片的主要作用是吸引访问者的注意力，通过图片引导信息 。[2]作者在图像处理中主要考虑以下几个部分 。首先是整个网站的logo 。在网站中，网页logo基本决定了网站的点击率 。笔者制作的图书馆系网站的logo由河北大学校徽和图书馆系组成 。校徽为蓝色，字体颜色为蓝色 。两者拼接在一起，很能代表河北大学图书馆系的品牌 。其次是网页的背景图片 。作者搭建的网站背景图片用的是一片竹林的图片 。图上有两列字:“笔耕火种，努力创造未来” 。对于高校网站来说，这种图文结合既能突出主题，又有感染力 。此外，在图像处理技巧方面，作者采用了大图和小图相结合的方式，使网页更加个性化，利用主页面的大图突出网页的内涵 。
作者设计的图书馆系网站主要是基于本专业的实际 。在了解了陕西师范大学秘书科的网站后，设置了主要的栏目，同时网站设计以简洁的界面为用户提供高效的服务 。
2.4布局和功能模块
随着网页制作技术和访问者需求的提高，访问者不再愿意看到只注重内容的网站 。设计师只有通过网页内容和色彩的合理布局和协调，才能强化网页中华而不实的内容，既能淋漓尽致地表达设计师的想法，又能留住过于挑剔的访问者 。[3]
2.4.1网页布局类型
网页的版式类型主要有“国家”版式、“工厂”版式、“框架”版式、封面版式和flash版式 。笔者设计的网站主要采用“全国”布局，因为“全国”布局适合比较正规的大中型网站 。虽然是作者设计的短版，但主体结构还是比较适合“国”的布局 。
2.4.2网页布局技术
作者在制作图书馆部网站时使用的排版工具是Dreamweaver 。使用Dreamweaver设计网页时，常用的页面布局技巧有表格布局、框架布局和CSS+DIV布局 。图书馆部网站一小部分采用CSS+DIV布局，DIV用于搭建网站结构(框架)，CSS用于创建网站呈现(样式/美化) 。其优点如下:呈现和内容分离，设计部分剥离出来放在独立的样式文件夹中，HTML文件只存储文本信息，大大提高了页面浏览速度 。此外，它还具有易于维护的优点 。
CSS+DIV虽然功能强大，但是设计起来太费时费力 。对于笔者这样的初学者来说，需要更深入的学习过程才能灵活掌握 。所以对于作者来说，使用table+css是一个完美的组合 。css可以修饰页面效果，表格布局快捷 。构建作者设计的图书馆部门网站是一种快捷方便的方法 。所以我的网页大多采用表格+css的方法 。


推荐阅读


上一篇：附：产品策略成功案例 产品策略包括哪些内容

下一篇：这25个是暴利 废物回收再次利用的创业项目分享