网站建设论文.docx
- 文档编号:4419541
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:14
- 大小:230.30KB
网站建设论文.docx
《网站建设论文.docx》由会员分享,可在线阅读,更多相关《网站建设论文.docx(14页珍藏版)》请在冰豆网上搜索。
网站建设论文
目录
第一章绪论
第二章总体介绍
第三章网站建设基础知识
第四章使用的软件介绍
第五章主页制作步骤
第六章网站制作总结
第七章难题解决方案及经验
第八章个人心得体会
第一章绪论
Internet是当今世界上最大的信息网络,它遍布全球,庞大无比,其规模和用户数量都是其他网络所无法比拟的。
然而,只将Internet看成是一个计算机或者是互相连在一起的计算机网络的集合,是不能概括其含义的。
Internet不仅是一个网络,而且还是一个巨大的信息资源宝库,它所包含的信息从科研、教育到商业、艺术、娱乐、几乎无所不有。
Internet使人与人之间的信息交流更为方便及时,在这一意义上讲,Internet已经把世界变得更小了。
今天,Internet已经遍布世界各地,渗入到了社会生活的各个领域。
目前到底有多少个网络以及有多少台计算机连入了Internet,恐怕谁也说不清楚。
可以说,Internet在全世界的普及已经引发了一场划时代的变革,它促成了新的行业与服务业的大量涌现,使人类社会迅速走向信息时代。
随着商业在Internet上的广泛介入及Internet在个人用户中的普及,各部门、公司和个人都为自己在Internet的Web服务器上挂上自己精美的主页,利用Internet这一全世界最大的信息库宣传自己、展现自己。
制作Homepage成为当今的时髦。
第二章总体介绍
本网站是我为哈尔滨市讯达通讯技术开发有限责任公司制作的商业网页,我对自己的要求是专业化、全面化。
本网页共34页,图片65张,分别为gif和jpeg格式。
使用了Dreamweaver4.0、Animator4.0、photoshop7.0、Access数据库、Asp、css等。
本网页要求在IE4.0、Netscape4.0以上版本浏览器上浏览,使用600*800分辩率。
对于本网页运行环境要求如下:
1、Win98操作系统。
2、加入TCP/IP通信协议。
3、PWS(PersonalWebserver)
以上要求是因为本网站制作中运用了ASP技术,而ASP中的命令和脚本语句都是必须由服务器端解释执行的,执行结果产生动态生成的Web页面并送到浏览器,所以必须安装PWS,但要特别说明的是:
如果在WIN2000操作系统上则不用安装PWS,因为WIN2000自带服务器。
第三章网站建设基础知识
1.网站是由一个一个页面构成的,一个页面就是一个HTML的文件,这个文件是纯文本格式的,用任何文本编辑器都可以打开编辑。
2.网站需要的图片和动画是哪里来的呢?
它们是jpg、gif或其它的格式的图形文件,在HTML文件里被引用,所以如果上传时不把这些文件也传上去,别人就看不到。
同样道理,如果文件的路径在HTML文件里没写对,图片也显示不了。
3.HTML文件中所有控制都是一个一个tag构成的,比如、、 等。 此外,还应该了解: 1.了解网络的基础常识和术语 要做一个网站,首先就是要弄清楚与之有关的专业术语,比如HTML,也许你经常听人说到或者在网络中看到它,但是很多人都难以说出它具体的名称和含义。 这些术语包括: HTML(HyperTextMarkupLanguage) 用来描述网页(Webpage)字型、大小、颜色及网页如何排列的语言。 浏览器(Browser)通过网络读取网页后,解释网页中的标注(tag),然后产生网页画面。 但是HTML不能产生动态效果和精确定位,在此基础上发展的动态网页(DHTML)可解决一部分问题。 HTTP(HyperTextTransferProtocol) 用来传输网页(Webpage)的通讯协议,它规定浏览器如何通过网络传送要求给WWW服务器,以及服务器如何响应要求传回网页。 FTP(FileTransferProtocol) 一种文件传输协议,它定义如何通过TCP/IP查询提供FTP服务的主机及传送文件的方式。 FTP主要功能就上上传、下载文件,查询文件目录,更改文件名称及删除文件等,一般要根据使用者的权限来决定是否能够在特定目录下执行特定的功能。 FTP主机通常提供匿名使用者登录的方式。 HOST 主机。 一台连上网络的计算机,至少要有一个IP地址。 我们经常说道的WEB服务器就是一台HOST。 TCP/IP中主要的传输控制协议。 TCP负责建立连捃导向(Connection-oriented)的通讯,就是在传送资料前,TCP会建立一个有效的连接,并使用错误检查等方式确保资料能够正确无误地传送。 如果发生错误码,TCP会自动尝试重传达室资料。 TCP事实上使用IP来建立连接,并用IP作为两台主面(HostT)之间传送资料的确认凭据。 IP(internetprotocal) TCP/IP通讯协议中的基本通讯协议。 IP使用的目的是对每一个网络及每一台主机给予一个ID,合并称为IPAddress用以在这种戊业术语还很多,就不在此详细讨论,以后在实践的过程中,多学多问,就能掌握这些基本的网络知识。 另外还有一些网络上约定俗成的东西,比如网站首页的文伯名一般都是index,html,index,htm,index,asp等,一般服务器都默认这些文件作为网站首页,当有请求的时候,服务器自动搜索这样的文件。 1.了解WEB服务器的运作方式 WEB服务器是放在网络中某人节点上的计算机,装有某种服务系统,拥有独立的IP地址。 当有人访问某人放在服务器上的网站时,先通过域名解析,找到它的IP地址,然后到达这个IP地址和计算机,发出请求。 服务必器分析请求并作出响应,发送反馈到发出请求的计算机,并通过浏览器翻译、解释各种标识,最后表现为各种文字、图像、声音等的组合,也就是我们所看到的页面。 而管理者呢,则通过FTP来匀理服务器,上传达室、下载文件,删除、修改文件,让浏览者看到网站更新的内容。 3、会使用一种可视化的网页编辑软件 如今有名目繁多的网页编辑软件可供选择,无论是界面、功能、易用性、都是一个赛过一个,这与用手工编写HTML代码来制作网页比较起来可是简单、直观了很多,你甚至可以不懂HTML就能做出一个漂亮的网页来。 一款好用的编辑软件可以让你更多地体会网页设计的乐趣。 4、能识别简单的HTML源代码 如果你只是做一些简单的、初级的页面,这也许显得并不是那么必要。 但是对于一个专业的网页设计者来说,却是非常重要的。 有人会说,可以使用网页编辑软件啊,但是无论什么样的编辑软件者有它的局限性,它并不能完全准确地瓜设计者的意图,有时间时候你想它这样,它偏会那样。 在网页编辑过程中,经常出现一些在编辑界面中无法解决的问题,这个时候如果会识别HTML语言,就能够通过查看源代码来查出毛病、解决问题。 另外这些网页编辑软件会产生很多废代码,须要手动来删除。 据说,很多高级的网页设计师,都是自己编写HTML。 笔者也曾有过这样的经历,但自认为没有达到这种专业水准。 各种网页编辑软件的出现,让大家可以选择一种更轻松的方式,不过我深深体会到懂HTML语言给我的帮助和带来的好处。 5、会使用一种上传工具软件 做好的页面要让大家在网络上看到,就要先把网页放到Web服务器上去。 实现的途径就是通过FTP上传软件把本地的文件传给服务器。 这是你与服务器建立联系的方式,你可以通过上传软件来管理服务器上的文件。 6、掌握一种平面图形处理工具 图片是让你的页面优美动人的法宝,往往是一张别具匠心的图片,起到画龙点睛的作用,像人穿的衣服一样,是装点门面的东西。 图片也能反映一个网站的形象和品味,气质越好,越能吸引人,给浏览者留下深刻的印象。 7、掌握一种动画图片生成工具 有了图片固然是美了一把,如果能让图片动起来,那就更别有一番风味了。 大家都体会过动画图片所带来的冲击效果和愉悦感,网站中的动画图片早就不是什么时髦的东西了。 8、了解CSS CSS(CascadingStyleSheet)层叠样式表,是用来对Web页面进行排版的样式。 它利用一些模板,控制HTML标识,可以设定字体的大小、字型、文字样式、行高度、文本颜色、粗细、是否加下划线或中间横线、边缘距离、居左右或中间、缩排、背景图片等,来达到一些特殊的效果,被普遍用于网页设计中。 它是一种流行的趋势。 使用这些样式,还可以省去一些图片,减小了文件的体积。 更方便的是,你可以把HTML页面和样式(StyleSheets)分开成两个文件,使用Linking的排版方式,让样式表独立于网页之外,维护起来非常方便。 你可以经常换换样式,换换心情。 第四章软件介绍 Dreamweaver4.0简介 简要来说,Dreamweaver4.0有以下几个特: 1)良好的用户界面: 启动Dreamweaver3.0的界面如下图所示: 可以看到用户界面除了主菜单栏和一个状态栏外,其余全部是给用户制作网页的工作区域。 Dreamweaver4.0有三块浮动面板,分别是: 对象面板、属性面板、快速启动栏。 除了主菜单的功能以外,其它的菜单功能全部都集成在这三块浮动面板上。 其中支象面板集成了图形、表格、表单等,可以方便地插入它们;属性面板是一块动态面板,上面的属性将随着所选择的对象而变化;快速启动栏上集成了站点管理、样式表、时间线等。 2)框架、表格、表单操作简便。 3)支持DynamicHtml效果: Dreqmweaver4.0内有一个JvavScript脚本(程序)库,再配合Dreamweaver4.0的事件处理(Bchavior)功能,那您不用编写JavaScript脚本,就能轻松制作出各种动态的HTML页面。 4)动画制作方便: 这是由时间线(Timeline)来完成的。 5)站点管理功能强大: 不但能对本地(Local)站点进行全面的管理,如: 添加、删除,同时还能对远程服务器站点文件进行管理,完成上传、下载功能。 6)使用插件增加功能: 插件是Dreamwraver4.0中最精华的一个部分了。 您可经安装各种插件来增加自己的Dreamwraver4.0功能。 每个插件都有自己独特的功能,用来完成一个平时做起来较复杂的效果。 现在,在Internet上,您可以找到很多Dreamweaver4.0的插件。 Photoshop7.0介绍 Photoshop是在职1980年,Michigan在学的研究生ThomasKnoll创建的的现在已经是进行图像处理的应用最广泛、功能最强大的计算机软件。 Adobe公司的Photoshop7.0是目前被广泛使用的、深受大平面设计人员和广告设计人员及网页制人员喜爱的图像处理软件。 在我的设计过程中对于图片处理的部分都采用此软件进行处理。 Access介绍 Access是美国Microsoft公司推出的小型桌面版数据库,版本不断完善现在最高版是2002从97开始一直在Office中同时发行,其特点是简单易学不必作专业的培训就可以使用,有大型数据库所有的各种数据类型,所以和许多的大型数据库可以自由导入和导出。 同时可以用内嵌的VB角本对它编一些简单的程序以实现更大的功能。 ASP的介绍 一种比较新出现的动态技术是ASP(ActiveServerPages动态服务器网页)。 ASP由MicroSoft公司开发的新技术,可以应用在WINNT平台上, 优点如下; 1)工具完善,简单易学。 2)运行效率高。 3)将程序文件和HTML文本集成于ASP 4)多线程的工作方式。 5)提供ODBC接口, 6)支持ActiveX组件对象模式。 第五章制作网站步骤 1.创意收集 我是为哈尔滨市迅达通迅技术开发有限责任制作的商业网站,主要目的是介绍公司情况,推广公司的所有产品,以及公司提供的所有技术服务,还有外界与本公司的联系情况。 2.收集资料 迅达公司提供很多服务项目,产品主要有高效编码器、低效编码器、大众工控系列产品和ISDN、VPON等,以及出售北京京联特公司的防火增设备,主要有网络版、服务器版、个人电脑版、网络净化器等等。 迅达公司还提供硬件安装、软件编程、传呼设备等。 3.创意过程 首先,我收集了公司介绍情况,即公司简介,我把它放到“关于迅达”中,本公司的产品很多,我大致把它分成“硬件产品”和“软件产品”两部分。 再把本公司提供的服务例如传呼设备,安装PC机、软件编程等等划分到“技术服务”中,我想每一个公司 都有它的成功范例,于是我就又加了一项称为“典型范例”,最后,我为公司与外界建立了联系,即加了“联系迅达”和“留言板”两项。 4.选择工具 有了制作网页的一些基础知识,并申请了主页空间,接着和就要选择一个制作主页的工具了。 Dreamweave、Flash、Frontpage是可视化的网页制作工具,有了可视化的网页设计工具,设计网页变得轻自如,我甚至可以“记不住”HTML语言标识属性,我要做的就是: 选择、输入,按下鼠标按钮“,所见即所得,在制作的时候就可清楚地知道在浏览器的显示结果。 下面介绍一下我在本网页制作中用到的几种软件: Dreamweave4.0、Flash5.0、Animater4.0 5.主页制作过程 初步制作 首先我在硬盘中专门建立一个目录(我起名为a)存放我的站点dddd中,这样便于以后的管理。 在a文件夹中再建一文件夹起名images,网页中用到的所有图片存放a\images文件夹中,以便管理。 具体制作 本页中包含了迅达公司的所有信息、资料,除徽标和横幅以外,我把本页整体分为三部分,左边主要是产品有关信息,右边是公司新闻与其它重要网站的链接,中间部分是主页的重点部分,我把公司产要出售的产品信息放在中间,其界面如下: 代码在这里就不再赘述。 留言板 通过ASP和本地Access来实现留言板的功能。 首先要建立数据库,制作一表,lyb.mdb字段名分别是姓名、留言、日期,然后,将lyb.mdb存放到网页的本地目录里,则可通过ASP连接数据库且执行数据库。 主要通过以下代码实现: Setconn=Server.CreateObject("ADODB.Connection")//建立一个连接对象 DbPath=SERVER.MapPath("sl.mdb")//找到文件数据库的绝对路径 conn.open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&DbPath//打开数据库Access的驱动器 实现留言板需3个ASP文件,LYB.ASPNEWLY.ASPLYBWH.ASP LYB.ASP只是一个界面如下: 界面介绍: 分成三部分: 上面用来显示过去留言,中间用来录入新留言,下面留言板维护,由具有权限的系统管理员执行。 其中录入新留言是通过NEWLY.ASP来实现,其代码入下: 画横线代表实现“提交”功能。 <% Setobjconn=Server.CreateObject("ADODB.Connection") DbPath=SERVER.MapPath("sl.mdb") objconn.open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&DbPath xm=Request("xm") nr=Request("nr") Ifnr=""Orxm=""Then OutputMsg="栏位空白,不能接受! " Else strquery="insertintolyb(xm,ly,lyrq)values('" strquery=strquery&xm strquery=strquery&"','"&nr strquery=strquery&"','"&date() strquery=strquery&"')" SetrsDetail=objconn.Execute(strquery) strquery="deletefromlybwherelyrq setrs=objconn.execute(strquery) OutputMsg="您的留言已加入留言板中! " EndIf %> 如果返回留言板画面看不到您的留言. 请按下浏览器的“刷新”按钮!
">返回留言板画面
实现留言板维护在LYBWH.ASP中,由如下语句实现:
Setrs=conn.Execute("Selectyhmc,yhmmFromyhWhereyhmc='"&yhmc&"'andyhmm='"&yhmm&"'")
Ifrs.EOFThen
response.write"您无权使用下一页!
"
Else
setrs=conn.Execute("select*Fromlybwherexm='"&xm2&"'")
Ifrs.EOFThen
response.write"您输入的留言人姓名在库中不存在,请重新输入!
"
else
setrs=conn.Execute("deleteFromlybwherexm='"&xm2&"'")
response.write"留言已经被删除!
"
endif
用户和密码存在数据库中可修改。
第六章网站制作的总结
6.1网页的内容结构要清晰合理
包括网页的内容结构要组织得当,有一个清晰的层次和结构;风页内容要简明扼要、
有价值;一个网站要有清晰的主题,不要鱼龙混杂,什么内容都有;网页中的链接设置要合理,不要过多过滥。
这就要要求网页内容要具务以下几个特点:
(1)结构合理
如果当用户访问自己的网站,通过首页和导航能对这个网站的主题、内容和结构有大致的了解,能利用网站中的文字说明、图标和导航,没有困难地找到自己需用要的信息,这个网站就是成功的网站。
要做到这一点需要在建成站时有一个清晰的蓝图。
(2)内容精当
网站不能和书或电视这些媒体相比,它的特点是信息的快速与简要。
倘若网站提供的信息和书一样丰富却不及时,和电视节目一样有情节有内容却没有信息量,那网站的存在价值也应没有了。
建立一个网站就要充分体现它的价值——快速而简练。
(3)主题鲜明
每个网站都有各自的主题内容,要么音乐、要么体育、要么新闻时事、不可能像开百货公司一样大而全。
请记住网站的内容应该小而精,网络是为适应历史进步而蓬勃发展起来的,它担任的角色就是提供信息快餐,任何一个网站建立宗旨都不能背离了这一点。
(4)链接适当
虽然网页因为有了超级链接使用户的信息检索更加方便快捷,但也不能滥用。
一个充满超级链接而缺乏说明向导的网页,如同一个超级链接的迷宫,用户陷于其中却不知所向,鼠标无意之间点击一处,自己在瞬间又置身于另一不知名处。
这样的网页很大程度上是在浪费用户的时间和金钱。
因此不要建立太多的超级链接,不要建立没有意义的链接。
6.2科学合理地管理网站
管理网站包括对网站的规划、文件的管理、图片管理等。
网站规划要科学,做到清晰,简明而充实。
文件管理包括目录管理和文件,文件目录的管理前面己经提到过,应该分门别类的把文件存于相应的目录内,不要图暂时的方便而胡乱存文件;文件管理主要内容是文件名管理,例如尽量保证文件名的提示意义,保证所有文件的文稿件名后缀和大小写的一致到后面讲到Web服务器时,文件管理还包括文件、目录的访问权限控制文件安全性问题。
图片管理主要工作是分类管理图片,保证图片得支充分利用。
6.3重视网页制作者自己的检验
检验一个网站的质量的最好评价来自用户。
而有这样的检验机会并不是很多。
尤其是在网站初建时期没有访问者进。
这时网页制作者的上网经验是最宝贵的,每当他们进行网页设计时,他们应以用户的身份思考一下他们设计的网页对于用户是否方便,问问自己这个网页能否吸引访问者。
从这个意义上说,一个缺乏上网经验的网页制作者,一般不可能是一个优秀的网页制作者。
6.4不要滥用多媒体信息
Web网页因为它对多媒体的良好支持,使它友好易用,但也不能在网页中滥用多媒体。
滥用多媒体的坏处有两点:
首先是占用网络资源,延长网页的下载时间,许多用户对长时间地等待一幅动画或一首音乐是不会有多大耐心的;其次是会使网页内容杂乱、主次不分,吸引用户的注意力,从而破坏了网页的主题。
总而言之:
做好主页不是一件容易的事,它包括选题、内容采集整理、图片处理、页面排版设置、背景及整套网页色调的设计等。
下面,我们来总结一下主页制作的过程及一些经验。
主页制作的整个过程,可用下图来表示。
图中各个部分所代表的含义在前面已介绍了。
在这里,我只总结以下几点:
1.
收集酝酿
好的网站要有独特的创意,网页内容的选择要不落俗套,尤其是商业网站的内容一定要全面化、专业化。
放眼望去,网上的许多主页简直就是“杂货店”,有的甚至精确地掌握了ICP大法,别人的内容换个地方就成了自己的,我认为,网页的内容要求既“精”且“新”,如能坚持经常更新,一定会受到大家的欢迎。
2.页面布局
当页面内容确定好了已后,不要急着开始制做页面,应该对整个版面进行规划,设计一下排版的样式,而且在排版样式确定以后,还要细细琢磨页面中的每一个细节。
3.图片先取
好的站点离不开图片,大多数要用到动画,一般来说,图像的选择要兼顾大小和美观,掌握一些图形制作工具和动画制作工具则是制作主页的必修课。
不过我很注意的是:
图片仅仅是为主页内容服务的,不要证整个版面太花花绿绿,喧宾夺主,甚至影响浏览速度。
4.页面大小
一般情况下,我们选择800*600的分辨率来设置页面,因为目前的浏览者通常选择该分辨率来浏览网页。
5.工具软件
要制作好的网页,除了主页制作编辑工具以外,还需要好的辅助工具,例如一些图像处理软件,一些小的Java特效软件,这些软件都将为主页增色不少。
6.主页宣传
作好的站点必须向别人宣传。
让更多的人分享。
但要使用较下确的方法。
而不要使用那些让人讨厌的方法。
第七章在网页制作过程中遇到的难题及解决方案所得经验
在网页制作过程中,我遇到了许多难题,而后我查阅许多资料将它们都一一解决了,下面我只介绍几个简单的问题:
1、表格的使用
1)表格在网页制作过程中功劳最大,在网页排版过程中可以说无表格则不能排版,在网页制作过程中,表格往往是嵌套使用的,但是多重嵌套的表格会使表格考得复杂,很容易使网页的浏览给人混乱的感觉,所以如不是非使用表格嵌套不可,就尽量不要使用表格的嵌套。
在表格的使用过程中遇到的问题最多,比如表格的定位,以及表格内光标的定位,我的解决就是把所有表格的每一个元素都弄懂,遇到一个问题就对号入座去找它的必性这样便好解决了。
在主页中,例如图所示:
部分,这部分我就是用表格定位。
而且网页中,文字控两格这种情况就要插入1行,2列自己表格定位。
2)认为在表格中加图片最好的下位方法就是表中嵌套一个1行2列的表格,再把图片加在第二列中,这样就可以手工随意移动表格来定位图片了,职居左、居中、居右。
2、图层
在网页制作过程中
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 建设 论文
![提示](https://static.bdocx.com/images/bang_tan.gif)