admin 管理员组

文章数量: 1184232


2023年12月16日发(作者:jqueryremove删除表格)

计算机网络课程设计

论文题目:个人网站网页设计

姓 名:

学 号:

指导老师:

目 录

1课题描述 ..................................................................................................................................... 3

2设计思路 ..................................................................................................................................... 3

3设计过程 ..................................................................................................................................... 3

3.1查阅相关资料 .................................................................................................................... 3

3.2相关的素材的收集与整理..................................................................................

3

3.3框架和定义 ......................................................................................................................... 3

3.4添加标题和文字 ................................................................................................................ 4

3.5图片素材的处理 ................................................................................................................ 4

3.6部分Flash 处理与制作 ................................................................................................. 5

3.7素材添加 ............................................................................................................................. 5

4网页预览 ..................................................................................................................................... 5

5网页核心代码 .......................................................................................... 错误!未定义书签。

总 结 ...................................................................................................................................... 15

参考文献 ...................................................................................................................................... 16

2

1课题描述

个人主页,一个展示自己计算机水平的平台。它包括一个主页,主页内要有导航栏目,每一个导航栏目都要有相应的链接,每一个链接的页面都要有不同的内容显示,用尽可能多的网页元素规划网页,并且具有文字、图像、声音等。

2设计思路

通过参阅资料和自己对网页知识学习,最后决定做一个通过音乐美文欣赏为主来展示个人的个人网站主页.主页以展现个性为主,同时要不失美观典雅,而且要符合设计题目的要求,不是为了单纯的课程设计,而且要通过本次的练习使自己学到更多的东西,使自己在这方面也有所提高,就构成了现在的设计思路。

3设计过程

3.1查阅相关资料

查阅Flash,网页制作三剑客,动画制作等资料,决定做一个关于音乐美文欣赏的个人网站主页。

3.2相关的素材的收集与整理

通过上网和查阅书籍收集素材,主要包括音乐、图片、文字等。

3.3框架和定义

使用Macromedia Dreamweaver 8.0开始构建网页精美收藏页面布局选择相应的框架得到如图3. 1所示的结果。

3

图3.1框架定义

3.4添加标题和文字

框架布局好以后在相应位置上添加标题和文字,如图3.1 所示,总体知道需要链接11页网页,接下来对需要链接的网页进行细化制作。

3.5图片素材的处理

图片素材的处理,使用Flash和Macromedia Fireworks 8.0对图片进行相应得处理得到如图3.2所示。

4

图3.2 Flash制作

3.6部分Flash 处理与制作

运用Flash 8.0 制作Flash动画,效果图如图3.3所示。

图3.3 Flash动画和按钮

3.7素材添加

把制作好的素材添加到相应的框架内,对部分代码进行添加与调整,并通过预览的方式检查是否符合要求。

4网页预览

部分网页预览,如图4.1所示,总结设计制作的关键,为做好网页设计报告做好准备。

5

6

7

图4.1 预览效果

8

5网页核心代码

class="style71 STYLE5">2011/8/7

class="style71 STYLE6 style75">阴

class="style78">

正如我所说,我爱她,其实有时候觉得也蛮可笑的“柏拉图式”的精神恋爱,很多人都讨厌雨天,因为那种天气会让人心情不好,但是我却非常喜欢,感性的我,喜欢在雨中漫步,喜欢静静的站在雨里,顷听雨水拍打在我脸上的声音,有时候会有点点痛。在雨里我可以找到自我,可以没人打扰,可以一个人静静的想心事。

有时候我真的希望自己是一个雨滴,或者是一缕轻风,在她不知不觉的时候,让风儿带着我的思念飞到她的身边轻吻她的秀发,让雨滴带着我的爱恋撒落在你的裙边,围绕在她的身边,那怕我会瞬间消失,那也是幸福的瞬间。爱一个人不正是为此吗?

夏天我总是喜欢站在雨里,在行人异样的眼神里,在雨……

[详细情况]

cellpadding="1" cellspacing="0">

9

10

11

1 网络歌手 [ 108]
2 张善为 [ 153]
3
style70">

身边

无印良品 [ 45]
4
style70">

玻璃杯

曹卉娟 卢晓云 [ 30]
5 成龙/金喜善 [ 102]
6 俞静 [ 90]
7 周传雄 [ 31]
8 品冠 [ 28]
9
style70">

童话

小计站长 [ 233]

valign="top">10

小乐音泉 [ 250]

cellspacing="0" cellpadding="0">

13

14

总 结

通过仔细分析认为这套方案比较好,因为关键技术自己通过查资料问老师和同学都可以解决,比如图片的处理和网页的布局与制作。颜色搭配也是一个难题,最后经过查资料和请教老师,决定用比较淡一点的颜色,如网页所示。

设计总体感觉不错,符合设计的目的。不仅达到课程设计的目的,还达到了学习知识的目的,同时也使自己有了很大的提高。

总的来讲制作个人主页不是那么容易,需要解决的问题有很多,需要参阅的资料也有很多,虽然有点累,不过学到了很多东西,感觉进步不小,不仅锻炼了自己,也为以后学习工作做好了铺垫。为自己以后能更好的克服困难打下了良好的基础。

遇到的困难有很多,比如说制作材料的时候有很多技术还不会,不过通过自己查资料请教老师和同学,都得到了解决.感觉自己的收获很大,会制作简单主页,在网页制作方面有了很大提高

15

参考文献

[1] 晓雨.中文版Dreamweaver MX 从入门到精通[M].北京:航空工业出版社,2003.1

[2] 赵祖萌.网页设计与制作教程[M].北京:清华大学出版社,2005.2

[3] 孙良军.网页设计与网站建设完全教程[M].北京:航空工业出版社,2004.11

[4] 王成博.Flash MX 2004中文版网页动画制作培训教程[M].中国水利水电出版社, 2004.6

[5] 飞思工作组.网页制作三剑客[M].北京:航空工业出版社,2000.1

16


本文标签: 网页 制作 设计 主页 相应

更多相关文章

python实现自动登录网页版_Python实现自动登录站点

4月前

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。一、确认软件版本首先我们需要确认

RPA自动化实战:从XPath定位到网页数据抓取完整指南

4月前

文章目录一、RPA(机器人流程自动化)简介二、所需要的工具三、获取XPath的方法:四、RPA获取数据一、RPA(机器人流程自动化)简介 RPA机器人的工作方式,是通过录制、配置脚本或利用AI能力

探索网页游戏的无限可能:24个精选源代码等你来发掘

4月前

探索网页游戏的无限可能:24个精选源代码等你来发掘 【下载地址】分享24个网页游戏源代码总有一个是你想要的 分享24个网页游戏源代码,总有一个是你想要的本仓库提供了24个网页游戏的源代码&

手把手教你学习基于oauth2.0协议——微信公众平台微信网页授权登录

4月前

1.登录微信公众平台 在对接微信授权时可以使用测试账号进行操作,当然你也可以使用进行企业认证的公众号进行对接,此次对接使用测试账号 微信沙箱账号链接,点击该链接使扫码登录

网页版井字游戏(TicTacToe)人机对战的制作(附思路和源码)

4月前

井字游戏的规则是:在一个井字格子的棋盘里下棋,横竖斜一旦三子连子,则胜。而事实上,遵循一定的规则,该游戏便能保证不败&#x

万能浏览器主页恢复脚本:批处理解决方案

4月前

本文还有配套的精品资源,点击获取简介:本脚本旨在解决用户浏览器主页被恶意软件或不受欢迎的插件篡改的问题。该脚本可能采用批处理(.bat)格式编写

html网页实时在线聊天,基于webSocket的网页在线聊天

4月前

1、现在通过QQ、微信聊天已经非常普遍了,我们常用的网站中联系商家等也是链接到QQ中,一般不会自己去开发聊天模块,一来是因为浏览器权限有限,二来是安全性不高,开发一个完整系统的在线聊天难度系统也并不小。 但是也有些客户有这种网页单聊群聊的需

用 JS+Three.js 开发 3D 模型展示页,网页瞬间有了元宇宙那味儿

4月前

当你打开一个网页,鼠标轻轻拖动,屏幕中的汽车模型便 360 度旋转展示细节,手指缩放时,建筑模型的门窗纹理清晰浮现 —— 这种打破平面束缚的交互体验&a

网页播放rtsp视频流,rtsp播放,网页摄像头播放

4月前

网页显示摄像头的RTSP视频主要有两种方案: 一种是vlc,通过安装vlc3.0播放器,然后使用国产360浏览器来播放,不支持chrome等现代浏览器

影刀RPA-魔法指令-获取网页显示的日历信息,并保存到Excel表格中

4月前

前言 影刀RPA-魔法指令-邪修用一句话搞定 获取网页显示的日历信息,并保存到Excel表格中 有多简单!!! 一、问题回顾 影刀官方发布活动啦&am

推荐项目:Advanced 3D Perspective Distortion——为你的网页增加深度感的神器

4月前

推荐项目:Advanced 3D Perspective Distortion——为你的网页增加深度感的神器 在数字化设计的浪潮中,创新的用户体验总能吸引无数目光。今天,我

谷歌浏览器怎么设置网页自动刷新

4月前

我们在使用谷歌浏览器的时候可以设置网页自动刷新功能进行网页浏览,但很多用户都不知道怎么设置这个功能,下面就是一键开启谷歌浏览器自动刷新功能步骤1、下载相关插件2、添加至扩展程序&#xff0

当你电脑网络显示正常,但是网页却无法上网时,你应该..

4月前

第一步:打开控制面板中的网络和Internet第二步:打开网络和Internet中的管理浏览器加载项第三步:选择连接中的局域网设置第四步:把代理服务器的

全面解析网页错误:从表现到根因的排查与修复指南

3月前

IE主页修改:一段充满折腾与回忆的技术之旅

3月前

.code-container {position: relative;display: block;margin: 15px 0;}.code-box {background-color: #2d2d2d;color: #

修复您的Microsoft Edge体验:如何轻松将主页恢复至初始状态

2月前

新入手的联想笔记本,系统自带的Microsoft Edge浏览器的主页面很简洁,经过一些软件升级主页就变成了联想网址导航或者百度网址导航。在浏览器设置里也重新设置了网址,但是并没有变,重新点开浏览器后还是联想网址导航或百度网址导航。

办公室里的马术之旅:将PPT中的SWF升级为Adobe Flash Player的实战指南

2月前

★ ① 幻灯片转化为图片【文件】-【另存为】-【浏览】-选择保存位置-【保存类型】-【TIFF Tag图像文件格式】-【保存】-弹出“您希望导出哪些幻灯片”提示框-【所有幻灯片】-【确定】② 文字转换为图示

Excel小白变大神的秘密武器——一文教你搞定表格中的斜线设计!

2月前

你是不是也曾被那些设计精美的表格所吸引,也想要制作出被斜线整齐分割的单元格? 但当你自己动手操作时,却又遇到难题,表格中的斜线怎么弄呢?别担心,小编将分享攻略,手把手教你如何在表格中添加单斜线和多斜线,让你的工作事半功倍!

困在CSDN的360浏览器用户必看:一招直达网页!

2月前

从百度或者csdn的搜索中打开,会发现打不开网页,以前也出现过,只是以为这篇文章被删了,昨天接连多个文章打不开,怀疑的浏览器的问题,复制网址到edge浏览器就打开了 刚刚又出现了,怀疑360会拦截某些内容 edge浏览

小白也能学会:Windows和Ubuntu双系统安装超详细教程

1月前

前言 由于工作所用的开发环境是linux的,所以决定把自己电脑装一个windowsubuntu双系统。Ubuntu不同版本的物理机安装流程都是一样的,而且极其简单,不要怕自己没装过把电脑整坏了,大不了连windows一起给它

发表评论

全部评论 0
暂无评论

cellpadding="0">

width="100%" 1 border-width:>

12

valign="top">

cellpadding="3" cellspacing="1" bgcolor="#999999">

href="javascript:popsh(12)">

width="160" height="134" border="0">

 

href="javascript:popsh(12)">现在的样子 [3]

介绍:
实说对你们讲吧,还是同一个人,这是2009年夏天拍的,感觉更不一样了吧,只有嘴吧像是吧,呵呵~

人家说女大十八变,这丫头都25了,还变?


cellpadding="0">

width="100%" 1 border-width:>

valign="top">

cellpadding="3" cellspacing="1" bgcolor="#999999">

href="javascript:popsh(11)">

width="160" height="134" border="0">

 

href="javascript:popsh(11)">心远JJ [2]

介绍:
这个很古典的,超有艺术气息,我还是比较喜欢这张的,可是她的眼睛却闭上了,对了忘记告诉你们了,这张就是下面的那女人,看不出吧?


cellpadding="0">

width="100%" 1 border-width:>

valign="top">

cellpadding="3" cellspacing="1" bgcolor="#999999">

href="javascript:popsh(10)">

width="160" height="134" border="0">

 

href="javascript:popsh(10)">可爱宝宝 [5]

介绍:
2003年拍于山东,济宁市,嘿嘿,看起来蛮可爱的是吧?算得上美女吗?我不晓得哦,个人感觉有点点丑,哈哈~不晓得她看到会怎么想哦!