网站设计论文

您当前的位置:学术堂 > 计算机论文 > 网站设计论文 >

网站制作的常用软件和主要流程

来源:学术堂 作者:周老师
发布于:2014-06-27 共2505字
论文摘要

  随着互联网的普及与发展,上网已经成为人们新的生活方式,通过浏览网页可以了解时事政治,查询自己所需要的各种资料信息,通过一个网站的浏览了解认识一个企业,甚至通过网站进行购物和商务贸易。所以网站制作也就成为这个时代的热门技术,本文就网站制作的常用软件和基本流程进行介绍。

  一、什么是网站

  网站是指在互联网上,根据一定的规则,使用html 等工具制作的用于展示特定内容的相关网页的集合。简单的说,网站是一种通信工具,就像布告栏一样,用户可以通过网站来发发布自己想要公开的资讯,或利用网站来提供相关的网络服务。网站按照主题性质的不同,可以分为政府网站、商业网站、个人网站、教育科研机构网站和公益网站等等。
  网站是由网页组成的集合,而网页又可分为静态网页和动态网页。静态网页是指用 html 语言编写的网页,是一个网站的基础,制作方法简单,但是不能用浏览者进行交互,一般个人网站做成纯静态网页。动态网页是指使用 asp、php、jsp 等程序生成的网页,它可以与浏览者进行交互,比如各大新闻网站、论坛、购物网站等,新闻需要不断的更新,会员需要注册,论坛需要不断地更新帖子,购物网站的交易,都需要网站有动态的交互功能。

  二、网站制作的常用软件

  网站制作的常用软件主要有四种:

  1.图像处理软件:photoshop

  Photoshop是专门的图像处理软件,用 photoshop可以对整个网页进行布局,调整色彩,制作文本和图像特效,绘制网站 logo,制作网站栏目背景和 banner,网页图像设计完成之后,可以利用 photoshop 的切片工具进行切片,输出成 web 所用格式。

  2. 动画制作软件:fireworks、flash、swish

  网页的动画格式主要包括 gif 动画和 flash 动画两种,gif 动画可以使用 fireworks 制作,flash 动画主要使用 flash 进行制作,如果只想制作一些较简单的flash 动画,则可以选择 swish,利用 swish 内置的各种特效,也可以做出专业级的flash 动画特效。

  3. 网页编辑软件:dreamweaver

  Dreamweaver可以将文本、图像、动画和音乐等整合在一起,并在指定位置显示对象,它是一款专业的可视化网页设计编辑软件,而且也是一款出色网站管理和维护工具。它的最大特点是,所见即所得,对于没有任何网页设计基础的人,只要稍稍学习就能上手。

  4. 记事本

  因为“.html”,“.asp”等网页文件的源代码都是纯文本的,所以记事本成为了源代码编辑器。它的优点:
  体积小,启动快,占用内存低,容易使用,可以让网页设计者加深对代码的认识,设计出来的代码整齐漂亮,便于修改。只要把“.txt”文本格式的后缀名改成“.html”、“.asp”等网页文件格式,便可被 dreamweaver 编辑使用。

  三、网站制作的基本流程

  1.利用 photoshop 对网页进行布局

  对于整个网页图像,可以创建 768*600 像素(适合分辨率 800*600 像素的显示器)、1000*768 像素(适合分辨率 1024*768 像素的显示器)大小的图像;网站标志 logo 可以创建 150*60 像素大小的图像文件;网站 banner 可以创建 468*60 像素大小的图像文件。用ps对网页进行布局的基本思路:(1)充分准备素材,考虑页面的整体风格,思考页面的区域划分。(2)按照预想的页面布局思路在页面摆放素材,利用自己掌握的图像处理技术恰当地进行图像处理,使各个素材间过渡自然,整个页面成为一个协调有机的整体。(3)利用切片工具对页面各个部分进行切片,并导出成 web 合设备所用格式。

  2.利用 dreamweaver 对主页进行精简

  通过 ps 切片工具导出的 web 格式,一个主页的雏形已基本形成,如果就传输这一个页面到服务器问题还不大,但是整个网站要链接很多个页面,如果不对主页进行适当的精简,整个网站的容量将是巨大的,并且别人访问页面的时候也会因为要打开的图片很 大 而 占 用 很 长 时 间 , 所 以 就 很 有 必 要 利 用dreamweaver 对主页进行精简。比如整个网站的背景如果是单一色,可以设置成一种颜色,并且平铺,纯文本格式也可以设置一个背景,然后在上面再输入文字,这样减少图片的输出,大大减少了一个主页的容量,客户访问页面的时候打开速度也会大大提高。

  3. 利用 javascript 制作网页特效

  Javascript 是一种脚本语言,将 javascript 代码直接嵌入到html 网页代码中,浏览网页时即可执行相应功能,如浮动广告、显示动态时间、动态导航栏等等。很多网站都有 javascript 的开源代码,只要稍懂一些代码基础,对代码稍作修改,就能在自己的网页实现同样的效果。

  4. 利用 dreamweaver 链接子网页或其他网站

  主页上有很多导航栏,可以用 dreamweaver 在导航栏文字或图片上选择设置链接,链接的路径最好设置成相对路径,也就是跟主页在同一个子目录,方便以后上传服务器。也可以添加一些友情链接,链接到一些同类网站的主页,方便相互共享访问者。

  5.利用 asp 制作动态网站

  如果是一个大型网站,比如说新闻类网站,如果每个页面都变成 html 页面,那工作量肯定是巨大的,也非常不利于网站的维护,因为 html 网站是没有数据库的,每个页面都需要人工检查,如果网站的链接出现错误,想要纠正,往往需要花费很长的时间来逐个排查。这时候就需要用到 asp 制作网站,asp 的优点也十分突出,首先是网站的互动性非常好,现在很多网页游戏,就是典型的 asp 网页,通过交互能够提升网站的粘性,另外 asp 网站的管理非常简单,因为网站几乎都是通过数据库来管理,实际上只要通过操作数据库就能够实现对网站的维护。
  Asp 的英文全称是 active server pages,是服务器端脚本,可直接在服务器端运行,然后将运算结果写入 html 文件返回给浏览者。编写 asp 程序只需具备简单的 html 语法常识,再加上 vbscript 的一点基础,就可以创建出强大的交互式网页。
  下面是常用连接数据库的代码:
  <%
  Set conn = Server.CreateObject("ADODB.Connection")
  conn.Open "DRIVER ={Microsoft Access Driver (*.mdb)};DBQ=" &
  Server.MapPath("数据库文件所在路径")
  %>

  四、网站发布与日常维护

  整个网站制作完成之后,首先需要在本地对网站进行相应的测试,测试成功之后才能正式发布到网站空间,并进行上线测试。当网站正式运营时,还要经常对网站进行相应的维护,如更新网页和检查网站安全等。

  参考文献:
  [1]赵晓静.浅谈网站建设和网页制作的方法[J].电脑知识与技术:技术论坛,2005(3):56-59.
相关内容推荐
相关标签:
返回:网站设计论文