网络课设报告虚拟机的配置及虚拟机上个人主页的设计.docx
- 文档编号:6464624
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:10
- 大小:856.41KB
网络课设报告虚拟机的配置及虚拟机上个人主页的设计.docx
《网络课设报告虚拟机的配置及虚拟机上个人主页的设计.docx》由会员分享,可在线阅读,更多相关《网络课设报告虚拟机的配置及虚拟机上个人主页的设计.docx(10页珍藏版)》请在冰豆网上搜索。
网络课设报告虚拟机的配置及虚拟机上个人主页的设计
课程设计报告
设计题目:
虚拟机的配置及虚拟机上个人主页的设计
学院信息科学与工程学院
年级专业计算机应用1班
学生姓名
学号
指导教师
课程名称《计算机网络原理》
提交日期
3.5.设计个人主页4
四、设计结果5
4.2.设计个人主页9
一、课程设计目的
建立一台服务器、一或两台工作站的虚拟机网络,配置服务器的WWW服务设置,在服务器上设计个人主页。
通过工作站浏览个人主页。
二、课程设计内容
1.安装虚拟机,在虚拟机平台上建立可网络通讯的服务器和工作站。
(注意事项见附页)
2.在服务器上配置WWW服务。
(参考见附页)
3.在服务器上设计一个简单的个人主页。
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:
此页面插入了音乐,语句如下:
b)所有页面均插入了滚动字:
c)rizhi.htm:
此页面设置了点击分类,可以实现下部内容的转换,通过javascript代码,采用getElementById以及li命令实现。
d)music.htm
此页面设置了单选按钮,便于用户设置背景音乐。
e)video.htm
此页面添加了一个视频
完成以上工作后,对页面进行整体美化,采用dreamweaver设置背景色,调整页面布局等。
虚拟机安装Vmware.tools,把页面拷入虚拟机服务器,从客户机访问,成功。
四、设计结果
4.1代码
Rizhi.htm代码:
(因网页代码类似,仅贴一个)
: 放晴: : name=description> body{background-color: #FFFF99;}
void(0)">公开日志
void(0)">私密日志
void(0)">收藏日志
500px;float:
left;font-size:
14px;">北方有佳人,绝世而独立
500px;float:
left;font-size:
14px;">何欢扇,团团似明月
500px;float:
left;font-size:
14px;">明月照高楼
500px;float:
left;font-size:
14px;">西汉星流夜未央
500px;float:
left;font-size:
14px;">脑筋急转弯
500px;float:
left;font-size:
14px;">笑话几则
500px;float:
left;font-size:
14px;">javaweb编程
500px;float:
left;font-size:
14px;">嵌入式资料
//选项卡实现
functionselectTag(showContent,selfObj){
//操作标签
vartag=document.getElementById("tags").getElementsByTagName("li");
vartaglength=tag.length;
for(i=0;i tag[i].className=""; } selfObj.parentNode.className="selectTag"; //操作内容 for(i=0;j=document.getElementById("tagContent"+i);i++){ j.style.display="none"; } document.getElementById(showContent).style.display="block"; }