网络课设报告虚拟机的配置及虚拟机上个人主页的设计Word文档格式.docx
- 文档编号:19478397
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:10
- 大小:856.41KB
网络课设报告虚拟机的配置及虚拟机上个人主页的设计Word文档格式.docx
《网络课设报告虚拟机的配置及虚拟机上个人主页的设计Word文档格式.docx》由会员分享,可在线阅读,更多相关《网络课设报告虚拟机的配置及虚拟机上个人主页的设计Word文档格式.docx(10页珍藏版)》请在冰豆网上搜索。
4.在工作站上浏览个人主页。
三、设计步骤
3.1安装虚拟机,在虚拟机平台上建立可网络通讯的服务器和工作站。
安装虚拟机平台,在平台上安装虚拟机windowsserver2003服务器和winxp工作站
3.2建立相应网络连接,并配置IP地址和子网掩码。
服务器端:
客户机端:
3.3在服务器上配置WWW服务。
默认情况下,WindowsServer2003没有安装IIS6.0,要通过控制面板来安装。
具体做法为:
a.进入“控制面板”。
b.双击“添加或删除程序”。
c.单击“添加/删除Windows组件”。
d.在“组件”列表框中,双击“应用程序服务器”。
e.双击“Internet信息服务(IIS)”。
f.从中选择“万维网服务”及“文件传输协议(FTP)服务”。
g.双击“万维网服务”,从中选择“ActiveServerPages”及“万维网服务”等。
安装好IIS后,接着设置Web服务器,具体做法为:
a.在“开始”菜单中选择“管理工具→Internet信息服务(IIS)管理器”。
b.在“Internet信息服务(IIS)管理器”中双击“本地计算机”。
c.右击“网站”,在弹出菜单中选择“新建→网站->
网站创建向导”。
d.依次填写“网站描述”、“IP地址”、“端口号”、“路径”和“网站访问权限”等。
最后,为了便于访问还应设置默认文档(Index.asp、Index.htm)。
3.4测试工作站与服务器之间互联:
3.5设计个人主页。
总共分为八个页面:
主页index.htm,个人资料ziliao.htm,音乐music.htm,照片photo.htm,书籍book.htm,影视video.htm,日志rizhi.htm,留言板message.htm
设计重点如下:
a)Index.htm:
此页面插入了音乐,语句如下:
<
embedsrc="
futuyimeng.mp3"
width=300height=45type=audio/mpegautostart="
false"
align="
center"
title="
浮屠一梦"
palette="
red|black"
>
b)所有页面均插入了滚动字:
marqueescrolldelay="
200"
scrollamount="
3"
正好天气已经放晴,雨季已经过去;
还好我依然美丽,我要彻底改变自己……<
/marquee>
c)rizhi.htm:
此页面设置了点击分类,可以实现下部内容的转换,通过javascript代码,采用getElementById以及li命令实现。
d)music.htm
此页面设置了单选按钮,便于用户设置背景音乐。
e)video.htm
此页面添加了一个视频
完成以上工作后,对页面进行整体美化,采用dreamweaver设置背景色,调整页面布局等。
虚拟机安装Vmware.tools,把页面拷入虚拟机服务器,从客户机访问,成功。
四、设计结果
4.1代码
Rizhi.htm代码:
(因网页代码类似,仅贴一个)
HTML>
HEAD>
TITLE>
瑶的空间<
/TITLE>
METAhttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
METAcontent=蓝恋-:
:
放晴:
name=description>
LINKhref="
main.css"
rel=stylesheettype=text/css>
styletype="
text/css"
body{background-color:
#FFFF99;
}
/style>
/HEAD>
BODY>
tablewidth="
1235"
border="
0"
height="
289"
tdheight="
20"
colspan="
10"
欢迎品诗话流年,执笔写思念……<
tr>
235"
bgcolor="
#FFFFFF"
background="
images/mu.jpg"
<
/td>
/tr>
trheight="
23"
width="
58"
tdwidth="
156"
26"
|<
ahref="
index.htm"
主页<
/a>
151"
|<
rizhi.htm"
日志<
154"
photo.htm"
相册<
book.htm"
书籍<
161"
music.htm"
音乐<
187"
video.htm"
影视<
240"
message.htm"
留言<
/table>
1012"
400"
div>
ulid=tags>
li>
aonClick="
selectTag('
tagContent0'
this)"
href="
javascript:
void(0)"
公开日志<
/li>
tagContent1'
私密日志<
tagContent2'
收藏日志<
/ul>
divid=tagContent>
divid=tagContent0>
ul>
#"
style="
width:
500px;
float:
left;
font-size:
14px;
"
北方有佳人,绝世而独立<
br>
何欢扇,团团似明月<
明月照高楼<
西汉星流夜未央<
/div>
divid=tagContent1>
脑筋急转弯<
笑话几则<
divid=tagContent2>
javaweb编程<
嵌入式资料<
SCRIPTtype=text/javascript>
//选项卡实现
functionselectTag(showContent,selfObj){
//操作标签
vartag=document.getElementById("
tags"
).getElementsByTagName("
li"
);
vartaglength=tag.length;
for(i=0;
i<
taglength;
i++){
tag[i].className="
;
}
selfObj.parentNode.className="
selectTag"
//操作内容
j=document.getElementById("
tagContent"
+i);
j.style.display="
none"
document.getElementById(showContent).style.display="
block"
/SCRIPT>
divalign="
Copyright(C)<
bianjingyao<
2013&
nbsp;
/BODY>
/HTML>
4.2截图
Index.htm
Ziliao.htm
Music.htm
Rizhi.htm
Photo.htm
Book.htm
Video.htm
Message.htm
五、心得体会
这次课设,我学会了虚拟机上服务器与客户机的配置,更深的理解了网络。
通过制作个人主页,也将以前接触过的dreamweaver和html语句结合起来,能够用于实践,做基本的界面。
日志页面中还使用javascrept完成了内容的相关。
此外还学会了向网页中添加音乐,视频。
也更加熟悉了页面的布局。
最后,感谢这次课设中老师和同学给予的无私帮助。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络 报告 虚拟机 配置 个人主页 设计