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"> 1 | | 网络歌手 | [ 108] | 2 | 9 | 张善为 | [ 153] | 3 | | 无印良品 | [ 45] | 4 | | 曹卉娟 卢晓云 | [ 30] | 5 | | 成龙/金喜善 | [ 102] | 6 | | 10 俞静 | [ 90] | 7 | | 周传雄 | [ 31] | 8 | | 品冠 | [ 28] | 9 | | 小计站长 | [ 233] | valign="top">10 | | 小乐音泉 | [ 250] | 11
|
cellspacing="0" cellpadding="0"> cellpadding="0"> width="100%" 1 border-width:> valign="top"> | 介绍： | 实说对你们讲吧，还是同一个人，这是2009年夏天拍的，感觉更不一样了吧，只有嘴吧像是吧，呵呵~ 人家说女大十八变，这丫头都25了，还变？ | 12
|
| cellpadding="0"> width="100%" 1 border-width:> valign="top"> | 介绍： | 这个很古典的，超有艺术气息，我还是比较喜欢这张的，可是她的眼睛却闭上了，对了忘记告诉你们了，这张就是下面的那女人，看不出吧？ |
|
| 13 cellpadding="0"> width="100%" 1 border-width:> valign="top"> | 介绍： | 2003年拍于山东，济宁市，嘿嘿，看起来蛮可爱的是吧？算得上美女吗？我不晓得哦，个人感觉有点点丑，哈哈~不晓得她看到会怎么想哦！ |
|
| 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
本文标签：
网页
制作
设计
主页
相应
更多相关文章
edge浏览器打不开本地html,win10 edge浏览器打不开网页怎么办
win10系统edge浏览器打不开网页呢?最近有许多朋友都在问小编这个问题，所以小编今天就趁着空闲的时间来给大家说说win10系统edge浏览器打不开的解决方法。希望对你有所帮助。 我们平时在操作电脑的时候&#
微信h5网页点击链接跳转到默认浏览器是怎么弄的？
通过微信的扫一扫去下载，会出现白屏的情况，可能是因为安全性的考虑或者其他什么原因，目前已经无法通过微信的扫一扫去下载apk了。 根据网友们提供的思路，本文整理了三种方案。 1、申请腾讯开放平台开发者 具体流程可以去访问http:op
Android中获取设备已安装的所有浏览器应用列表 并选择指定浏览器展示网页
Android中获取设备已安装的所有浏览器应用列表 并选择指定浏览器打开网址 需求:通过下拉选择设备中已安装的浏览器,然后输入网址,打来浏览器展示网页 一.获取浏览器 private fun getBrowserList(): List
手机浏览器打开不本地html,手机浏览器打不开网页怎么办
手机浏览器的使用基本主要都是用于浏览网页，如果遇到打不开网页的事那浏览器多半是出问题了。下面是小编给大家整理的一些有关手机浏览器打不开网页的解决方法，希望对大家有帮助! 手机浏览器打不开网页的解决
怎样创建网页快捷方式，用非默认浏览器打开该网页
右键点击桌面——新建——快捷方式，之后键入以下内容： "C:Program FilesInternet ExplorerIEXPLORE.EXE" 指定网页路径 将以上的
python保存CSDN网页到本地二 打开关闭浏览器
这个地方需要使用到的就是python的selenium库，这里有一个博客对于安装讲解的很棒，点这里 注意：如果是之前pycharm已经打开的，切记重新打
Edge浏览器被360篡改主页
安装软件被捆绑包下载了鲁大师，然后导致Edge浏览器被360篡改，试了好多方法都没得什么用（1：通过360安全卫士来锁定浏览器，但
chrome打开网页很慢,别的浏览器打开相同的网页很快
我们的测试环境,同事总是吐槽打开很慢,但是我这里速度很正常,1s打开,他哪里经常性的超时,超时时间10s,开始以为是chrome的某些插件导致的,全部关闭发现不行 并且,使用其他浏览器打开就很快,然后开始百度,最终发现,是chrome有一
XMing + XShell 打开Linux服务器网页界面
1、修改X0.hosts文件 修改为服务器的ip地址 2、打开XLaunch、XMing 打开XLaunch后一路 下一步>下一步>完成 打开XMing 3、XShell连接服务器 连接服务器的时候SSH->隧道
浏览器加载网页过程
1.概要：从用户在浏览器输入域名开始，到web页面加载完毕，这个过程叫做网页加载过程，个人总结，长期更新 2.分析
chrome浏览器主页变成hao123
安装了个xmind,chrome浏览器的主页被篡改成hao123 解决办法： 删除桌面上的chrome快捷方式； 去到chrome的安装目录，找到chrome应用程序&
cmd dos命令启动浏览器指定网页
1、chrome浏览器打开百度 dos命令： start "C:Program FilesGoogleChromeApplicationchrome.exe" http:www.b
jquery 打开新网页
$(#_report).attr(src, index.phphomepdfviewviewer?filedata).show();可以替换为以下 1、带参数打开新窗口 $window.open("bdfenceb
java在项目中用浏览器打开指定的网页
有个需求就是在java项目中打开一个固定网址，整理一下使用的方法。 package com.demo;import java.io.File;public class OpenPageDemo {public stat
手机浏览器能上网微信无法连接服务器,手机打不开微信的网页怎么办？手机打不开微信网页的原因和解决方法...
有一个路饭网友在路饭问答中心提问说：手机能连上网，信号强，但打不开微信的网页。手机打不开微信的网页这个问题小编觉得挺典型的，所以特意拿来谈一谈&
如何用JS判断网页H5在某个手机APP环境中打开的？
JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开，是否在支付宝打开，是否在xx应用程序内打开？ let
edge浏览器无法保存网页登录状态解决方案
可能会遇到的问题： 各大网页在退出后，登陆状态消失，下次再打开该网页，就要重新登录。 解决方案： 打开设置——>隐私、搜索和
NextChat：一键免费部署你的私人 ChatGPT 网页应用，支持 Claude, GPT4 & Gemini Pro 模型。（MCP需要2.16版本才支持）
NextChat：一键免费部署你的私人 ChatGPT 网页应用，支持各种流行的AI大模型。 官网：https:githubChatGPTNextWebNextCh
热门的AI网页版网址大全
1. 热门 AI 官方网站(网页版) DeepSeek（深度求索）Qwen（阿里通义千问） ：通义tongyi.ai_你的全能
国内可用chatgpt中文版镜像网站最新合集在线网页版-202562
一、GPT中文版镜像网站 ① https:www.dk8217.html 大可ai，支持4o以及o3，支持MJ绘画 支持通用全模型，支持文件读取、插件、绘画、AIP
| 
admin 管理员组
发表评论