毕业论文个人网站设计与实现提纲docWord格式文档下载.docx
- 文档编号:19315300
- 上传时间:2023-01-05
- 格式:DOCX
- 页数:33
- 大小:86.40KB
毕业论文个人网站设计与实现提纲docWord格式文档下载.docx
《毕业论文个人网站设计与实现提纲docWord格式文档下载.docx》由会员分享,可在线阅读,更多相关《毕业论文个人网站设计与实现提纲docWord格式文档下载.docx(33页珍藏版)》请在冰豆网上搜索。
Dreamweaver的操作环境
1.7.1标题栏
1.7.2菜单栏
1.7.3快捷工具栏
1.7.4属性面板
第二章
网站制作实战
2.1
站点
参考文献
预备知识
1.1什么是Internet
Internet的中文名为“国际互联网”,又称“因特网”。
因特网(Internet)是一组全球信息资源的总汇。
有一种粗略的说法,认为INTERNET是由于许多小的网络(子网)互联而成的一个逻辑网,每个子网中连接着若干台计算机(主机)。
Internet以相互交流信息资源为目的,基于一些共同的协议,并通过许多路由器和公共互联网而成,它是一个信息资源和资源共享的集合。
计算机网络只是传播信息的载体,而INTERNET的优越性和实用性则在于本身。
因特网最高层域名分为机构性域名和地理性域名两大类,目前主要有14种机构性域名。
1995年10月24日,“联合网络委员会”通过了一项有关决议:
将“互联网”定义为全球性的信息系统——
1.通过全球性的唯一的地址逻辑地链接在一起。
这个地址是建立在互联网协议(IP)或今后其他协议基础之上的。
2.可以通过传输控制协议和互联协议(TCP/IP),或者今后其他接替的协议或与互联协议(IP)兼容的协议来进行通信。
3.可以让公共用户或者私人用户使用高水平的服务。
这种服务是建立在上述通信及相关的基础设施之上的。
实际上由于互联网是划时代的,它不是为某一种需求设计的,而是一种可以接受任何新的需求的总的基础结构。
你也可以从社会、政治、文化、经济、军事等各个层面去解释理解其意义和价值。
Internet有那些功能
Web页浏览:
这是目前利用最广泛、最直接的互联网服务,通过浏览WWW(万维网)中的网页,可以了解世界各地的新闻,查看最新的股市行情,最新的娱乐动态、科技发明,找到众多的就业信息……几乎想找到什么样的信息,就有什么信息。
正是有了WWW、Internet才会变得如此丰富多彩,才能走进千家万户。
信息发布:
通过Internet,不仅可以浏览别人发布在Web页上的信息,也可以将自己要发布的信息制作成Web页,也即网页,然后发布到Internet上,供全世界的人浏览。
电子邮件:
不同于传统邮件,电子邮件(E-mail)通过Internet传输,写信,发信,收信都在计算机上完成,一封电子邮件最短在一秒之内就可以发送出去,其效率是传统邮件无法比拟的。
而且发送与接收电子邮件几乎是免费的,所以比传统邮件既节省时间又经济的多。
网上聊天:
通过聊天软件(如QQ、ICQ等)或不同网站的聊天室,可以和世界各地的网友聊天。
网友可能是远在天边的异国朋友,也可能是与你一起工作的饿同事,或者是一起生活的家人,在这里没有年龄、性别、身份、职业、国籍、肤色的限制,完全突破了交友的传统方式,人们可通过Internet互相了解对方,进行各种各样的交流。
电子商务:
现在网上交易已经成为现实,网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色,几乎所有的专家都预测,在未来的几年内,电子商务会飞速发展。
在不久的将来,您可以做在电脑前进行各种各样的商务活动。
网络游戏:
通过Internet,可以与全世界的玩家一起进行游戏对战,也可以协同作战。
网络游戏已经成为信息产业全新的经济增长点,每年都为开发商带来巨额的利润。
通过网络游戏,可以充分享受Internet给我们带来的乐趣。
网络电话:
网络电话也称IP电话。
它采用Internet技术,利用专门的网络电话软件,只需支付非常低廉的话费就可通话。
Internet在电信市场上的应用将越来越广泛。
1.3WWW的简介
WWW的全称为WorldWideWeb,含义是“环球网”,又称“万维网”、3W、Web。
WWW是一个基于超文本(Hypertext)方式的信息检索服务工具。
我们上网浏览到的网页就是这样的超文本,也就是HTML(HypertextMark-upLanguage,超文本标记语言)文件,这些网页文件被放置到WWW服务器上,并且都有一定的地址。
当我们想浏览某个网站时,首先要在电脑上安装浏览器,如Internet
Explorer或Netscape,然后在浏览器中输入网站的地址(网址),就可以进入网站进行浏览。
在这些网页中,都有超连接,当将鼠标指针移动到某个地方(如文本或图象)时,鼠标指针就会变成一个小手形形状,单击它就可以连接到另个网页中,从而使得浏览者能在不同的信息之间跳转,我们之所以能在Internet的海洋中穿梭自如,正是超连接的功劳。
WWW为我们带来的是世界范围的超级文本服务:
只须操纵鼠标,就可以通过Internet从世界各地调来你所希望的文本、图像、动画和声音等信息。
通过使用WWW,一个不熟悉网络使用的人也可以成为Internet的行家。
1.4网页基本构成元素
要学会制作网页,首先需要了解网页都是由什么元素构成的。
1、文本
网页中的信息主要是以文本为主的。
湖南网站制作,在网页中可以通过字体、大小、、颜色、底纹、框等选项来设置文本的属性。
这里指的文字是文本文字,而并非图片中的文字。
在网页制塞作中,文字都可以方便地设置成各种字体和大小,但是这里建议用于正文的文字般不要太大,也不要使用过多的字体,中文文字使用宋体,9磅或12像素左右即可。
因为过大的字体在显示器中显示时,线条不够平滑。
颜色也不要使用得太杂乱,以免造成让人服花缭乱的效果。
大段文本文字的排列,建议参考一些优秀的杂志或报纸。
2、图像
现在看到的丰富多毫的网页,都是因为有了图像,可见图像在网页中的重要性。
蔓用于-网页上的图片一般为JPG和GIF格式,即以JPg(或.jpeg)和.gif为后缀的文件。
图片通常有如下几方面的运用。
Logo是代表企业形象或栏目内容的标志性图片,一般在网页的左上角。
Logo的设计琴专委象鲜明、,笔惫触简练,给人第一印象就很深刻的Logo无疑是设计成功的Logo。
事实Logo一般使用公司已有的徽标,可简单作些处理,Banner是用于宣传站内某个栏目或活动的广告一般要求制作成动画形式,
由于手动画能够更多地吸引他人的注意力,将介绍性的内容简练地加在其中,达到宣传的效果。
为了便于各网站间相互率巨换Banner,相互宣传,Banner的尺寸有一定的要求,比如位于网页端的Banner要求尺寸为468像素X60像素。
小的广告经常多个放在一起,使人眼花缭乱所以不能使用过多、过小的文字,最好用简单的色块和明朗的线条。
文件大小—般不要超过12KB。
Banner—一般不是在网页项部就在网页底部,小型的广告还会被适当地放在网页韵两側,此外在页面中比较常用的图片还包括背景图。
尽管在很多网站上可以看到背景图,但可以发现这些网站大多是二三流的。
所以建议要慎用背景图,除非设计者自信可以给网页增加不少魅力。
做到这点并非不可能,但是有很大困难。
如对于以文本为主的网页,其他图片对整体设计的影响并不是很大,比如在网页中用到的介绍性的照片、用于点缀标题的小图片,但是一定要安排好它们的位置,以免破坏整体风格。
有时也会在网页中使用大幅的图片,这时一定要注意做好优化工作。
3.超级链接
超级链接是网站的灵魂,它是从一个网页指向另一个目的端的链接,比如指向另一网页或者相同网页上的不同位置。
这个目的端通常是另一个网页,但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。
超级链接可是文本或者图片。
超级链接广泛地存在于网页的图片和文字中,提供与图片和文字相关内容的链接,在超级链接上单击鼠标左键,即可链接到相应地址(URL)的网页。
有链接的地方,鼠标指上时会变成小手形状。
可以说超级链接正是Web的主要特色。
1.5软件的安装与启动
要使用网站设计软件,自然先要将这些软件安装到自己的电脑中。
安装完毕,还需要如何启动,如何创建快捷方式。
下面就让我们来详细地看一看具体的操作步骤。
1.5.1软件的安装
安装之前,需要先了解软件对系统的要求。
以Windows为例,系统要求如下:
IntelPentiumII处理器或等效处理器,主频300MHz或更高。
Windows98\Windows2000\WindowsNT(具有ServicePack3或更高版本)、WindowsMe或WindowsXP.
NetscapeNavigator4.0版或更高版本或MicrosoftInternetExplorer.
96MB的可用内存(RAM),建议采用128MB内存。
分辨率可达800×
600像素的256色显示器(建议颜色为百万颜色,分辨率达到1024×
768像素)。
CD-ROM驱动器。
检查一下您的计算机,看是否具备了以上条件。
如果具备,将“MacromediaStudioMX”程序会自动运行。
如果不能自动运行,可以找到光盘放入光驱,安装程序会自动运行。
可以找到光盘中的“InstallMacromediaStudioMX”程序或“Autorun”程序并双击运行。
Dreamweaver的安装比较容易,几乎可以自动完成。
下面简要说明一下安装步骤。
操作步骤:
1、将安装光盘放入光驱,安装程序自动运行,并出现安装界面。
如果单击安装界面上的“MacromediaSTUDIOMX安装”,那么将会安装其下方所列出的软件。
所有的安装会自动完成。
2、单击DreamweaverMX,开始安装过装过程.先是出现解压缩文件窗口,等待一会儿,便会出现安装向导对话框。
单击“下一步”按钮,继续安装过程。
3、出现“选择目的地位置”对话框,默认的盘是C盘,如果想安装到不同的位置,可以单击目的文件夹右边的“浏览”按钮,并在弹出的“选择文件夹”对话框选择不同的文件,如要安装在D盘则可直接将路径中的“C:
”改为“D:
”。
也可以在下面的“目录”中选择其它的文件夹,设置完后,单击“确定”,回到“选择目的地址”对话框,单击“下一步”继续。
4、而后会出现“默认编辑器”的对话框,默认为全选。
如果希望让DreamweaverMX成为下面所列文件类型的默认编辑器,那么可以在这里做选择。
选择完毕,单击“下一步”按钮。
5、出现“开始复制文件”对话框,单击“下一步”安装程序开始复制文件,过几分钟后,安装结束,单击“结束”按钮,结束安装。
软件启动
软件安装完毕后,我们就可以使用它了。
安装程序已经自动在“开始”菜单中加入了快捷方式。
单击“开始”菜单,将鼠标指针依次指向“程序”|“Macromedia”|“MacromediaMX”,并在上面单击鼠标左键。
1.5.3创建快捷方式
使用“开始”菜单启动程序的过程比较烦琐。
可以在Windows桌面或快速启动栏上创建快捷方式,这样可以快速的启动程序。
具体实现方法是:
在“开始”菜单中找到相应程序的快捷方式,不过这是不要用鼠标左键单击,而是用右键按住向桌面拖动,然后松开右键,会出现一个快捷菜单,在其中可以选择不同的命令,比如选择“在当前位置创建快捷方式”或“复制到当前位置”。
这样以后在运行程序时,就方便快捷的多了。
1.6制作网页前的准备
电脑必备:
电脑速度够快,最好能够上网。
操作系统:
Windows98/NT/Me/2000/XP.
软件可选:
其它软件:
看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。
1.7DreamweaverMX的操作环境
我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。
1.7.1标题栏
DreamweaverMX的“标题栏”中将显示文字“MacromediaDreamweaverMX”如果打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,右边有三个钮,分别对应DreamweaverMX的最大化最小化和关闭的操作。
“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。
单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。
有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。
有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。
“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。
1.7.4属性面板
在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。
属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。
站点
2.1.1创建站点
要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。
从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。
填好后,单击“下一步”,进入下一个步骤。
由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。
”
单击“下一步”,进入下一个步骤。
在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。
底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其中储存站点文件的本地副本。
单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E:
/毕业设计”。
之后单击“下一步“,进入下一个步骤。
这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。
而后“下一步”再“完成”,即可。
2.1.2创建站点内容
站点创建完成后,就可以创建Web页来填充站点了。
在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。
用鼠标右击面板中的本地根目录文件夹。
在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。
由于“追梦人”网站分为“网站首页”、“实训简介”、“回忆留念”、“H3C讲座”、“相关资料“这五个大栏目,所以要采用相同部分文件名相近原则。
之后再新建1个文件夹,命名为“图片”,用来存放“所有的图象文件”的内容。
之后在个栏目的文件夹里还要建立想相应的栏目网页。
2.2
首页
2.2.1设置首页布局
每个网站都会有一个首页,就功能上而言,它代表着一个网站的风格与特色,就网站架构上而言,它代表了网站的第一层架构,至于网站上其他Web页,原则上都必须通过首页来连接散播出去,可见首页是多么的重要。
首页是打开网站后在浏览器中显示的第一个页面。
它是起什么名字通常要视Server端的设置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的居多。
当然,后缀名为html也是正确的。
具体设置方法是:
右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。
首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。
“布局”模式中的表格称为布局表格,单元格称为布局单元格。
在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。
直接单击“布局”按钮即可。
1、在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。
2、将变成“+”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。
(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。
3、在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住Ctrl键绘制多个表格。
追梦人”网站首页的布局如图所示:
2.2.2设置首页的页面属性
首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。
右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。
在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。
2.2.3查看和编辑头内容
一个网页文件结构上实际是由两部分组成,头(head)内容和主体(body)内容主体内容(body)是文档的主要部分,也是包含文本和图像等的可见部分。
头内容(head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。
下面就以首页为例,说明怎样插入较常用的头(head)内容。
单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。
2.2.4插入图像
图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。
另一方面,网页的容量大小是网站成功与否的一大关键因素。
由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。
所以,在网面容量大小的问题上一定要重视。
下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。
1、首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。
左起第5个即为“图像:
图像”按钮,单击它右侧的下拉列表,选择第1项“图像”。
2、随即弹出“选择图像源文件”对话框。
从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。
下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;
如果选择“站点根目录”选项,表示地址相对于根目录。
在这里我要插入的是网站标志logo,插入logo图象,如图所示:
最后单击“确定”按钮,即可完成插入图像的操作。
2.2.5插入多媒体
在DreamweaverMX2004中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如Flash,Shockwave,Applets,ActieX及格Midi声音文件等,并且还可以在Dreamweaver自身内插入MacromediaFlashMX2004按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。
在DreamweaverMX2004文档中,可以插入媒体文件包括FlashShockwave影片、QuickTime、AVIjava、appletActiveX控件以及各种格式的音频文件。
要在浏览器中播放放Flash动画,必须在浏览器中集成“Flash播放器(FlashPlayer)”。
其中,InternetExplorer通过ActiveX控制来实现,NetscapeNavigator则是通过相应的插件来实现的。
在最新的NetscapeNavigator和InternetExplorer浏览器中,均已集成了Flash动画播放功能。
2.2.6插入文本
文字是人类语言最基本的表达方式,在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。
在这最关键的因素。
可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。
插入文本的两种方式
网页中需要大量的文本,我们或以通过以下两种方式插入它们。
一种是在网页编辑窗口中直接用键盘敲入文本。
这可以算是最基本的输入方式了,和一些文本编辑软件(如MicrosoftWord)的使用方法一样,选择好习惯的输入法,就可以运指如飞了。
另一种是复制文本的方式。
有些读者可能不喜欢使用DreamweaverMX2004来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如MicrosoftWord和Windows自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用Dreamweaver的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。
打开文本编辑软件(如MicrosoftWord),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C,之后切换回Dreamweaver,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。
这在我的“相关资料”中用到很多,全部是在word软件中排好ctrl+c,然后点击要粘贴的位置,crtl+v到Dreamweaver即可。
2.3创建其它网页
还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。
“回忆留念”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。
在Dreamwerver中常常会用到Firework、Flash,它们是相辅相成,在主页中的主体部分就是用Firework,如图所示:
在“H3C讲座”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也word里的操作雷同。
第三章建立网页链接
网站实际上是由很多网页组成的,那么网页之间是如何联系的呢?
这就是本章要讲的内容----网页的“链接”。
“链接”,又称“超链接"
(Hyperlink),它作为网页的桥梁,起着相当重要的作用。
网页中的很多对象都可以加入“链接”属性。
在DreamweaverMX2004中,如果以“链接”的媒介来划分的话,则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业论文 个人 网站 设计 实现 提纲 doc