毕业设计论文个人网站的设计与实现.docx
- 文档编号:9890349
- 上传时间:2023-05-21
- 格式:DOCX
- 页数:44
- 大小:35.81KB
毕业设计论文个人网站的设计与实现.docx
《毕业设计论文个人网站的设计与实现.docx》由会员分享,可在线阅读,更多相关《毕业设计论文个人网站的设计与实现.docx(44页珍藏版)》请在冰点文库上搜索。
毕业设计论文个人网站的设计与实现
题目:
个人网站的设计与实现
个人网站的设计与实现
个人网站的设计与实现
个人网站的设计与实现个人网站的设计与实现
个人网站的设计与实现
前
前前
前
言
言言
言
随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而
是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。
如果说个
人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。
无论是专业的,还是业余的,很多人对网页制作颇感兴趣。
事实上制作一个简单的
网页并不困难,会使用Word的人都可以胜任。
但想做出超凡脱俗的网页就不那么容易
了,而Dreamweaver却可以满足你的愿望,它是Macromedia公司开发的集网页制作和
网站管理于一身的所见即所得的网页编辑器。
同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添
花的作用,是个人网站实现的好帮手,在制作网站的时候经常会用到这些软件。
本文有五章,我来由浅到深介绍个人网站的设计与实现。
摘
摘摘
摘
要
要要
要
在互联网走进我们的生活之前,没有人敢梦想拥有自己的报纸、杂志、电台、电
视台。
除了政策上的制约外,一个人也根本没有操作一份传播媒体的能力。
现在不同了,
互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件,你可
以建立自己的个人网站。
只要你办得成功也可以吸引成千上万的订户、读者,并建立自
己在众多参与者中的权威地位。
建立个人网站的基本过程可以分为以下七个环节:
1了解中国网络个人主页研究背景与发展现状
2系统需求分析与总体设计
3熟悉网站开发模式、工具及环境
4把自己的作品和想要展示的内容制作成网页。
5使用动态网页技术(ASP),实现动态内容更新。
6认真地选取测试用例,进行交叉测试
7网站的后期完善、宣传及发展方向
其中,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。
关键词:
网页、制作、访问、链接
Abstract
EntersbeforeourlifeintheInternet,nobodydarestovainlyhopefor
hasownnewspaper,themagazine,thebroadcastingstation,thetelevisions
tation.Besidesthepolicyinrestriction,apersonsimplyhasnotalsoope
rateddisseminationmediatheability.Nowhasbeendifferent,Internethas
providedtous"theexpression"freeworld,Youmayhaveownnewsmail,you
mayestablishownindividualwebsite.Solongasyoualsomanagethesucces
stobepossibletoattractthetensofthousandsofsubscribers,thereade
r,Andestablishesoneselfinthemultitudinousparticipant'sauthoritative
status.Establishesindividualwebsitetheunitprocesstobepossibletod
ivideintofollowingsevenlinks:
1、understandstheChinesenetworkindividualmainpageresearchbackground
andthedevelopmentpresentsituation
2systemsdemandsanalysisandsystemdesign
3familiarwebsitesdevelopmentspattern,toolandenvironment
4andwantsownworkthecontentwhichdemonstratedtomanufacturethehome
page.
5usesdynamichomepagestechnology(ASP),realizationdynamiccontentrene
wal.
6earnestlyselectsmeasuredthetestexample,carriesontheoverlappingt
est
7websiteslaterperiodsconsummate,thepropagandaandthedevelopmentdir
ection
Amongthem,Thehomepagemanufactureandtheusedynamichomepagetechnology
(ASP)realizesthedynamiccontentrenewalisthewebsitedevelopmentcore
content.
Keyword:
Homepage,manufacture,visit,link
目录
第一章引言
1.1什么是Internet
1.2Internet有哪些功能1.3www简介
1.4网页基本构成元素
1.5软件的安装与启动
1.5.1软件的安装
1.5.2软件的启动
1.5.3创建快捷方式
1.6制作网页前的准备
1.7Dreamweaver的操作环境
1.7.1标题栏
1.7.2菜单栏
1.7.3快捷工具栏
1.7.4属性面板
第二章网站制作实战
2.1站点
2.1.1创建站点
2.1.2创建站点内容
2.2首页
2.2.1设置首页布局
2.2.2设置首页的页面属性2.2.3查看和编辑头内容
2.2.4插入图像
2.2.5插入多媒体
2.2.6插入文本
2.3创建其它网页
第三章建立网页链接
3.1文字链接
3.2图像链接
3.3E-Mail链接
3.4文件下载链接
3.5在HTML语言中建立网页链接
3.5.1文字链接
3.5.2图像链接
3.5.3E-Mail链接
3.6.4文件下载链接
第四章结论
致谢
参考文献
第一章
第一章第一章
第一章
预备知识
预备知识预备知识
预备知识
1.1
1.11.1
1.1什么是
什么是什么是
什么是Internet
InternetInternet
Internet
Internet的中文名为“国际互联网”,又称“因特网”。
Internet是由众多的计算机网络互联而成的互联网,它覆盖了全世界各地,它是采
用开放系统协议的计算机通讯网络。
然而,Internet不仅仅是计算机的互联网,它还是
全球最大的信息资源宝库,它提供了包括科研、教育、文化娱乐、商业和信息交流等各
种各样的服务,使得世界范围内的人与人之间的交流在时间和空间上变的更小了。
要了解Internet,就必须先了解局域网。
我们可以将同一地点的许多计算机使用网
线连接在一起,构成一个高效率的计算机网络,所有处于网络内的终端机或电脑都能享
受网络内所有的资源,比如程序,图文资料等。
这种计算机网络因为一般都局限在一定
区域中,我们称之为“局域网”(LocalAreaNetwork,简称LAN),它是在日常工作中
用得最多的一种小型计算机网络。
局域网所覆盖的地理范围比较小,通常不超过几十公
里,甚至只在同一座建筑物内或者邻近的几座建筑内。
像常见的校园网,一座写字楼内
部的网络等都属于局域网。
而Internet则不是指单个区域范围内的网络,而是指将全世界的各中不同类型的
计算机网络连接起来的一个全球性的网络。
Internet上有取之不尽,用之不竭的信息资
源。
对于Internet中各种各样的信息,所有的人都可以通过网络的连接来共享和使用。
1.2
1.21.2
1.2
Internet
InternetInternet
Internet有那些功能
有那些功能有那些功能
有那些功能
Web页浏览:
这是目前利用最广泛、最直接的互联网服务,通过浏览WWW(万维网)
中的网页,可以了解世界各地的新闻,查看最新的股市行情,最新的娱乐动态、科技发
明,找到众多的就业信息……几乎想找到什么样的信息,就有什么信息。
正是有了WWW、
Internet才会变得如此丰富多彩,才能走进千家万户。
信息发布:
通过Internet,不仅可以浏览别人发布在Web页上的信息,也可以将
自己要发布的信息制作成Web页,也即网页,然后发布到Internet上,供全世界的人
浏览。
电子邮件:
不同于传统邮件,电子邮件(E-mail)通过Internet传输,写信,发信,
收信都在计算机上完成,一封电子邮件最短在一秒之内就可以发送出去,其效率是传统
邮件无法比拟的。
而且发送与接收电子邮件几乎是免费的,所以比传统邮件既节省时间
又经济的多。
网上聊天:
通过聊天软件(如QQ、ICQ等)或不同网站的聊天室,可以和世界各
地的网友聊天。
网友可能是远在天边的异国朋友,也可能是与你一起工作的饿同事,或
者是一起生活的家人,在这里没有年龄、性别、身份、职业、国籍、肤色的限制,完全
突破了交友的传统方式,人们可通过Internet互相了解对方,进行各种各样的交流。
电子商务:
现在网上交易已经成为现实,网上购物、网上商品销售、网上拍卖、
企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色,几乎所有的专家都
预测,在未来的几年内,电子商务会飞速发展。
在不久的将来,您可以做在电脑前进行
各种各样的商务活动。
网络游戏:
通过Internet,可以与全世界的玩家一起进行游戏对战,也可以协同
作战。
网络游戏已经成为信息产业全新的经济增长点,每年都为开发商带来巨额的利润。
通过网络游戏,可以充分享受Internet给我们带来的乐趣。
网络电话:
网络电话也称IP电话。
它采用Internet技术,利用专门的网络电话
软件,只需支付非常低廉的话费就可通话。
Internet在电信市场上的应用将越来越广泛。
1.3WWW
1.3WWW1.3WWW
1.3WWW的简介
的简介的简介
的简介
WWW的全称为WorldWideWeb,含义是“环球网”,又称“万维网”、3W、Web。
WWW是一个基于超文本(Hypertext)方式的信息检索服务工具。
我们上网浏览到的网页就是这样的超文本,也就是HTML(HypertextMark-upLanguage,超文本标记语言)文件,
这些网页文件被放置到WWW服务器上,并且都有一定的地址。
当我们想浏览某个网站时,
首先要在电脑上安装浏览器,如InternetExplorer或Netscape,然后在浏览器中输
入网站的地址(网址),就可以进入网站进行浏览。
在这些网页中,都有超连接,当将
鼠标指针移动到某个地方(如文本或图象)时,鼠标指针就会变成一个小手形形状,单
击它就可以连接到另个网页中,从而使得浏览者能在不同的信息之间跳转,我们之所以
能在Internet的海洋中穿梭自如,正是超连接的功劳。
WWW为我们带来的是世界范围的超级文本服务:
只须操纵鼠标,就可以通过Inter
net从世界各地调来你所希望的文本、图像、动画和声音等信息。
通过使用WWW,一个
不熟悉网络使用的人也可以成为Internet的行家。
1.4
1.41.4
1.4网页基本构成元素
网页基本构成元素网页基本构成元素
网页基本构成元素
要学会制作网页,首先需要了解网页都是由什么元素构成的。
文字:
文本是构成网页的基本元素。
一个最简单的网页可以只有几行文本。
图片:
正是有个各种美丽的图片,网页才变得多姿多彩。
动画:
如今,网页上的动画越来越多,最常用的有GIF动画、Flash动画等。
超连接:
如上所述,超连接几乎是必不可少的。
一个没有超连接的网页,就如同汪
洋大海中的一座孤岛,失去了与外界的一切联系。
其它元素:
还可以在网页中添加声音、视频等元素。
1.5
1.51.5
1.5软件的安装与启动
软件的安装与启动软件的安装与启动
软件的安装与启动
要使用网站设计软件,自然先要将这些软件安装到自己的电脑中。
安装完毕,还需
要如何启动,如何创建快捷方式。
下面就让我们来详细地看一看具体的操作步骤。
1.5.1
1.5.11.5.1
1.5.1软件的安装
软件的安装软件的安装
软件的安装
安装之前,需要先了解软件对系统的要求。
以Windows为例,系统要求如下:
IntelPentiumII处理器或等效处理器,主频300MHz或更高。
Windows98\Windows2000\WindowsNT(具有ServicePack3或更高版本)、Windo
wsMe或WindowsXP.
NetscapeNavigator4.0版或更高版本或MicrosoftInternetExplorer.
96MB的可用内存(RAM),建议采用128MB内存。
分辨率可达800×600像素的256色显示器(建议颜色为百万颜色,分辨率达到102
4×768像素)。
CD-ROM驱动器。
检查一下您的计算机,看是否具备了以上条件。
如果具备,将“MacromediaStud
ioMX”程序会自动运行。
如果不能自动运行,可以找到光盘放入光驱,安装程序会自
动运行。
可以找到光盘中的“InstallMacromediaStudioMX”程序或“Autorun”程
序并双击运行。
Dreamweaver的安装比较容易,几乎可以自动完成。
下面简要说明一下安装步骤。
操作步骤:
1、将安装光盘放入光驱,安装程序自动运行,并出现安装界面。
如果单击安装界面
上的“MacromediaSTUDIOMX安装”,那么将会安装其下方所列出的软件。
所有的安装
会自动完成。
2、单击DreamweaverMX,开始安装过装过程.先是出现解压缩文件窗口,等待一会儿,
便会出现安装向导对话框。
单击“下一步”按钮,继续安装过程。
3、出现“选择目的地位置”对话框,默认的盘是C盘,如果想安装到不同的位置,
可以单击目的文件夹右边的“浏览”按钮,并在弹出的“选择文件夹”对话框选择不同
的文件,如要安装在D盘则可直接将路径中的“C:
”改为“D:
”。
也可以在下面的“目
录”中选择其它的文件夹,设置完后,单击“确定”,回到“选择目的地址”对话框,
单击“下一步”继续。
4、而后会出现“默认编辑器”的对话框,默认为全选。
如果希望让DreamweaverM
X成为下面所列文件类型的默认编辑器,那么可以在这里做选择。
选择完毕,单击“下
一步”按钮。
5、出现“开始复制文件”对话框,单击“下一步”安装程序开始复制文件,过几
分钟后,安装结束,单击“结束”按钮,结束安装。
1.5.2
1.5.21.5.2
1.5.2
软件启动
软件启动软件启动
软件启动
软件安装完毕后,我们就可以使用它了。
安装程序已经自动在“开始”菜单中加入
了快捷方式。
单击“开始”菜单,将鼠标指针依次指向“程序”|“Macromedia”|“Macromedia
MX”,并在上面单击鼠标左键。
1.5.3
1.5.31.5.3
1.5.3创建快捷方式
创建快捷方式创建快捷方式
创建快捷方式
使用“开始”菜单启动程序的过程比较烦琐。
可以在Windows桌面或快速启动栏上
创建快捷方式,这样可以快速的启动程序。
具体实现方法是:
在“开始”菜单中找到相应程序的快捷方式,不过这是不要用
鼠标左键单击,而是用右键按住向桌面拖动,然后松开右键,会出现一个快捷菜单,在
其中可以选择不同的命令,比如选择“在当前位置创建快捷方式”或“复制到当前位置”。
这样以后在运行程序时,就方便快捷的多了。
1.6
1.61.6
1.6制作网页前的准备
制作网页前的准备制作网页前的准备
制作网页前的准备
电脑必备:
电脑速度够快,最好能够上网。
操作系统:
Windows98/NT/Me/2000/XP.
软件可选:
其它软件:
看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Firework
s、动画软件Flash等。
1.7DreamweaverMX
1.7DreamweaverMX1.7DreamweaverMX
1.7DreamweaverMX的操作环境
的操作环境的操作环境
的操作环境
我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、
“浮动控制面板”5个部分来分别介绍。
1.7.1
1.7.11.7.1
1.7.1标题栏
标题栏标题栏
标题栏
DreamweaverMX的“标题栏”中将显示文字“MacromediaDreamweaverMX”如果
打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,
右边有三个钮,分别对应DreamweaverMX的最大化最小化和关闭的操作。
1.7.2
1.7.21.7.2
1.7.2菜单栏
菜单栏菜单栏
菜单栏
“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插
入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。
单击其中任意
一项菜单,随即就会出现一个下拉式指令菜单。
有些指令的右边会有键盘的代码,这是
该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。
有些指令的右边会有一个
小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。
1.7.3
1.7.31.7.3
1.7.3
快捷工具栏
快捷工具栏快捷工具栏
快捷工具栏
“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾
选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。
1.7.4
1.7.41.7.4
1.7.4属性面板
属性面板属性面板
属性面板
在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中
起到举足轻重的作用。
属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性
面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。
第二章
第二章第二章
第二章
网站制作实战
网站制作实战网站制作实战
网站制作实战
2.1
2.12.1
2.1
站点
站点站点
站点
2.1.1
.1.1.1.1
.1.1创建站点
创建站点创建站点
创建站点
要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使
整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。
从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其
中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追
梦人”。
填好后,单击“下一步”,进入下一个步骤。
由于我要做的是一个静态的网页,
所以选择上面的一项“否,我不想使用服务器技术。
”
单击“下一步”,进入下一个步骤。
在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上
传到服务器”。
底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其
中储存站点文件的本地副本。
单击该文本框后面的文件夹图标,新建并指定一个空的文
件夹“E:
/ding”。
之后单击“下一步“,进入下一个步骤。
这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。
而后“下一步”再“完成”,即可。
2.1.2
2.1.22.1.2
2.1.2创建站点内容
创建站点内容创建站点内容
创建站点内容
站点创建完成后,就可以创建Web页来填充站点了。
在“右侧浮动面板组”中选择
“文件/文件”面板,此时整个网站中没有任何内容。
用鼠标右击面板中的本地根目录
文件夹。
在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或i
ndex.html),它就是未来的首页。
由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回
顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第
二项“NewFolder(新建文件夹)”。
执行五次操作,新建五个文件夹,并把它们重命
名为graph、anim、books、music、letter,分别对应上面的五个大栏目。
存放它们各
自的内容。
之后再次新建1个文件夹,命名为images,用来存放“所有的图象文件”的
内容。
之后在个栏目的文件夹里还要建立想相应的栏目网页。
2.2
2.22.2
2.2
首页
首页首页
首页
2.2.1
2.2.12.2.1
2.2.1设置首页布局
设置首页布局设置首页布局
设置首页布局
每个网站都会有一个首页,就功能上而言,它代表着一个网站的风格与特色,就网站
架构上而言,它代表了网站的第一层架构,至于网站上其他Web页,原则上都必须通过
首页来连接散播出去,可见首页是多么的重要。
首页是打开网站后在浏览器中显示的第一个页面。
它是起什么名字通常要视Server端
的设置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的
居多。
当然,后缀名为html也是正确的。
具体设置方法是:
右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设
成首页”。
首页的布局有很多方法
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业设计 论文 个人 网站 设计 实现