购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.1 网页制作基础

网页是构成网站的基本元素,不同类型的网站由不同类型的网页组成,无论是哪种类型的网页,都是由文字、图片、动画、音频、视频等信息组成,网站的建立不能一蹴而就,需要经过详细的制作流程。

1.1.1 网页与网站

网页通常是指一个单独的页面,也就是我们在浏览器中看到的效果,但它仅限于一个网页文件。而网站由多个网页共同组成,各个网页之间通过超链接等方式连接在一起,组成网站的各个页面。网页肯定是指一个页面,即使这个页面中内嵌了其他的页面,它仍然称之为一个页面,但是网站一定是多个页面的集合,各个页面之间具有内在的关联。最简单的情况下,如果一个网站中只有一个页面,我们也可以将其称为网站。

1.1.2 网站的类型

互联网上有很多的网站,按照网站主体性质的不同,可将这些网站分为以下几类:

1.个人网站

个人网站是以满足个人兴趣爱好为目的而开发制作的网站,这类网站往往具有十分鲜明的个人特色。例如图1.1就是一个非常独特的个人网站。

图1.1

2.企业类网站

企业类网站是企业在互联网上进行宣传的重要窗口,用户可以在互联网上搜索关键字查找到企业的网站,从而了解到最新资讯。例如图1.2是海尔集团的网站首页。

图1.2

3.机构类网站

机构类网站通常都是为政府或组织创建的网站,这类网站主要以形象宣传和服务为主。例如图1.3为北京大学网站首页。

图1.3

4.娱乐休闲类网站

娱乐休闲类网站又可以分为电影网站、游戏网站、交友网站、社区论坛、手机短信网站等,这些网站为我们提供了丰富的娱乐休闲项目。随着互联网技术的高速发展,以后也许还会出现更多类型的娱乐休闲类网站。例如图1.4是国内比较有名的一个游戏网站首页。

图1.4

5.门户类网站

互联网上的信息非常多,为了大家上网方便,有些人将这些信息进行整合、分类,然后制作成网站,这类网站综合了各个领域的资源,我们可以在这类网站上非常方便地找到自己感兴趣的资源,这样的网站就是门户类网站,国内比较知名的门户类网站有新浪、网易、搜狐等,比如图1.5是网易首页。

图1.5

6.行业信息类网站

随着互联网的发展、网民人数的增多及网上不同兴趣群体的形成,门户网站已经明显不能满足不同群体的需要。一批能够满足某一特定领域的网上人群及其特定需要的网站应运而生,这就是行业信息类网站,比如图1.6是58同城网站首页。

图1.6

7.购物类网站

随着互联网的普及和人们生活水平的提高,网上购物已经成为一种时尚,它正在悄然改变着人们的生活习惯。购物网站上丰富的商品、低廉的价格、优质的服务已经让越来越多的人离不开它,比如图1.7是京东商城的首页。

图1.7

1.1.3 网页的基本构成

从上面列举的各种类型的网站效果可以看出,要构建一个绚丽多彩的网页,不仅需要文本、图像和超链接,还需要灵活运用这些元素。通过合理的布局,让文本、图像和超链接融合为网站的灵魂,使用标题、段落、样式、字体颜色、背景等元素让整个页面看起来更有层次感。另外,为了达到一些特殊的效果,还可以使用动画、音频、视频等元素,甚至通过CSS样式完成一些特殊的效果,比如动画效果的导航等。

1.1.4 网站开发与制作流程

网站开发需要同时具备程序员、设计师和客户3个要素才能完成。程序员是网站开发的主力军,不但要具备深厚的程序设计功底,还需要具有良好的沟通能力。设计师负责网站整体的界面设计,不但要精通Photoshop、CorelDRAW、IIIustator、AutoCAD、3ds Max等图像处理软件,还需要熟悉Dreamweaver和Flash等制作软件,需要具备一定的审美观。客户是我们网站交付的对象,负责提供网站发布的内容、决定页面的色彩以及确定排版方式。

网站的制作流程可以分为以下几个步骤:

目标需求分析。网站建设初期,需要与客户确定需求,从而确定网站的内容与风格,以及应该使用的文字内容、图片、动画、音频、视频等元素,确定网站排版与各模块功能等尽量详细的需求,并形成项目计划书与客户确认。

制作网页。需求分析结束后,就可以开始制作网页了。此时应该首先确定网站的定位,确定网站是一个个人网站、企业类网站或者门户类网站等。只有确定了网站的类型,才能进一步确定网站的框架导航,这个过程需要程序员与设计师进行详细的讨论,包括网站各个栏目的内容,实现的方式以及如何应用按钮、图像、超链接等元素。网站排版要灵活,网站LOGO与网站色彩设置需要与客户进行沟通确认。

网站测试。网站开发完整后,要在本地服务器上进行系统的测试,测试通过后,通过FTP上传至网络服务器,进行网络测试。

上线运行。上线运行是交付网站的一个重要阶段,在上线运行期间,要密切注意网站的运行效果。

网站推广。网站上线后,为了提高网站的影响力,需要通过各种方式对网站进行推广,如注册搜索引擎、与其他网站交换广告条、SEO优化和媒体推广等。 1ieF6qQBwiRegzhJbrxPBpzzZXXHKHSzmazcrWFfTX3K8zX7QTY5ItsXopQVcmqH

点击中间区域
呼出菜单
上一章
目录
下一章
×