小型个人主页设计的论文Word文档格式.docx
- 文档编号:16674988
- 上传时间:2022-11-25
- 格式:DOCX
- 页数:22
- 大小:49.28KB
小型个人主页设计的论文Word文档格式.docx
《小型个人主页设计的论文Word文档格式.docx》由会员分享,可在线阅读,更多相关《小型个人主页设计的论文Word文档格式.docx(22页珍藏版)》请在冰豆网上搜索。
Systemsdemandsanalysisandsystemdesign.
Familiarwebsitesdevelopmentspattern,toolandenvironment.
Andwantsownworkthecontentwhichdemonstratedtomanufacturethehomepage.
Usesdynamichomepagestechnology(ASP),realizationdynamiccontentrenewal.
Earnestlyselectsmeasuredthetestexample,carriesontheoverlappingtest.
Websiteslaterperiodsconsummate,thepropagandaandthedevelopmentdirection.
Amongthem,Thehomepagemanufactureandtheusedymamichomepagetechnology(ASP)realizesthedynamiccontentrenewalisthewebsitedevelopmentcorecontent.
Keyword:
Homepage,HTMLTechnology,visit,ASPTechnology,test
目录
第一章 绪论1
1.1 主页设计基础知识1
1.1.1什么是主页1
1.1.2主页的设置1
1.1.3主页的建立1
1.2 对个人网站的了解1
1.2.1建立网站的方案1
1.2.2个人网站的维护2
1.3 课题研究的意义2
1.3.1存在的问题3
1.3.2定义动态网站3
1.3.3主要研究内容3
1.4 发布个人网站的意义4
第二章 ASP技术5
2.1准备动态网页的执行环境5
2.1.1ASP运行环境概述5
2.1.2静态和动态网页的特点5
2.2构架网站服务器5
2.2.1PWS5
2.2.2IIS5
2.3测试网站服务器6
第三章初识Dreamweaver87
3.1网页基本构成元素7
3.2软件的安装与启动7
3.2.1软件的安装7
3.2.2软件启动8
3.2.3创建快捷方式8
3.3 基本术语8
3.3.1超文本和超媒体8
第四章HTML技术9
4.1HTML概述9
4.1.1什么是HTML9
4.2HTML常用标记9
4.2.1头部标记9
4.2.2主体标记9
4.2.3特殊字符标记10
4.2.4列表标记10
4.2.5图像标记11
第五章网站制作实站11
5.1站点12
5.1.1创建站点12
5.1.2创建站点内容12
5.2首页12
5.2.1设置首页布局12
5.2.2设置首页的页面属性13
5.2.3查看和编辑头内容13
5.2.4插入多媒体13
5.2.5插入文本14
5.3创建其它网页14
第六章建立网页链接14
6.1文字链接15
6.2图像链接16
6.3E-mail的链接17
6.4文件下载链接17
6.5在HTML语言中建立网页链接18
6.5.1文字链接18
6.5.218
6.5.3 E-mail链接19
结论19
谢辞20
参考文献21
第一章 绪论
1.1 主页设计基础知识
1.1.1什么是主页
主页可以理解为导航页,主页是概括了网站上的所有内容,个人主页是个人网站的一个文件主页,是一张页面,是一个网站打开的第一个页面,一般命名为index.htmldefault.html
我们通常所说的个人网页其实就是一个个人站点,它是由一个或多个的超级文本文件组成的。
通常进入网站时首先打开的第一张网页叫网站的首页或主页,它是一个网站的门面,也是设计一个站点时要重点考虑的部分。
一般来说,创建一个站点的过程包括设置站点、创建网页、测试与发布站点三个基本步骤。
1.1.2主页的设置
在制作网站之前,首先要确定网站的对象和主题,然后设计出站点的结构,最后,才开始建立相关的文件夹和进行相关的素材搜索。
打开IE,点激主菜单的工具项,打开“Internet选项…”在“常规”中主页设置中输入要做主页的网址,或者先打开做主页的网页点激主菜单的工具项,打开“Internet选项…”在“常规”中主页设置中,直接点激“使用当前页”,然后点击“应用”。
1.1.3主页的建立
首先是申请免费个人主页空间以"
免费资源"
为关键字进行搜索,在找到的网页中查看免费个人主页部分,进入提供免费个人主页的网站之后,再按步骤完成申请表格然后编辑个人网页,使用FrontPage网页编辑软件,最后是上传网页。
1.2 对个人网站的了解
1.2.1建立网站的方案
(1)预早筹划我们必须首先确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;
然后设计一个页面式样,试用于有代表性的用户,接着重复修订,达到尽善尽美。
(2)尽量精简主页的作用是为了吸引用户测览你的网址内容。
因此,主页的设计应以醒目为上、令人一目了然。
不能有太多不必要的细节,或使画面过于复杂。
(3)尽量简朴现今大部分用户是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。
主页上的图形应力求简朴,图像愈大、颜色愈深,传送页面的时间就愈长。
(4)善用图像用户在网上四处漫游,制作主页应该吸引和维护他们自己主页的注意力。
用“纯文中”模式测试已制成的主页,确保其传达到所有信息。
(5)使主页易于漫游主页的其中一个主要功能是作为漫游工具,指引用户查阅存储在网址或其他地点的信息。
(6)保持新鲜感万维网上不断有新事物出现、每天都有新花样。
在网站上,给每个页面设置“home”按键,方便用户随时返回主页。
万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。
例如:
将来家居用户有高速线路接驳Internet,可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。
新的浏览功能、例如Sun的HotJava浏览软件所提供的先进功能、将使万网更强劲和更方便沟通。
个人主页需要天天更新甚至几小时更新一次。
1.2.2个人网站的维护
网站维护是个艰巨的工作。
当网站变得十分庞大时将会有不计其数的图片、网页文件等内容,如果它们有一个丢失或链接失败都会引起网页错误,我们做的多副图片如果少一副会是什么情景?
所以我们一定要保证整个网站的“健康”和完整。
为了使网站健康、完整,通常我们在做新网站之前,都应该在DW里建设一个“本地网站”,也就是自己电脑上的网站副本,可以有效减少网站错误,我们制作网站时是先做网页后建网站,其实这种网站建设方法是错误的,正确的是先建网站后添加内容。
另外就是要时常检查网站的链接是否有误,我们使用DW的SITE程序的SITE菜单中CHECKLINKSITEWIDE选项来检查网站中是否有断掉的链接,以便及时修复。
另外我们可以科学地存放不同类型的文件,例如将网站中的图片都放在一个文件夹里,将网页放在另一个文件夹里。
常备份网站文件也是很重要的。
网站成功推出后,长期的维护工作才刚刚开始,及时响应客户反馈是我们需要做的;
例如可以采取Email自动回复功能,然后尽快解决问题,再次回复;
网站流量统计分析和相应对策;
尽量推广和使用您的网址;
网站内容的及时更新和维护。
1.3 课题研究的意义
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见,倍受人们的重视。
为了树立个人在网络上的形象,通过设计一个个人网站,以达到个人推荐、展现自我的一个平台,个人网站为交流提供综合的网络环境,同时也为个人的宣传,发展,提供了一个平台。
随着国际互联网的普及,很多人已不满足仅在Internet上的浏览器信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已成为一种潮流。
如果说,个人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。
互联网迅速成为人们生活的重要组成部分,网页制作也成为网络时代必备的技能之一。
网上浩如烟海的资源,需要大家共同去建立。
即使普通的网页设计爱好者,也希望靠自己的力量,在网上建立一个展现自我的空间。
1.3.1存在的问题
一个网站的整体规划和设计的好坏是它发展的重要之处,也是它吸引人们浏览的所在之处。
Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。
通常情况下,通过浏览器看到的网页大多是静态的。
所谓“静态”,是指网站的网页内容“固定不变”,当浏览器通过互联网的HTTP(HypertextTransportProtocol)协议向Web服务器请求提供网页时,服务器仅仅是将原来设计好的静态HTML文档传给浏览器。
其页面内容使用的仅仅是标准的HTML代码,最多再加上流行的GIF89A格式的动态图片。
若网站维护者要更新网页的内容,就必须手动更新所有的HTML文档。
静态网站的致命弱点就是不易维护。
为了更新网页的内容,网站维护者必须重复制作HTML文档,随着网站内容和信息量的日益扩增,可以想象这是多么复杂繁琐的工作。
该网站的建设也牵涉到了动态网页的制作,这成了制作过程中的难点,就我个人而言,对动态网页的制作方面还缺少很多的理论与实际操作知识,曾经只是做一些简单的个人主页,更需要深入的学习ASP方面内容和网页三剑客。
1.3.2定义动态网站
什么是动态网站呢?
所谓“动态”,并不是指放在网页上的图片会动,动态页面应具有以下几个特点:
(一)交互性:
即网页能根据客户的要求和选择而动态改变和响应,浏览器即作为客户端界面,这是今后Web发展的大势所趋。
(二)自动更新:
即无需手动更新HTML文档,就能自动生成新的页面,从而大大减少工作量。
(三)因时因人而变:
即当不同的时间、不同的人访问同一网址时能产生不同的页面,这一点对于需要对使用者授权的网站尤其适用。
1.3.3主要研究内容
个人网站设计使用动态网页的设计,提供登录用户注册的功能、电子相册、日志、下载、个人简历查询、具有信息发布、访客留言等功能。
1.4 发布个人网站的意义
对于大公司来说,它可以在网站开展电子商务、推销产品、发布有关产品的技术支持,在公司与客户之间搭起联系的桥梁。
对于小公司来说,制作网站的主要目的是为企业、产品做广告。
对于政府机构来说,其网站有提高政府形象,增加政府办事透明度,增强社会对政府的监督、法规的发布说明等优点。
第一章 绪论
立题意义及研究现状与存在问题,主要研究内容。
第二章 ASP技术
通过初识了什么是ASP,了解它的运行环境及待点,通过讲述PWS和IIS对程 序进行调试。
第3章初识Dreamweaver8
网页是网上的基本文档,通过了解有关网页的相关知识,对以后建立个人主页所起到的帮助。
第四章HTML技术
学习HTML对如何制作动态网页的重要性。
第5章网站制作实站
了解相应的基本模块,在设置站点的同时其实就是对主页进行实战性操作。
第六章建立网页链接
对一个网站而言,能让浏览者轻松地观看自己想看的内容,以及适用性。
第七章 结论
纵观整个学习过程,不是先进行理论知识的灌输,而是从实际的例子下手,让我们做出东西来,然后再上升到理论的高度恰当讲解;
先给我们一个直观的感性认识,再总结上升到理论知识,可以使我们更加直观地理解、快速地掌握并灵活地运用所学知识。
第二章 ASP技术
2.1准备动态网页的执行环境
ASP是一套服务器端脚本程序开发工具和运行环境中,可用来创建和运行动态交互的Web服务器应用程序。
ASP是一种在服务器端运行的脚本语言,但它并不能运行在目前所有的服务器上。
ASP页面是一种包含脚本命令的HTML网页,在发送到客户端浏览器之前,站点的WEB服务器将对其中的脚本命令进行处理,因而在开发和测试ASP应用程序之前,必须创立可供ASP程序运行的WEB服务器工作环境。
2.1.1ASP运行环境概述
(1)硬件环境 如Windows操作系统。
(2)软件环境 ASP程序是使用VBScript或者JavaScript脚本语言编写的,当程序执行时,脚本程序将一整套命令发送给脚本引擎,由其进行翻译并将程序转换成服务器能执行的命令,而VBScript则被作为系统默认的脚本语言。
2.1.2静态和动态网页的特点
(1)静态网页指的是站点内的页面内容固定不变。
页面内容包含标准HTML代码,或者再加上动态图片以及Flash动画来美化页面。
(2)动态网页后缀名是以.asp、.jsp、.php、.perl、.cgi等形式后缀,并在动态网页网址中有一个标志性的符号-“?
”。
采用动态网站技术生成的网页称为动态网页。
可以使用CGI技术、DHTML技术、PHP技术等,创建动态网站。
2.2构架网站服务器
2.2.1PWS
PersonalWebServer(个人Web服务器)是微软开发的个人网站服务器,适用于规模较小的内部网络,主要应用于解决个人认息共享和Web开发。
2.2.2IIS
IIS(互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络上发布信息成了一件很容易的事。
它是ASP的开发平台、运行后台,也是服务器的运行软件。
安装在WindowsNT之后的操作系统上,只是参数配置工作比PWS复杂。
2.3测试网站服务器
PWS或者IIS安装配置完成后,可以使用浏览器查看主目录或所创建的虚拟目录中的文件来测试安装配置是否成功。
测试与Internet连接的Web站点,首先确保Web服务器的wwwroot文件夹中包含HTML文件,然后再与Internet活动连接的计算机上启动浏览器,在浏览器地址栏内输入“http:
//域名/文件名”。
域名为“”,文件名为index.htm,则浏览器中应输入“http:
//
测试局域网上的Web站点,在确保计算机有活动的网络连接的前提下,在浏览器地址栏内输入相应内容即可,也可以说在本地计算机中测试ASP动态网页有三种方法:
其一,在浏览器地址栏中输入“http:
//localhost/别名/文件名”;
其二,在浏览器地址栏中输入“http:
//IP地址/别名/文件名”;
其三,在浏览器地址栏中输入“http:
//计算机主机名/别名/文件名”。
一台计算机的名称为hello,Web主目录为showtime.asp,而且知道IIS中分配的IP为127.0.0.1,那么在浏览器中要执行此ASP程序,可以有以下方式:
(1)http:
//localhost/test/showtime.asp
(2)http:
//hello/test/showtime.asp
(3)http:
//127.0.0.1/test/showtime.asp
第三章初识Dreamweaver8
3.1网页基本构成元素
要学会制作网页,首先需要了解网页都是由什么元素构成的。
文字:
文本是构成网页的基本元素。
网页可以分为静态网页和动态网页,一个最简单的网页可以只有几行文本。
图片:
正是有个各种美丽的图片,网页才变得多姿多彩。
动画:
如今,网页上的动画越来越多,最常用的有GIF动画、Flash动画等。
超链接:
如上所述,超链接几乎是必不可少的。
一个没有超链接的网页,就如同汪洋人海中的一座孤岛,失去了与外界的一切联系。
其它元素:
还可以在网页中添加声音、视频等元素。
网站是许多网页的集合,将这些网页以一定的相互关联系统链接起来,就组成了一个网站。
按照内容形式的不同特点,可以将网站分为门户网站、职能网站、职能网站、个人网站和专业网站。
3.2软件的安装与启动
要使用网站设计软件,自然先要将这些软件安装到自己的电脑中。
安装完毕,还需要如何启动,如何创建快捷方式。
下面就我们来详细地看一看具体的操作步骤。
3.2.1软件的安装
安装之前,需要先了解软件对系统的要求。
以Windows为例,系统要求如下:
InternetPentiumII处理器或等效处理器,主频300HZ或更高。
Windows98\Windows2000\WindowsNT具有ServicePack3或更高版本、WindowsMe或WindowsXP.
NetscapeNavigator4.0版或更高版或MicrosoftInternetExplorer.
CD-ROM驱动器 检查一下您的计算机,看是否具备了以上的条件。
如果具备,将“MacromediaStudioMx”程序会自动运行。
如果不能自动运行,可以找到光盘放入光驱,安装程序会自动运行。
可以找到光盘中的“InstallMacromediaStudioMX”程序或“Autorun”程序并双击运行。
Dreamweaver的安装比较容易,几乎可以自动完成。
下面简要说明一下安装步骤。
操作步骤:
1.将安装光盘放入光驱,安装程序自动运行,并出现安装界面。
如果单击安装界面上的“MacromediaSTUDIOMX安装”,那么将会安装其下方所列出的软件。
所有的安装会自动完成。
2.单击DreamweaverMX,开始安装过程,先是出现解压缩文件窗口,等待一会儿,便会出现安装向导对话框。
单击“下一步”,继续安装过程。
3.出现“选择目的地位置”对话框,默认的盘是C盘,如果想安装到不同的位置,可以单击目的文件夹右边的“浏览”按钮,并在弹出的“选择文件”对话框中选择不同的文件,如果安装在D盘则可直接将路径中的“C”改为“D”.也可以在下面的“目录”中选择不同的文件,设置完后,单击“确定”,回到“选择目的地址”对话框,单击“下一步”继续。
4.而后出现“默认编辑”对话框,默认为全选。
若希望让DreamweaverMX成为下面所列文件类型的默认编辑器,那么可以在这里做选择。
选择完毕,单击“下一步”按钮。
5.出现“开始复制文件”对话框,单击“下一步”按钮,安装程序开始复制文件,过几分钟后,安装结束,单击“结束”按钮,结束安装。
3.2.2软件启动
软件安装完毕后,我们就可以使用它。
安装程序已经自动在“开始”菜单中加入了快捷方式。
单击“开始”菜单,将鼠标指针依次指向“程序”-“Macromedia”-“MacromediaMX”,并在上面单击鼠标左键。
3.2.3创建快捷方式
使用“开始”菜单,启动程序的过程较烦锁。
可以在Windows桌面或快速启动栏上创建方式,这样可以快速的启动程序。
具体实现方法是:
在“开始”菜单中找到相应程序的快捷方式,不过这是不要用鼠标左键单击,而是用右键按住向桌面拖动,然后松开右键,会出现一个快捷菜单,在其中可以选择不同的命令,比如选择“在当前位置创建快捷方式”或复制到当前位置。
这样以后在运行程序程序时,就方便快捷的多了。
3.3 基本术语
3.3.1超文本和超媒体
超文本是一种基于计算机的文档,由于它包含着可以用做链接的一些字、短语或图标,用户在阅读这种文档时,可以不按从头到尾的顺序获取信息,而是可以在文档里根据链接随机地跳来跳去。
超
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 小型 个人主页 设计 论文