毕业论文个人网站设计与实现提纲_第1页
毕业论文个人网站设计与实现提纲_第2页
毕业论文个人网站设计与实现提纲_第3页
毕业论文个人网站设计与实现提纲_第4页
毕业论文个人网站设计与实现提纲_第5页
已阅读5页,还剩72页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

目录第一章预备知识11什么是INTERNET12INTERNET有哪些功能13WWW简介14网页基本构成元素15软件的安装与启动151软件的安装152软件的启动153创建快捷方式16制作网页前的准备17DREAMWEAVER的操作环境171标题栏172菜单栏173快捷工具栏174属性面板第二章网站制作实战21站点211创建站点212创建站点内容22首页221设置首页布局222设置首页的页面属性223查看和编辑头内容224插入图像225插入多媒体226插入文本23创建其它网页第三章建立网页链接31文字链接32图像链接33在HTML语言中建立网页链接331文字链接332图像链接第四章结论致谢参考文献第一章预备知识11什么是INTERNETINTERNET的中文名为“国际互联网”,又称“因特网”。因特网(INTERNET)是一组全球信息资源的总汇。有一种粗略的说法,认为INTERNET是由于许多小的网络(子网)互联而成的一个逻辑网,每个子网中连接着若干台计算机(主机)。INTERNET以相互交流信息资源为目的,基于一些共同的协议,并通过许多路由器和公共互联网而成,它是一个信息资源和资源共享的集合。计算机网络只是传播信息的载体,而INTERNET的优越性和实用性则在于本身。因特网最高层域名分为机构性域名和地理性域名两大类,目前主要有14种机构性域名。1995年10月24日,“联合网络委员会”通过了一项有关决议将“互联网”定义为全球性的信息系统1通过全球性的唯一的地址逻辑地链接在一起。这个地址是建立在互联网协议IP或今后其他协议基础之上的。2可以通过传输控制协议和互联协议TCP/IP,或者今后其他接替的协议或与互联协议IP兼容的协议来进行通信。3可以让公共用户或者私人用户使用高水平的服务。这种服务是建立在上述通信及相关的基础设施之上的。实际上由于互联网是划时代的,它不是为某一种需求设计的,而是一种可以接受任何新的需求的总的基础结构。你也可以从社会、政治、文化、经济、军事等各个层面去解释理解其意义和价值。12INTERNET有那些功能WEB页浏览这是目前利用最广泛、最直接的互联网服务,通过浏览WWW(万维网)中的网页,可以了解世界各地的新闻,查看最新的股市行情,最新的娱乐动态、科技发明,找到众多的就业信息几乎想找到什么样的信息,就有什么信息。正是有了WWW、INTERNET才会变得如此丰富多彩,才能走进千家万户。信息发布通过INTERNET,不仅可以浏览别人发布在WEB页上的信息,也可以将自己要发布的信息制作成WEB页,也即网页,然后发布到INTERNET上,供全世界的人浏览。电子邮件不同于传统邮件,电子邮件EMAIL通过INTERNET传输,写信,发信,收信都在计算机上完成,一封电子邮件最短在一秒之内就可以发送出去,其效率是传统邮件无法比拟的。而且发送与接收电子邮件几乎是免费的,所以比传统邮件既节省时间又经济的多。网上聊天通过聊天软件(如QQ、ICQ等)或不同网站的聊天室,可以和世界各地的网友聊天。网友可能是远在天边的异国朋友,也可能是与你一起工作的饿同事,或者是一起生活的家人,在这里没有年龄、性别、身份、职业、国籍、肤色的限制,完全突破了交友的传统方式,人们可通过INTERNET互相了解对方,进行各种各样的交流。电子商务现在网上交易已经成为现实,网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色,几乎所有的专家都预测,在未来的几年内,电子商务会飞速发展。在不久的将来,您可以做在电脑前进行各种各样的商务活动。网络游戏通过INTERNET,可以与全世界的玩家一起进行游戏对战,也可以协同作战。网络游戏已经成为信息产业全新的经济增长点,每年都为开发商带来巨额的利润。通过网络游戏,可以充分享受INTERNET给我们带来的乐趣。网络电话网络电话也称IP电话。它采用INTERNET技术,利用专门的网络电话软件,只需支付非常低廉的话费就可通话。INTERNET在电信市场上的应用将越来越广泛。13WWW的简介WWW的全称为WORLDWIDEWEB,含义是“环球网”,又称“万维网”、3W、WEB。WWW是一个基于超文本(HYPERTEXT)方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本,也就是HTMLHYPERTEXTMARKUPLANGUAGE,超文本标记语言文件,这些网页文件被放置到WWW服务器上,并且都有一定的地址。当我们想浏览某个网站时,首先要在电脑上安装浏览器,如INTERNETEXPLORER或NETSCAPE,然后在浏览器中输入网站的地址(网址),就可以进入网站进行浏览。在这些网页中,都有超连接,当将鼠标指针移动到某个地方(如文本或图象)时,鼠标指针就会变成一个小手形形状,单击它就可以连接到另个网页中,从而使得浏览者能在不同的信息之间跳转,我们之所以能在INTERNET的海洋中穿梭自如,正是超连接的功劳。WWW为我们带来的是世界范围的超级文本服务只须操纵鼠标,就可以通过INTERNET从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW,一个不熟悉网络使用的人也可以成为INTERNET的行家。14网页基本构成元素要学会制作网页,首先需要了解网页都是由什么元素构成的。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的主要特色。15软件的安装与启动要使用网站设计软件,自然先要将这些软件安装到自己的电脑中。安装完毕,还需要如何启动,如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。151软件的安装安装之前,需要先了解软件对系统的要求。以WINDOWS为例,系统要求如下INTELPENTIUMII处理器或等效处理器,主频300MHZ或更高。WINDOWS98WINDOWS2000WINDOWSNT具有SERVICEPACK3或更高版本、WINDOWSME或WINDOWSXPNETSCAPENAVIGATOR40版或更高版本或MICROSOFTINTERNETEXPLORER96MB的可用内存(RAM),建议采用128MB内存。分辨率可达800600像素的256色显示器(建议颜色为百万颜色,分辨率达到1024768像素)。CDROM驱动器。检查一下您的计算机,看是否具备了以上条件。如果具备,将“MACROMEDIASTUDIOMX”程序会自动运行。如果不能自动运行,可以找到光盘放入光驱,安装程序会自动运行。可以找到光盘中的“INSTALLMACROMEDIASTUDIOMX”程序或“AUTORUN”程序并双击运行。DREAMWEAVER的安装比较容易,几乎可以自动完成。下面简要说明一下安装步骤。操作步骤1、将安装光盘放入光驱,安装程序自动运行,并出现安装界面。如果单击安装界面上的“MACROMEDIASTUDIOMX安装”,那么将会安装其下方所列出的软件。所有的安装会自动完成。2、单击DREAMWEAVERMX,开始安装过装过程先是出现解压缩文件窗口,等待一会儿,便会出现安装向导对话框。单击“下一步”按钮,继续安装过程。3、出现“选择目的地位置”对话框,默认的盘是C盘,如果想安装到不同的位置,可以单击目的文件夹右边的“浏览”按钮,并在弹出的“选择文件夹”对话框选择不同的文件,如要安装在D盘则可直接将路径中的“C”改为“D”。也可以在下面的“目录”中选择其它的文件夹,设置完后,单击“确定”,回到“选择目的地址”对话框,单击“下一步”继续。4、而后会出现“默认编辑器”的对话框,默认为全选。如果希望让DREAMWEAVERMX成为下面所列文件类型的默认编辑器,那么可以在这里做选择。选择完毕,单击“下一步”按钮。5、出现“开始复制文件”对话框,单击“下一步”安装程序开始复制文件,过几分钟后,安装结束,单击“结束”按钮,结束安装。152软件启动软件安装完毕后,我们就可以使用它了。安装程序已经自动在“开始”菜单中加入了快捷方式。单击“开始”菜单,将鼠标指针依次指向“程序”|“MACROMEDIA”|“MACROMEDIAMX”,并在上面单击鼠标左键。153创建快捷方式使用“开始”菜单启动程序的过程比较烦琐。可以在WINDOWS桌面或快速启动栏上创建快捷方式,这样可以快速的启动程序。具体实现方法是在“开始”菜单中找到相应程序的快捷方式,不过这是不要用鼠标左键单击,而是用右键按住向桌面拖动,然后松开右键,会出现一个快捷菜单,在其中可以选择不同的命令,比如选择“在当前位置创建快捷方式”或“复制到当前位置”。这样以后在运行程序时,就方便快捷的多了。16制作网页前的准备电脑必备电脑速度够快,最好能够上网。操作系统WINDOWS98/NT/ME/2000/XP软件可选其它软件看图软件ACDSEE、图像处理软件PHOTOSHOP、上传工具CUTEFTP、FIREWORKS、动画软件FLASH等。17DREAMWEAVERMX的操作环境我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。171标题栏DREAMWEAVERMX的“标题栏”中将显示文字“MACROMEDIADREAMWEAVERMX”如果打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,右边有三个钮,分别对应DREAMWEAVERMX的最大化最小化和关闭的操作。172菜单栏“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。173快捷工具栏“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。174属性面板在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。第二章网站制作实战21站点211创建站点要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。填好后,单击“下一步”,进入下一个步骤。由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。”单击“下一步”,进入下一个步骤。在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹,DREAMWEAVER将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E/毕业设计”。之后单击“下一步“,进入下一个步骤。这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。而后“下一步”再“完成”,即可。212创建站点内容站点创建完成后,就可以创建WEB页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“INDEXHTM或INDEXHTML,它就是未来的首页。由于“追梦人”网站分为“网站首页”、“实训简介”、“回忆留念”、“H3C讲座”、“相关资料“这五个大栏目,所以要采用相同部分文件名相近原则。之后再新建1个文件夹,命名为“图片”,用来存放“所有的图象文件”的内容。之后在个栏目的文件夹里还要建立想相应的栏目网页。22首页221设置首页布局每个网站都会有一个首页,就功能上而言,它代表着一个网站的风格与特色,就网站架构上而言,它代表了网站的第一层架构,至于网站上其他WEB页,原则上都必须通过首页来连接散播出去,可见首页是多么的重要。首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视SERVER端的设置,一般的有INDEXHTM,DEFAULTHTM或HOMEHTM等,目前主要以INDEXHTM的居多。当然,后缀名为HTML也是正确的。具体设置方法是右健单击“文件”浮动面板中的INDEXHTM,在弹出的菜单中选择“设成首页”。首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格,单元格称为布局单元格。在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤1、在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。2、将变成“”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。3、在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住CTRL键绘制多个表格。追梦人”网站首页的布局如图所示222设置首页的页面属性首先双击“文件”浮动面板中的INDEXHTM,进入页面的编辑窗口。右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。223查看和编辑头内容一个网页文件结构上实际是由两部分组成,头(HEAD)内容和主体(BODY)内容主体内容(BODY)是文档的主要部分,也是包含文本和图像等的可见部分。头内容(HEAD)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。下面就以首页为例,说明怎样插入较常用的头(HEAD)内容。单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。224插入图像图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。另一方面,网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。所以,在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。1、首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像图像”按钮,单击它右侧的下拉列表,选择第1项“图像”。2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选择“站点根目录”选项,表示地址相对于根目录。在这里我要插入的是网站标志LOGO,插入LOGO图象,如图所示最后单击“确定”按钮,即可完成插入图像的操作。225插入多媒体在DREAMWEAVERMX2004中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如FLASH,SHOCKWAVE,APPLETS,ACTIEX及格MIDI声音文件等,并且还可以在DREAMWEAVER自身内插入MACROMEDIAFLASHMX2004按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。在DREAMWEAVERMX2004文档中,可以插入媒体文件包括FLASHSHOCKWAVE影片、QUICKTIME、AVIJAVA、APPLETACTIVEX控件以及各种格式的音频文件。要在浏览器中播放放FLASH动画,必须在浏览器中集成“FLASH播放器(FLASHPLAYER)”。其中,INTERNETEXPLORER通过ACTIVEX控制来实现,NETSCAPENAVIGATOR则是通过相应的插件来实现的。在最新的NETSCAPENAVIGATOR和INTERNETEXPLORER浏览器中,均已集成了FLASH动画播放功能。226插入文本文字是人类语言最基本的表达方式,在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。在这最关键的因素。可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。插入文本的两种方式网页中需要大量的文本,我们或以通过以下两种方式插入它们。一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了,和一些文本编辑软件(如MICROSOFTWORD)的使用方法一样,选择好习惯的输入法,就可以运指如飞了。另一种是复制文本的方式。有些读者可能不喜欢使用DREAMWEAVERMX2004来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如MICROSOFTWORD和WINDOWS自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用DREAMWEAVER的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。打开文本编辑软件(如MICROSOFTWORD),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键CTRLC,之后切换回DREAMWEAVER,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键CTRLV,即可将大段的文本快速粘贴到网页中。这在我的“相关资料”中用到很多,全部是在WORD软件中排好CTRLC,然后点击要粘贴的位置,CRTLV到DREAMWEAVER即可。23创建其它网页还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。“回忆留念”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。在DREAMWERVER中常常会用到FIREWORK、FLASH,它们是相辅相成,在主页中的主体部分就是用FIREWORK,如图所示在“H3C讲座”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也WORD里的操作雷同。第三章建立网页链接网站实际上是由很多网页组成的,那么网页之间是如何联系的呢这就是本章要讲的内容网页的“链接”。“链接”,又称“超链接“(HYPERLINK),它作为网页的桥梁,起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在DREAMWEAVERMX2004中,如果以“链接”的媒介来划分的话,则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“EMAIL链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”,共8种。其中部分内容在之前的章节中可能接触过,这里将对其进行更深入的讲解。31文字链接“文字链接”即以文字作为媒介的链接,它是网页中最常被使用的链接方式,具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例,来讲解如何为文字建立“链接”。具体操作步骤如下所述。操作步骤步骤1准备好已经制作完成的首页的各个栏目页面(假设除了“链接”,其他内容都已经制作完成了),该网站包含6个栏目,这里的5个栏目“H3C讲座”、“网站首页”和“相关资料”、“回忆留念”、“实训简介”为例来进行讲解。步骤2在DREAMWEAVER中打开首页,之后反白选取作为“链接”的文字。实例中要做到单击不同的栏目的网页。因此为第1个栏目“H3C讲座”设置链接,首先要反白选中“H3C讲座”4个文字。步骤3观察“属性面板”,其中包括一个“链接”文本框。步骤4接下来需要把链接的地址加入到文本框中,方法有3种。这里我用到的是直接点击文件夹图标,在文件夹中找到要链接的对象H3C1HTM。这样就建立了超链接。不过有点很重要,由于大多数服务器都不支持中文文件名,而且对大小写敏感,因此采用英文文件名并统一大小写。如图所示步骤5在“链接”文本框下面还有一个“目标”下拉列表,从中可以选择链接网页显示的窗口方式,共有4种。如图实例中没有选择任何选项,保持空白,表示在原窗口中打开链接网页。步骤6还可以设置一些“链接”的属性,这是前面讲过的内容。单击“属性面板”中的“页面属性”,选择其中的“链接”分类,可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。步骤7至此,第1个栏目的链接就制作完毕了,按下CTRLS保存网页,再按下F12预览,测试一下,当鼠标放在“H3C讲座”这4个文字上时将变成手形,并且浏览器窗口下面的状态栏中会显示链接到的网页的地址,单击文字,页面会立即跳转到第1个栏目中,这表示链接已经制作成功了。步骤8同理,按照以上步骤,再为“实训简介”和“相关资料”“回忆留念“等其它栏制作指向对应栏目的链接。步骤9通常在栏目页面中还需要有“返回首页”的链接,单击其后可以跳转回首页,因此在各个栏目中还要插入“网站首页”的文字,并且制作指向首页INDEXHTML的链接,制作方法不变。至此,整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解,读者不仅应该学会如何为文字制作链接,还应用对“链接”有了更加深刻的理解,链接的目的何在它到底能够在网页的网站中发挥什么样的作用怎样才能更好地使用它这些是网页制作者更应该思考的问题。下面继续介绍其他类型的链接。32图像链接“图像”也是常被使用的链接媒体,它和“文字链接”非常相似。为图像加入链接,首先应该在网页中插入“图像”,有关插入“图像”或“导航条”按钮的内容,接下来以我的网站“追梦人“为例,讲解如何建立“图像链接”。操作步骤步骤1首先仍然要准备好已经制作完成的首页和各个栏目的页面步骤2在DREAMWEAVER中打开网站的首页,之后选取要制作“链接”的图像。实例中先为第3个栏目“回忆留念”设置链接,因此选中包含“回忆留念”4个字的图像。步骤3观察“属性面板”,在“链接”文本框中输入链接的文字地址。可以使用之前讲过的“指向文件”和“选择文件”的方法。步骤4如果有需要,可以在“目标”下拉列表中选择“链接”网页显示的窗口方式,分别为BLANK、PARENT、SELF或TOP。实例中使用了默认出的保留空白选项的方式。步骤5另外,读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。步骤6至此,第1个栏目的图像链接就制作完毕了,按下CTRLS保存网页,再按下F12预览,测试一下,将鼠标放在“回忆留念”4个文字上时将变成手形,同时浏览器窗口下面的状态栏中会显示出链接到的网页的地址,并且会显示出“替代”文本“动画制作”,单击文字,页面会立即跳转到其他栏目中,这表示链接已经制作成功了。步骤7同理,按照以上步骤,再为其它几幅图像制作指向对应栏目的链接。步骤8在栏目页面中制作“网站首页”的链接,使得单击后可以跳转回首页,其制作方法不变。至此,整个“图像链像”的实例就全部完成了。33在HTML语言中建立网页链接331文字链接在HTML语言中用超链接标记指向一个目标。其基本格式为举个简单的“文本链接”的实例,该实例相对应的HTML代码如下所示。文字链接2010河南选调生(入口)解释HREF是标记的一种属性,该属性中的URL等于链接目标文件的地址。TARGET也是标记的一种属性,相当于DREAMWEAVER“属性面板”中的“目标”,它的值等于BLANK,效果是在新窗口中打开。除此之外还包括其他3种PARENT,SELF和TOP。这和DREAMWEAVER中“目标”下拉列表中的内容是一模一样的。文本内容如代码实例中的“2010河南选调生(入口)”。这些文本将放在使用了链接属性HREF和目标属性TARGET的与标记之间,产生了链接的效果。提示再提醒读者一下,为段落标记,在DREAMWEAVER中是由ENTER(回车)键产生的。332图像链接举个简单的“图像链接”的实例。该实例相对应的代码所示。解释仔细观察代码可以发现,“图像链接”与“文本链接”惟一的差别就在于与之间的内容。“文本链接”中与之间的内容是文字内容,而“图像链接”中就肯定是图片内容了。之前讲过,插入图片使用“举个简单的“文本链接”的实例,该实例相对应的HTML代码如下所示。文字链接2010河南选调生(入口)解释HREF是标记的一种属性,该属性中的URL等于链接目标文件的地址。TARGET也是标记的一种属性,相当于DREAMWEAVER“属性面板”中的“目标”,它的值等于BLANK,效果是在新窗口中打开。除此之外还包括其他3种PARENT,SELF和TOP。这和DREAMWEAVER中“目标”下拉列表中的内容是一模一样的。文本内容如代码实例中的“2010河南选调生(入口)”。这些文本将放在使用了链接属性HREF和目标属性TARGET的与标记之间,产生了链接的效果。提示再提醒读者一下,为段落标记,在DREAMWEAVER中是由ENTER(回车)键产生的。332图像链接举个简单的“图像链接”的实例。该实例相对应的代码所示。解释仔细观察代码可以发现,“图像链接”与“文本链接”惟一的差别就在于与之间的内容。“文本链接”中与之间的内容是文字内容,而“图像链接”中就肯定是图片内容了。之前讲过,插入图片使用“IMGSRC”图像的“”的标记,这里当然也不会例外。而是还可以使用”IMG的属性,如ALT(替换文本)、WIDTH(宽)、HEIGHT(高)、及BORDER(边框)等第四章结论经过几周的工作,个人网站的设计与实现终于完成,本次设计基本完成任务书要求的功能。查找信息、文件共享等。由于是个人网站,在设计上就没有什么拘束和限制,完全发挥自己的想象力和创造力,展现自己的兴趣和个性。本次设计用MACROMEDIA公司开发的专业HTML编辑器DREAMWEAVER,对WED站点、WEB页和WEB应用程序进行设计、编码和开发。利用DREAMWEAVER中的可视化编辑功能,用户可以快速创建页面而无须编写任何代码。并且。借助DREAMWEAVER,还可以使用服务器语言(例如ASP,ASPNET,COLDFUSION标记语言(CFML),JSP,PHP)。本设计的页面不是很精美,这写些不足之处还待后期的开发和改进。致谢繁忙的设计终于完成了,在设计期间我受到了来自四面八方的帮助和支持。首先要感谢指导老师,感谢老师在百忙中抽空对我们的设计和论文提出建议。特别要感谢的是老师对我们严格的要求,严谨的治学态度。接下来要感谢我的同学给我的大力支持,是他们在设计之初协助我掌握了DREAMWEAVER的使用方法。在设计中他们给我提了不少的意见,还帮助我解决了很多技术上的问题。最后还要感谢这些年来给予我淳淳教导的队长和各位老师,他们给予了我的知识让我收益一生,谢谢参考文献1姜楠完美网页设计与制作中国青年出版社2004年5月2前沿电脑图像工作室巧学巧用制作网页人民邮电出版社2008年2月3中国IT培训工程编委会FLASHMX实例教程珠海出版社2003年1月4赵子江多媒体技术应用教程(4)版机械工业出版社2004年8月第4版5李东博杜学智李增辉精彩网页制作三剑客西安电子科技大学出版社2003年10月6贺凯焦超FLASHMX2004动画制作典型范例中国出版社2005年2月下面是赠送的中秋节演讲辞,不需要的朋友可以下载后编辑删除谢谢中秋佳节演讲词推荐中秋,怀一颗感恩之心老师们,同学们秋浓了,月圆了,又一个中秋要到了本周日,农历的八月十五,我国的传统节日中秋节。中秋节,处在一年秋季的中期,所以称为“中秋”,它仅仅次于春节,是我国的第二大传统节日。中秋的月最圆,中秋的月最明,中秋的月最美,所以又被称为“团圆节”。金桂飘香,花好月圆,在这美好的节日里,人们赏月、吃月饼、走亲访友无论什么形式,都寄托着人们对生活的无限热爱和对美好生活的向往。中秋是中华瑰宝之一,有着深厚的文化底蕴。中国人特别讲究亲情,特别珍视团圆,中秋节尤为甚。中秋,是一个飘溢亲情的节日中秋,是一个弥漫团圆的时节。这个时节,感受亲情、释放亲情、增进亲情这个时节,盼望团圆、追求团圆、享受团圆这些,都已成为人们生活的主旋律。同学们,一定能背诵出许多关于中秋的千古佳句,比如“举头望明月,低头思故乡”、“但愿人长久,千里共婵娟”、“海上生明月,天涯共此时”这些佳句之所以能穿透历史的时空流传至今,不正是因为我们人类有着的共同信念吗。中秋最美是亲情。一家人团聚在一起,讲不完的话,叙不完的情,诉说着人们同一个心声亲情是黑暗中的灯塔,是荒漠中的甘泉,是雨后的彩虹中秋最美是思念。月亮最美,美不过思念月亮最高,高不过想念。中秋圆月会把我们的目光和思念传递给我们想念的人和我们牵挂的人,祝他们没有忧愁,永远幸福,没有烦恼,永远快乐一、活动主题游名校、赏名花,促交流,增感情二、活动背景又到了阳春三月,阳光明媚,微风吹拂,正是踏青春游的好时节。借春天万物复苏之际,我们全班聚集在一起,彼此多一点接触,多一点沟通,共话美好未来,与此同时,也可以缓解一下紧张的学习压力。相信在这次春游活动中,我们也能更亲近的接触自然,感悟自然,同时吸收万物之灵气的同时感受名校的人文气息。三、活动目的下面是赠送的励志散文欣赏,不需要的朋友下载后可以编辑删除上面才是您需要的正文。十年前,她怀揣着美梦来到这个陌生的城市。十年后,她的梦想实现了一半,却依然无法融入这个城市。作为十年后异乡的陌生人,她将何去何从笔记本的字迹已经模糊的看不清了,我还是会去翻来覆去的看,依然沉溺在当年那些羁绊的年华。曾经的我们是那么的无理取闹,那么的放荡不羁,那么的无法无天,那么轻易的就可以抛却所有去为了某些事情而孤注一掷。而后来,时光荏苒,我们各自离开,然后散落天涯。如今,年年念念,我们只能靠回忆去弥补那一程一路走来落下的再也拾不起的青春之歌。从小,她就羡慕那些能够到大城市生活的同村女生。过年的时候,那些女生衣着光鲜地带着各种她从来没有见过的精致东西回村里,让她目不转睛地盯着。其中有一个女孩是她的闺蜜,她时常听这个女孩说起城市的生活,那里很繁华,到处都是高楼大厦,大家衣着体面这一切都是她无法想像的画面,但是她知道一定是一个和村子截然不同的地方。她梦想着有一天能够像这个闺蜜一样走出村子,成为一个体面的城市人。在她十八岁那年,她不顾父母的反对,依然跟随闺蜜来到了她梦想中的天堂。尽管在路途中她还在为父母要和她断绝关系的话感到难过,但是在她亲眼目睹城市的繁华之后,她决心要赚很多钱,把父母接到城市,让父母知道她的选择是正确的。可是很快,她就发现真实的情况和她想象的完全不一样。闺蜜的光鲜生活只是表面,实则也没有多少钱,依赖于一个纨绔子弟,而非一份正当的工作。而她既没有学历、又没有美貌,也不适应城市生活,闺蜜也自顾不暇,没有时间和多余的钱帮助她。这样的她,连生活下去都成问题,更别说赚大钱了。倔强的她没有因此放弃,而是更加坚定要作为一个异乡人留在这里打拼,相信自己一定可以实现梦想。一开始,她只能做清洁工、洗碗工等不需要学历的工作,住在楼梯间,一日三餐只吃一餐。周围的人对于一个年轻女孩做这类型工作都会投以异样的眼光,在发现她一口乡音的时候就立即转为理所当然的表情。自尊心强的她受不了这两种目光,在工作的时候默默地留意城市人说话的语音语调,和内容。当她做到说话的时候没有人能听出她来自乡下的时候,她开始到各家小企业应聘。虽然她应聘的岗位都是企业里最基层的职位,但是她依然到处碰壁。最后终于有一家企业愿意聘用她,但是工资只有行情的一半,而且工作又多又累。尽管如此,她还是签了合同上班了。她每天都要战战兢兢地等待同事们的叫唤,偷偷地观察别人,谦卑地请教别人关于工作上的问题。也许是她的态度良好,工作尽责,同事们都愿意在空闲的时候教她一些东西,让她受益匪浅。她一天一天地学习着、进步着,慢慢脱离了以前乡下的生活,一步一步地走进城市。1丰富同学们的校园生活,陶冶情操。2领略优美自然风光,促进全班同学的交流,营造和谐融洽的集体氛围。3为全体同学营造一种轻松自由的气氛,又可以加强同学们的团队意识。4有效的利用活动的过程及其形式,让大家感受到我们班级的发展和进步。四、活动时间XX年3月27日星期四五、活动参与对象房产Q1141全体及“家属”六、活动地点武汉市华中农业大学校内七、活动流程策划1、27日8点在校训时集合,乘车2、9点前往华农油菜基地、果园,赏花摄影3、10点30,回农家乐开始做饭,进行“我是厨王”大比拼4、1点30,收拾食品残物,开始集体活动5、4点,乘车返校八、职能分工及责任定岗1、调研组负责前期的选址、策划的撰写、实地考察、交通工具的联系和检验组长金雄成员吴开慧2、安全保卫组负责登记参加春游的人数,乘车前的人数的登记,集体活动时同学的请假的审批,安全知识的培训与教育,午餐制作的人员分组组长徐杨超成员王冲3、食材采购组根据春游的人数和预算费用合理购买食材组长胡晴莹成员何晓艺4、活动组织组在车上、赏花期间、主要是做饭完后的集体活动期间的活动的组织组长武男成员冯薏林5、厨艺大赛组织组负责指导各个小组的午餐的准备,最后负责从五个小组里推荐的里面选出“厨王”(厨王春游费用全免)组长朱忠达成员严露6、财务组负责财务的报账及最后的费用的收取,做好最后的决算向全班报告组长杨雨7、督导组负责检查各组的任务的完成及协调各小组的任务分工组长叶青青【注】以上只是大致的责任定岗,组长负主责,各小组要相互配合,相互帮助发挥你们的聪明才智去认真完成任务九、注意事项1、分组要尽量把做事积极的与不太积极的搭配,每组里都要有学生干部,学生干部要起带头作用2、食材的购买不要太复杂了,先前想出菜谱,然后组织大家学习下烹饪知识,注意食材购买的质和量3、注意提醒大家手机充足电,随时保持通讯畅通,有相机的同学带上相机,组织大家多拍几张全家福4、游戏最好要能吸引全部人参加,让同学们能增加了解,班委们能更好的了解同学们的动态,增进感情各组应在规定时间前把活动准备情况向督导组报告,出现紧急情况要第一时报告。督导组也可以及时把活动的准备情况在班委群公布,实时互动。中秋最美是感恩无须多言,给父母一个微笑,给亲友一个问候,递上一杯清茶,送上一口月饼,这是我们给予父母最好的回报。感谢父母给予的生命,感谢父母给予的培养老师们,同学们,这个中秋,我们要用一颗感恩的心来度过心怀感恩感恩一切造就我们的人,感恩一切帮助我们成长的人心怀感恩,我们才懂得尊敬师长,才懂得关心帮助他人,才懂得勤奋学习、珍爱自己,才会拥有快乐,拥有幸福鹰之歌高尔基(俄罗斯)时间20111226作者高尔基蛇,高高地爬到山里去,躺在潮湿的山谷里,盘成一圈,望着海。太陽高高的在天空中照耀着,群山向天空中喷出热气,波浪在下面冲击着石头。沿着山谷,在黑暗中、在飞沫里,山泉轰隆隆地冲击着石头,迎着大海奔腾而去。雪白的、激烈的山泉,完全浸在泡沫里,它切开山岭,怒吼着倒入海去。忽然,在蛇所呆的那个山谷里,天空中坠下一只胸膛受伤、羽毛上染着血迹的鹰。他短促地叫了一声,坠在地上,怀着无可奈何的愤怒,胸膛撞在坚硬的石头上。蛇吓了一大跳,敏捷地爬开。但是,马上看出这鸟儿的生命只能维持两、三分钟了。他爬到那受伤的鸟儿跟前,面对着他轻声地说“怎么啦,你要死了么“是的,要死了。“鹰深深地叹了一口气回答说。“啊,我美好的生活过了,我懂得什么是幸福。我英勇地战斗过了,我见过天哦,你是不会那么近的看到天的。唉,你这可怜虫。“那有什么了不起。天么空空洞洞的,我怎么能在天上爬呢我在这里很好,又温暖、又滋润。“蛇对那自由的鸟儿这样回答。他听了那鸟儿的胡言乱语,心中暗暗好笑。而且,蛇还这样想“哼,飞也好、爬也好,结果还不是一样,大家都要埋入黄土,都要化为灰尘的“但是,那勇敢的鹰忽然抖擞精神,微微的挺起身来,向山谷里看了一眼。水穿过灰色的石头滴下来,阴暗的山谷里气闷不堪,散发这腐臭的气味。鹰使出全身精力,悲哀而痛苦地喊叫起来“啊,要是能够再飞到天上去一次,那该多好呀我要把敌人紧压在胸膛的伤口上,让我的血呛死他。哦,战斗是多么幸福啊“但是,蛇却想到“天上的生活吗,哦,大概的确是很愉快的吧。要不然为什么他要呻吟呢“他给那自由的鸟儿出了个主意。“哎,那么,你挪到山谷边,跳下去。也许翅膀会把你托起来,你就可以在你的世界里再活一些时候啦。“鹰颤抖了一下,高傲地叫了一声,顺着石头上的黏液滑到悬崖边上。到了边上,他伸开翅膀,胸中吸足了气,眼睛里闪着光辉,向下面滚去。他像石头似的顺着山崖滑下去,迅速地下坠。啊,翅膀折断,羽毛也掉下了。山泉的波浪把他卷入,泡沫里映着血,冲到海里去。海浪发出悲伤的吼声撞击着石头,那鸟儿连尸体都看不见了。蛇躺在山谷里,对于那鸟儿的死亡,对于那向往天空的热情,想了很久。他注视着那令人看了总要产生幸福的幻想的远方“那死去的鹰,他在这没有底、没有边的天上,究竟看见了什么呢象他这样,为什么在临死的时候,要为了热爱飞到天空中去而心里苦恼呢嗨,我只要飞到天空中去一次,不久就可以把这一切看清楚了。“说了就做。他盘成一圈儿,向天空中跳去,象一条窄长的带子似的,在太陽光下闪耀了一下。天生要爬的是飞不起来的,这他忘记了。结果掉在石头上,嗯,不过没有摔死。他哈哈大笑起来“哈哈,你们瞧哇,飞到天空中去有什么好呀好就好在掉下来了吗嘿嘿,可笑的鸟儿呀,他们不懂得地上的好处,呆在地上就发愁,拼命想飞到天空中去,到炎热的天空中去追求生活。天上不过空空洞洞,那里光明倒是很光明的。但是没有吃的东西,没有支持活的东西的立脚点。嗨,为什么要高傲呢为什么埋怨呢为什么要拿高傲来掩饰自己的狂热的愿望呢自己不能生活下去,为什么要埋怨呢哼,可笑的鸟儿呀。不过,现在我再也不会受他们的骗了,我什么都懂得了,我见过了天。我已经飞到天空中去过,而且把天空打量了一下,认识到了掉下来的滋味儿。但是没有摔死,自信心倒是更强了。哦,让那些不喜欢地上的,靠欺骗去生活吧。我是懂得真理的,他们的口号,我不会相信了。我是大地的造物,我还是靠大地生活吧。“于是

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论