文档库 最新最全的文档下载
当前位置:文档库 › 个人网站设计实验报告

个人网站设计实验报告

河南工程学院

实习报告

课程名称https://www.wendangku.net/doc/d77090687.html,程序设计实训

设计题目个人网站的设计与实现

系(部)计算机学院

班级

学号

姓名

实习时间2013.12.30-2014.1.3

指导教师李艳玮

2014年 1 月3日

实习(训)报告评语

等级:

评阅人:职称:

年月日

目录

一、实训题目 (4)

二、系统需求分析 (4)

2.1可行性分析 (4)

2.1.1社会可行性 (4)

2.1.2技术可行性 (4)

2.1.3经济可行性 (5)

三、系统设计目标和原则 (5)

3.1设计目标 (5)

3.2设计原则 (6)

四、系统功能模块设计 (6)

4.1前台管理模块 (6)

4.2 后台管理模块 (7)

五、数据库设计 (7)

5.1数据库表设计 (7)

5.1.1 dbo.Logger(文章信息表) (7)

5.1.2 dbo.LoginTime(登录时间表) (8)

5.1.3 dbo.MessageBoard(文章信息表) (8)

5.1.4 dbo.Mood(日志表) (9)

5.1.5 dbo.Musics(音乐文件信息表) (9)

5.1.6 https://www.wendangku.net/doc/d77090687.html,ers(用户登录表) (9)

六、基本程序清单 (10)

6.1 数据库连接类清单 (10)

6.2页面清单 (12)

6.2.1登陆界面 (12)

6.2.2关于我们 (15)

6.2.3音乐页面 (15)

七、实训总结 (19)

个人网站设计与实现

一、实训题目

个人网站设计与实现

二、系统需求分析

信息时代的今天,网络已经成为人们工作、学习的一部分,不断充实和改变着人们的生活。在网络中,一个个性化的个人网站,可以充实地表达自己的想法,通过发布日志文章展示个人能力,抒发个人情感,朋友则可以根据主题发表个人的意见,表达自己的想法,进行思想交流,乐在其中。也可以通过个人网站让朋友更加清楚的了解自己的爱好和习惯。通过网络,更加了解身边的人。

2.1可行性分析

2.1.1社会可行性

社会可行性具有比较广泛的内容,需要从政策、法律、道德、制度、等社会因素论证开发的可行性和现实性。主要是运行环境的可行性和法律可行性。本系统的运行环境是在服务器环境,前台网页设计使用的是Microsoft Visual Studio 2008,而数据库系统采用的是SQL Server 2005。所以运行环境是可行的的。本系统是自己设计编程的,所以不存在软件版权问题。

2.1.2技术可行性

技术可行性分析主要是分析技术条件能否顺利完成开发工作,硬、软件能否满足开发者的需要等。在软件方面,本系统采用的是https://www.wendangku.net/doc/d77090687.html,进行开发,前台网页设计使用的是Microsoft Visual Studio 2008,而数据库系统采用的是SQL Server 2005。通过分析,在软、硬件方面现有工具与环境完全可以实现系统的开发,因此具有技术上的可行性。

2.1.3经济可行性

经济可行性主要是对项目的经济效益进行评价。本系统对系统开发者来说并不需要太高的成本支出,不需要什么经济成本,一般的机器上就可以进行编程,而且开发周期不需要太长,节省了人力、物力、财力资源,所以本系统在经济上是可行的。

综上所述,本系统开发目标已明确,在技术和经济等方面具备可行性,并且投入少、见效快,因此系统的开发是完全可行的。

三、系统设计目标和原则

3.1设计目标

个人网站设计与实现系统的总目标是:在计算机网络、数据库和先进的开发平台上,利用现有的软件,配置一定的硬件,开发一个具有开放体系结构的、易扩充的、易维护的、具有良好人机交互界面的个人网站,以达到个人推荐、展现自我的一个平台,为交流提供综合的网络环境,同时也为个人的宣传、发展,提供了一个平台。本系统主要实现网站设计者与访问者之间的相互交流,主要要实现以下的目标。

a. 全面展示个人网站的主题思想。

b. 通过上传个人相册,使访问者对网站建设者有进一步的了解。

c. 提供在线音乐收藏模块,使访问者可以收藏自己喜欢的音乐。

d. 通过日历可以选择日期、查看文章,并可以给网站建设者留言。

f. 通过发表我的文章,表达网站建造者的想法和观点,实现彼此间的相互交流。

e. 对音频文件进行管理,可以上传、查看、修改音频文件。

g. 对文章信息进行管理,可以选择文章类别名称、添加文章内容,并可以查询和修改文章。

h. 实现博客以及文章的搜索功能,使其能更快捷的找到想要的文章以及博客。

i. 可以注册新用户,然后登陆信息。

3.2设计原则

流畅、方便、实用。整个网站同意风格,运行没有缺陷,能让使用者用的得心应手。

四、系统功能模块设计

本系统分为前台管理模块和后台管理模块,每一个模块又有若干个子模块构成,其中前台管理模块主要包括的有:主页、日志、相册、收藏、音乐、博文、等子模块。后台管理模块主要包括的有:文章管理、相册管理、音频文件管理、博文管理、登陆新用户。具体的功能设计如下:

4.1前台管理模块

图1 前台模块管理图

4.2 后台管理模块

图2 后台模块管理图

后台管理模块的功能由网站的建设者使用,。具体的系统功能结构图如下图所示。后台管理系统模块的具体功能设计如下:

相册管理功能:主要包括有相册的分类、查看以及上传等操作。

音乐文件管理功能:主要包括的有音乐文件的添加以及搜索等操作。

新用户的注册功能:当新用户注册完之后,可以进行登录,进而访问本网站。

日志以及博文管理功能:包括有对日志以及博文的添加、编辑、查看等操作。

五、数据库设计

5.1数据库表设计

5.1.1 dbo.Logger(文章信息表)

文章信息表主要用于保存和添加的文章信息。

图3.文章信息表

5.1.2 dbo.LoginTime(登录时间表)

此表可以让使用者知道上次的登录时间。

图4.登录时间表

5.1.3 dbo.MessageBoard(文章信息表)

可以知道有哪些文章,并且知道这些文章什么时候发表的。

图5.文章信息表

5.1.4 dbo.Mood(日志表)

其主要上传日志以及上传日志的时间。

图6.日志表

5.1.5 dbo.Musics(音乐文件信息表)

音乐文件信息表主要用于保存上传的音乐文件信息。

图7.音乐文件信息表5.1.6 https://www.wendangku.net/doc/d77090687.html,ers(用户登录表)

此表主要用于用户作为管理者登录。

图8.用户登录表

六、基本程序清单

6.1 数据库连接类清单

providerName="System.Data.SqlClient" />

providerName="System.Data.SqlClient" />

providerName="System.Data.SqlClient" />

providerName="System.Data.SqlClient" />

6.2页面清单

6.2.1登陆界面

登陆界面的功能是:如果用户是注册用户,通过用户名和密码都正确时,才能登陆。如果用户是非注册用户,必须先进行用户注册。

图9.登陆界面

主要代码如下:

public partial class Logon : System.Web.UI.Page

{

string strcnn = @"Data Source=.\sqlexpress;Initial Catalog=Space;Integrated Security=True";

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

Panel1.Visible = false;

Panel2.Visible = false;

}

RadioButton1.Checked = true;

}

protected void BtnLogon_Click(object sender, EventArgs e)

{

Panel1.Visible = true;

Panel2.Visible = false;

}

protected void BtnRegister_Click(object sender, EventArgs e)

{

Panel1.Visible = false;

Panel2.Visible = true;

}

protected void Submit_Click(object sender, EventArgs e)

{

//try

//{

string strSql = "select * from users where us_name=@us_name";

SqlConnection sqlcnn = new SqlConnection(strcnn);

SqlCommand sqlCmd = new SqlCommand(strSql, sqlcnn);

SqlParameter paraName = sqlCmd.Parameters.Add("@us_name", SqlDbType.VarChar, 8);

paraName.Value = Us_Name.Text.Trim();

sqlcnn.Open();

SqlDataReader sqlDr = sqlCmd.ExecuteReader(CommandBehavior.CloseConnection);

if (sqlDr.Read())

{

if (sqlDr[2].ToString() == Us_PassWord.Text.Trim())

{

string logintime;

logintime = System.DateTime.Now.ToString();

int timeID;

readTimeID();

Session["TimeID"] = int.Parse(Session["TimeID"].ToString()) + 1;

timeID = int.Parse(Session["TimeID"].ToString());

insertTime(timeID, logintime);

#region记录访问人数

readcount();

int counts;

Session["counts1"] = int.Parse(Session["counts"].ToString()) + 1;

counts=int.Parse(Session["counts1"].ToString());

insertcount(counts);

#endregion

//Response.Write("");

Response.Redirect("Space/Index.aspx");

}

else

{ Response.Write("");

Us_PassWord.Text = "";

}

sqlDr.Close();

return;}

else

{ Response.Write("");

Us_PassWord.Text = "";

Us_Name.Text = "";

Us_Name.Focus();

sqlDr.Close();

return;

} }

6.2.2关于我们

关于我们页面主要是基本资料和个人信息。

图9.关于我们页面

6.2.3音乐页面

音乐页面功能有搜索音乐和添加歌曲功能,搜索音乐可以根据作者搜索。

图11.音乐界面

主要代码:

public partial class music : System.Web.UI.Page

{

string strcnn = @"Data Source=.\sqlexpress;Initial Catalog=Space;Integrated Security=True"; protected void Page_Load(object sender, EventArgs e)

{

GridView1.Visible = true;

AddMusic.Focus();

}

public int MusicMessage(int id, string musicID,string name)

{

SqlConnection con = new SqlConnection(strcnn);

try

{

con.Open();

SqlCommand command = new SqlCommand("insert into Musics values(@id,@musicID,@name)", con);

command.Parameters.Add("@id", System.Data.SqlDbType.Int).Value = id;

command.Parameters.Add("@musicID", System.Data.SqlDbType.NChar).Value = musicID;

command.Parameters.Add("@name", System.Data.SqlDbType.NChar).Value = name;

//command.Parameters.Add("@riqi", System.Data.SqlDbType.VarChar).Value = riqi;

int cout = command.ExecuteNonQuery();

if (cout > 0)

{

Response.Write("");

}

return cout;

}

catch (SqlException ex)

{

return -1;

}

finally

{

con.Close();

}

}

protected void AddMusic_Click(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

//int j = 1;

//if (Request.Cookies["count"] == null)

//{

// j = 1;

//}

//else

//{

// j = int.Parse(Request.Cookies["count"].Value);

//}

////string addtime = DateTime.Now.ToString();

//MusicMessage(j,MusicName.Text.ToString(), Name.Text.ToString());

//j++;

//Response.Cookies["count"].Value = j.ToString();

//Response.Cookies["count"].Expires = DateTime.Now.AddYears(1);

int musiccount = 0;

readmusicID();

musiccount = int.Parse(Request.Cookies["musicid"].Value.ToString()) + 1;

MusicMessage(musiccount, MusicName.Text.ToString(), Name.Text.ToString());

MusicName.Text = "";

Name.Text = "";

}

private void readmusicID()

{

SqlConnection con = new SqlConnection(strcnn);

con.Open();

SqlCommand comand = new SqlCommand("select * from Musics where id in(select max(id) from Musics)", con);

SqlDataReader read = comand.ExecuteReader();

while (read.Read())

{ Response.Cookies["musicid"].Value = read[0].ToString();}

con.Close();

}

protected void Find_Click(object sender, EventArgs e)

{

}

}

七、实训总结

通过这次实训,我体会到了自己有很多的不足。以前上机时都是照着课本上的代码编写,这次实训没有了课本的依靠感到自己专业方面的知识还是很欠缺的。通过这次实训,我熟悉掌握了https://www.wendangku.net/doc/d77090687.html,的基本操作,包括具体界面的设计、代码的设计、Sql数据库与https://www.wendangku.net/doc/d77090687.html,相连接方面的基本技能,从中体会到了面向对象开放软件的思想。同时,我认识到学习https://www.wendangku.net/doc/d77090687.html, 这门课程不光光只学习理论,更重要的是要实践。如果你理论知识学习的再好,不会实际操作,那也等于白费功夫。从这次的实训中,我体会到了做什么事情都要做好提前准备,这样可以达到事半功倍的效果。

通过此个人网站设计与实现系统的开发,我做到了理论联系实际,将书本上学到的知识与具体实践充分结合起来,既解决了学习中的一些问题,又进一步明确了开发管理信息系统的方法和思想;既加深了对管理信息系统的认识,又进一步巩固了以前所学的计算机软件开发方面的知识,提高了软件开发的水平,从而为今后在实际工作中更好的应用计算机进行信息管理打下了坚实的基础。

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:

将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一:站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1)执行“站点\治理站点”命令,在弹出的“治理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中挑选“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹,完成后单击“确定”按钮,返回“治理站点”对话框。 4)在“治理站点”对话框中单击“完成”按钮,站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹,在实验的过程中把站点存在自己建的文件夹里,如此才干使实验条理化,别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项,计算机普通会有默认的挑选,最后别要去更改,假如要更改要先充分了解清晰该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置 一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

个人网页制作实验报告

湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名:吴珊 学号: 09120155 同组姓名:李芳 专业班级:计算机科学与技术0901班 指导教师:任盛 设计时间: 2012年6月13日

目录 1、实验目的与要求 (3) 2、主题介绍 (3) 3、工具的选择与介绍 (4) 3.1主要使用工具:Dreamweaver (4) 3.2图片处理软件:Photoshop (5) 4、网页设计实现的过程 (5) 4.1实验的分工 (5) 4.2主页的制作 (6) 4.3分页2制作(新疆美食): (7) 5、个人网站截图 (9) 6、实验总结 (11) 7、参考文献 (11) 附录: (12) 附录一(主页部分代码,有删减): (12) 附录二(分页2新疆美食部分代码,有删减):------------------- 14

1、实验目的与要求 (1)自主选择主题实现一个关于主题的个人网站 (2)使用PS、Dreamweaver等软件对界面进行设置 (3)实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天,中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。中国美食体现了中华民族的饮食文化传统,有许多独特之处。由于风味多样,四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。如果按四大菜系分:有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝! 本次的主题分为两大部分,新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味,技法多样,有烧、炒、蒸、熏等方法,尤以“蒸”菜见长。最为精湛的是煨,原汁原味。且刀功精妙,形味兼美,菜肴千姿百态,变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉,菜以酸辣口味为主,洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料,当然也少不了孜然、辣椒粉、醋等调味料,所以新疆菜总是香喷喷、又酸又辣,特别开胃。总地来说,新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.

网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程:网页设计 班级:计网二班 学号:200903884 姓名:彭论 指导老师:王湘文 提交日期:2010-6-21

前言 至于我为什么选择酒店设计题材,因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后,我就进行了分工,希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计,我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华,去其糟粕,在网站内容上删减了很多的在外观上的美,整体讲究整体美和简洁美,对于本网站的设计凝聚了本人长达三个星期的时间,完成网站静态设计后,从总体上对网站动态上进行动态设计,希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目(网页设计思路及详细说明) (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一.实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范; 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识; 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识; 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 具备独立撰写实训报告等科技文件的基本能力; 在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流 的能力,培养创新能力和团队意识; 为今后从事网站开发、维护和管理奠定基础。

网页制作实验报告

北京理工大学珠海学院课程设计说明书 _2013_—_2014_学年第_1_学期 题目: 《Web应用开发课程设计》 学院:计算机学院 专业班级: 11级软件工程3班 学号: 110202031031 学生姓名:蒋征 指导教师:魏志军 成绩: 时间: 2014/1/5 2014年 1 月 5 日

摘要 本次作品是一个IT技术交流论坛,实现论坛的基本功能,注册、登录、发帖、浏览和回帖。 论坛分三个分板块,网页、C#和JA V A,纵向层次也是三层,主页、板块页和帖子页。网站使用JavaScript实现动态页面。 关键词:计算机技术交流社区JavaScript 网页 I

目录 摘要 ............................................. I 目录 ............................................. II 1 网站结构和布局 (1) 1.1 网站结构 (1) 1.1.1 总体结构 (1) 1.1.2 横向链接结构 (2) 1.2 页面布局 (3) 1.2.1 主页 (3) 1.2.2 分版页面 (6) 1.2.3 帖子页面 (6) 2 技术应用 (8) 2.1 逻辑设计 (8) 2.1.1 HTML和CSS设计 (8) 2.1.2 JavaScript设计 (10) 参考文献 (13) 心得体会 (14) I

教师评语 (15) 成绩评定表 (16) 课程设计答辩记录表 (17) II

1 网站结构 1.1主体结构 1.1.1总结构 网站是以技术交流社区为主题的论坛型网站。 这个网站是按树形结构设计如图1-1-1,页面种类共分三层,分别是主页,分主题页还有就是内容页。 主页连向三个分主题分区页面,分别是MTHL板块,C#板块还有就是JAVA 板块。 主题分区页面下面是内容帖子。 图1-1-1网页关系 1

web动态网页设计实验报告

武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平

利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求: 需要我们实现的功能有: 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理

3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员,注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店,通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库,然后编辑数据表的内容在动态网页面中,一般应用这种方式。

Dreamweaver网页制作实训报告

广西科技大学鹿山学院 课程设计报告 课程名称:网页制作课程设计 课题名称:我的梦幻网 指导教师:韦灵 班级:计软141班 姓名:邓康言 学号: 20141409 成绩评定:

指导教师签字: 2015 年 07 月 07 日 目录 一. 网页制作课程设计目的 (3) 二. 1.实训意义: (3) 2.实训目的: (3) 二、课程设计内容 (5) 1.网站主题《我的梦幻网》 (5) 2.网站材料 (5) 3.网站规划 (5) 三、课程设计步骤 (6) 四、网站各模块实现 (7) 1.我的梦幻网模块功能: (7) 2.背景故事模块功能: (8) 3.宠物介绍模块功能: (9) 4.门派介绍模块功能 (10) 5.装备模块功能介绍: (11) 6.人物模块功能介绍: (12)

7.地图介绍模块功能: (14) 7.我的梦幻模块功能: (15) 五、总结及心得体会 (17) 一.网页制作课程设计目的 1.实训意义: 本次网页设计与制作实训是网页教学过程中重要的实践性教学环节.它是根据网页教学计划的要求.在教师的指导下进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 2.实训目的: 通过综合实训进一步巩固,深化和加强我的理论知识 (1) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使

用。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法。 2. 训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 3. 培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。 4. 培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

网页设计实验报告 实验一

昆明理工大学信息工程与自动化学院学生实验报告 (201 —201 学年第一学期) 课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名: 年月日 注:报告内容按实验须知中七点要求进行。 一.打开记事本,编写第一个页面。 (1)打开记事本:单击“开始”→“程序”→“附件”→“记事本”。 (2)输入下面代码: 欢迎你! 我的朋友. 当你进入HTML编程世界的时候,你的
感觉是全新的!
(3)单击“文件”→“选择”→“保存”菜单项,选择文件类型为“所有文件”,文件名输入“index.html”并选择文件保存地址(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)。 (4)用浏览器打开这个文件,看看效果吧! 二.用HTML语言编写符合以下要求的文档:标题为“班级主页”,在浏览器窗口用户区显示“欢迎来到我们的班级主页”,完成后效果如图: 代码: 班级主页 欢迎来到我们的班级主页

网页设计实验报告书_范文

北京信息科技大学网页美术设计实验报告 学院/系人文社科系 学生姓名代俊丽 专业行政管理 学号 2010012299 班级行政1001 实验教师李晋

二Ο一二年 5 月 14 日实验报告

实验报告书 一实验目的 1.学习html语言和dreamweaver等工具 2.掌握在本地环境下运用dreamweaver技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1.资料的搜集。 2.熟悉制作软件。 做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页(欢迎访问零二七范文网https://www.wendangku.net/doc/d77090687.html,,零二七范文大全)单击确定便可以了。 6向静态网页插入动态效果 四实验心得 在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。

网页制作实验报告

网页制作实验报告主题:NBA的“答案”阿伦·艾弗森 课程:网页制作与设计 班级:07级电信班 姓名:王朝雄 学号:20061050110

一、实验目的 网络在现今生活中的重要地位已经不言而喻,我们上网都避免不了浏览网页。本实验通过学习使用Dreamweaver 8设计网页,来达到熟知一个网站的网页整个设计过程是怎样进行的,并能自行设计一个具有鲜明主题的基本完整的静态简单网页的目的。 二、实验设计器材及环境 1、一台台式机或者笔记本 2、Windows xp操作系统 3、Dreamweaver 8软件、photshop软件 三、实验原理与方案 Dreamweaver 8是常见的设计工具,在设计过程中基本上不需要亲自动手设计源代码,初学者也不会设计源代码,要设计一个满意的网页仍要遵循一定的步骤: 1、确定网站主题、风格和布局 2、搜集相关素材,比如音频、图片、文本等 3、根据网站主题,在网站中放入相关元素和内容 四、实验步骤 (一)、准备素材 确定网页的主题和风格,收集各种可能需要的设计素材,素材包括图片,音乐,动画,视频,由于刚刚开始学习制作网页,所以我主要搜集图片和必须的文本。并新建一个文件夹把搜集的素材放到该文件夹里面。 (二)、设计规划 规划网站,对网页的整体框架和结构进行设计,确定整个网站的内容,明确自己的网页需要满足的功能和内容。 (三)、具体设计

1、创建站点。点击“站点”下拉菜单的“创建站点”,名字站点名称和站点在计算机的路径。 2、在电脑里面运行Dreamweaver 8,在“文件”下拉菜单点击“新建”,打开“新建文档”对话框,选举“框架集”里的“上方固定,下方左侧嵌套”,并点击“创建”按钮 3、调整框架的大小,分别保存各个框架和框架集并命名(注:不能用汉字,只能用英文字母) 4、分别给各个框架加入合适的背景色或者或者插入图片 5、把用photshop做好的图片插入到顶部的框架中,调整图片的大小合适。在图片上面插入两个层,分别写入文本“NBA的答案”和“阿伦艾弗森”,调整字体类型和大小。如图 6、在左下方的框架选择合适的背景颜色,并加入五个层,分别输入文本“返回首页”、“经典名言”、“个人荣耀”、“进攻特点”、“薪水技术”和“精彩瞬间”。如图所示 7、创建5个不同的基本页面 (1)、点击“文件”下拉菜单的“创建”,创建基本页面,在打开的页面中设置背景色,并插入一个层,把准备好的文本插到层里面,设置好文本的字体类型、大小和颜色。

网页制作实验报告格式

网页制作实验报告格式 实验一:站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 四、实验方法与步骤 1)执行“站点管理站点”命令,在弹出的“管理站点”

对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置

一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验方法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

Web网站设计实验报告

Web网站设计实验报告 学生: 学号: 班级: 系别: 学院:

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)

五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一.设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程,我们在老师的指导下分前台和后台进行了一系列操作,并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧,也熟练掌握

了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二.设计题目 《篮球球迷交流网》 主要是篮球新闻、视频,还有交流帖子区,交易广告平台等。三.结构设计 选定主题,确定题目之后,网站设计还是一张白纸,我所做的是需要在这张白纸上一点点勾勒出网站的大框架,然后慢慢填充,实现网站的构想。首先我们在网上和图书管里查阅了大量的资料,以确定我们所需要的基本技术。然后,我们对整个网站进行总体规划,接着逐步细化。 我的设计主题是篮球球迷交流网,包括多个方面,框架为:首先是首页,首页下是新闻头条,分栏有球迷自述、篮球美图、给我留言,从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块,下面我们就每一页的页面板块进行详细的分析,有了大体框架,我们只需要在每一页的主要内容上做以划分,

网页制作实验报告6个实验

目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)

实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.wendangku.net/doc/d77090687.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码: 我的第一个网页

网页制作实验报告格式

网页制作实验报告格式 sp; 实验一:站点设置 一、实验目的及要求 本实例是通过"站点定义为"对话框中的"高级"选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 三、实验原理 通过"站点定义为"对话框中的"高级"选项卡创建一个新站点。 四、实验方法与步骤 1)执行"站点管理站点"命令,在弹出的"管理站点"对话框中单击"新建"按钮,在弹出的快捷菜单中选择"站点"命令。 2)在弹出的"站点定义为"对话框中单击"高级"选项卡。 3)在"站点名称"文本框中输入站点名称,在"默认文件夹"文本框中选择所创建的站点文件夹。在"默认图象文件夹"文本框中选择存放图象的文件夹,完成后单击"确定"按钮,返回"管理站点"对话框。 4)在"管理站点"对话框中单击"完成"按钮,站点创建完毕。 五、实验结果

六、讨论与结论 实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置 一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验方法与步骤 1)在"页面属性"对话框中设置页面的背景图像。 2)在页面文档中单击""插入鼠标经过图像。

网页制作实验报告正式版

For the things that have been done in a certain period, the general inspection of the system is also a specific general analysis to find out the shortcomings and deficiencies 网页制作实验报告正式版

网页制作实验报告正式版 下载提示:此报告资料适用于某一时期已经做过的事情,进行一次全面系统的总检查、总评价,同时也是一次具体的总分析、总研究,找出成绩、缺点和不足,并找出可提升点和教训记录成文,为以后遇到同类事项提供借鉴的经验。文档可以直接使用,也可根据实际需要修订后使用。 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 四、实验方法与步骤 1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

Dreamweaver网页设计实验报告

实验报告 专业XXXXXX 班级XX 班 学号XXXXXX 姓名XXX 报告完成日期2012-12-26 指导教师XXX 评语: 成绩: 批阅教师签名:批阅时间:

一、制作时间 2012年12月18日至2012年12月26日。 二、实习内容 1、使用Dreamweaver制作网站,该网站为福建工程学院网站 2、网站不少于8个页面,主页和各模块相关页面; 3、页面中包含文字、图片; 4、使用CSS实现网页相关页面设置,要求在实现网页内能够显示文字,图片等信息; 5、使用网页浏览器进行网站测试。 三、实习环境 1、硬件环境:计算机一台; 2、软件环境:Dreamweaver cs4; 3、测试环境:IE、firework等网页浏览器。 四、网站总体设计 1、网站主题 本网页是以福建工程学院网站为主题,针对不同的年龄阶段的人给出了不同的学院的信息。 2、设计思路 首先构思了基本网页的布局,主页采取了常用的1-(1+1+1),附页采用了1-(1+1),上了多个网最后决定参照福建工程学院的官方网站进行制作,但是布局并不相同素材取自福建工程学院官方网站,部分图片取自百度,网站包括1个主页7个子页,子页包含了所有的学校状况,分别为:学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设;采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。 五、制作步骤 1.首先确定网页的主题后,从网上查看各名校的网站,并从中寻找思路开始做 网页。经过长时间的浏览,最终选择福建工程学院作为参照(网址:https://www.wendangku.net/doc/d77090687.html,)

网络工程设计实验报告

网络工程设计报告 班级:通信1202 姓名:默成 学号:4

小型企业网设计 一.企业网络需求分析 为适应企业信息化的发展,满足日益增长的通信需求和网络的稳定运行,今天的企业网络建设比传统企业网络建设有更高的要求,主要表现在如下几个面。 带宽性能需求 现代企业网络应具有更高的带宽,更强大的性能,以满足用户日益增长的通信需求。随着计算机技术的高速发展,基于网络的各种应用日益增多,今天的企业网络已经发展成为一个多业务承载平台。不仅要继续承载企业的办公自动化,Web浏览等简单的数据业务,还要承载涉及企业生产运营的各种业务应用系统数据,以及带宽和时延都要求很高的IP、视频会议等多媒体业务。因此,数据流量将大大增加,尤其是对核心网络的数据交换能力提出了前所未有的要求。另外,随着千兆位端口成本的持续下降,千兆位到桌面的应用会在不久的将来成为企业网的主流。从2004年全球交换机市场分析可以看到,增长最迅速的就是10 Gbps级别机箱式交换机,可见,万兆位的大规模应用已经真正开始。所以,今天的企业网络已经不能再用百兆位到桌面千兆位骨干来作为建网的标准,核心层及骨干层必须具有万兆位级带宽和处理性能,才能构筑一个畅通无阻的"高品质"企业网,从而适应网络规模扩大,业务量日益增长的需要。

稳定可靠需求 现代企业的网络应具有更全面的可靠性设计,以实现网络通信的实时畅通,保障企业生产运营的正常进行。随着企业各种业务应用逐渐转移到计算机网络上来,网络通信的无中断运行已经成为保证企业正常生产运营的关键。现代大型企业网络在可靠性设计面主要应从以下3个面考虑。 1、设备的可靠性设计:不仅要考察网络设备是否实现了关键部件的冗余备份,还要从网络设备整体设计架构、处理引擎种类等多面去考察。 2、业务的可靠性设计:网络设备在故障倒换过程中,是否对业务的正常运行有影响。 3、链路的可靠性设计:以太网的链路安全来自于多路径选择,所以在企业网络建设时,要考虑网络设备是否能够提供有效的链路自愈手段,以及快速重路由协议的支持。 应用服务需求 现代企业网络应具备更智能的网络管理解决案,以适应网络规模日益扩大,维护工作更加复杂的需要。当前的网络管理能力的要求已经上升到了业务层次,传统的网络设备的智能已经不能有效支持网络管理需求的发展。比如,网络调试期间最消耗人力与物力的线缆故障定位工作,网络运行期间对不同用户灵活的服务策略部署、访问权限控制、以及网络日志审计和病毒控制能力等面的管理工作,由于受网络设备功能本身的限制,都还属于费时、费力的任务。所以现代的大型企业网络迫切需要网络设备具备支撑"以应用为中心"的智能网络运营维护的能力,并能够有一套智能化的管理软件,将网络管理人员从繁重的工作中解脱出来。

大学计算机基础网页制作实验报告

计算机基础网页制作 报告 2011/9/13

目录 一.制作目的: (3) 二.制作内容: (3) 三.遇到的问题及解决方案 (3) 四.报告成果截图展示 (4) 五.制作体会 (5)

一.制作目的: ?掌握Dreamweaver的基本操作; ?掌握网页设计的规范; ?掌握简单网页的制作方法。 二.制作内容: 熟悉Dreamweaver的工作界面; 在页面上插入常用的对象,比如文字,图像,声音,flash动画等; 设置超链接; 表格的应用; 层的设置。 三.遇到的问题及解决方案 1.使用Word制作艺术字效果,然后复制粘贴到HTML中,结果原来做的效果全部失帧。 解决方案:使用PPT做出自己需要的效果,然后保存为图片格式,然后再在HTML中插入这个图片就好了。 2.直接超链接视频文件后,打开时会出现一个下载的界面,然后才能进入。

解决方案:只有swf文件格式才能直接链接。所以如果直接链接的话就得先转成swf文件。 四.报告成果截图展示

五.制作体会 1、实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后

找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 建立站点,将文件导入到站点名下,正式开始网页制作。 首先进行页面设置,我是插入一个背景图片,但是好像感觉效果不是很好,上网看看,貌似没有看到以图片作为网页背景的。 接下便是创建表格和层,往里面插入图片和文字,并注意文字与图片的搭配,多看看计算机上网站上的网页,借鉴一下他们的某些地方,内心地组合搭配,力求做出最美观的页面。 本操作中主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。 还有就是我觉得那个插入背景声音的做法不错,通过拆分,直接在源代码上输入相关内容,可操作性强,这又使人想起了复制成熟网站的源代码,再把它的内容小做修改,就可以很容易做出一个网页。 2、在学习了office办公软件之后,我们又学习了网页制作的基本知识,了解了有关系统结构、静态网页和动态网页、网页的发布等

相关文档