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
本文标签:
网页
制作
设计
主页
相应
更多相关文章
python关闭指定浏览器页面_如何用Python关闭打开的网页
展开全部 2、能够调用操作系统的命令关闭浏览器 window命令是e68a8462616964757a686964616f31333363393664:taskkill FIM 应用名称 ,
【已解决】Chrome浏览器被2024年新版流氓软件劫持,总会自动打开hao.360.com和so.com主页
最近我家里电脑的 Chrome 浏览器每次启动时都会自动打开 hao.360 (有时是 www.so)主页。此时在浏览器地址栏手动输入 chrome:version ,可
关于解决新安装的Chrome浏览器打开后显示hao123,360导航等一众流氓网页地址问题
由于电脑用的久了,C盘都快满了,所以今天重装了系统,装完系统后第二步肯定要装浏览器,然后依次在浏览器上下载软件。 当我装完Chrome浏览器后&
python3使用chrome浏览器打开指定网页
import webbrowser chromePathrC:Program Files (x86)GoogleChromeApplicationchrome.exe webbrowser.register(chrome,
如何设置浏览器网页全屏
在日常笔记本上办公时,由于屏幕较小,为了尽可能多和方便的显示浏览器网页上的内容,可以设置网页全屏的方式,去掉屏幕顶端的网址栏和底端栏࿰
有网但浏览器不显示网页如何解决
如果网络没有问题,但是浏览器显示不了网页,首先考虑是不是DNS出了问题,导致域名解析失败。如何解决呢? 1、打开控制面板,打开所有
Android中获取设备已安装的所有浏览器应用列表 并选择指定浏览器展示网页
Android中获取设备已安装的所有浏览器应用列表 并选择指定浏览器打开网址 需求:通过下拉选择设备中已安装的浏览器,然后输入网址,打来浏览器展示网页 一.获取浏览器 private fun getBrowserList(): List
Win10无法显示网页提示此站点不安全怎么办
最近有用户发现自己某个网页会出现无法显示网页的情况,还会收到此站点不安全的提示,这可能是有人举报了这个网站的原因。那么Win10无法显示网页提示此站点不安全怎么办呢?下面小编就教教大家具体的打开方
Python—selenium实现以一个浏览器多个标签页打开多个网页
如何用selenium打开新的标签页?网上都说是实现输入Ctrlt即可,但测试完全不可行。经过反复摸索,终于发现了打开新的标签页的可靠办法,由此实现以一
浏览器被劫持怎么解决?关于浏览器被劫持主页的处理方法
背景: 上个月重做了win10系统,系统激活过程中没有出现任何问题。重装office套装,使用暴风激活下载地址: (http:win.shibojiaabaofeng)激活office套装后,发现所有浏览器主页被劫持。打开任何一个浏
在移动端实现在浏览器网页点击按钮并复制文字(且测试打开微信APP)
在IOS手机上测试了以下的浏览器、链接等: 打不开微信:百度浏览器,搜狗浏览器,搜狗搜索,在钉钉点开链接 打得开微信&
chrome打开网页很慢,别的浏览器打开相同的网页很快
我们的测试环境,同事总是吐槽打开很慢,但是我这里速度很正常,1s打开,他哪里经常性的超时,超时时间10s,开始以为是chrome的某些插件导致的,全部关闭发现不行 并且,使用其他浏览器打开就很快,然后开始百度,最终发现,是chrome有一
Microsoft Edge浏览器重新打开主页没有变化但会重新打开一个淘宝天猫页面的解决办法
Microsoft Edge Microsoft Edge浏览器重新打开主页没有变化但会重新打开一个淘宝天猫页面的解决办法 前几天因为在网上随便下软件导致edge浏览器打开就会开两个界面,一个首页ÿ
打开谷歌浏览器就能显示某个网页怎么设置
要设置在打开Google Chrome浏览器时自动显示某个网页,你可以按照以下步骤操作: 1. 在Chrome中设置主页 打开Chrome浏览器。点击右上角的三个竖点(“
手机网页通过js打开app
因为公司市场需要,然后花了点时间研究下,本身是做的混合式APP嘛,有兴趣的大佬可以研究下 先说重点: 1. 第三方浏览器通过网页打开app的普遍方法
微信内置浏览器调起外部浏览器打开指定网页连接
此方法可以实现微信内置浏览器跳转到手机其它浏览器,现在网上其它的方法都只是一个页面,让访问者自己手动点右上角浏览器打开,而这个不同,是可以直接自动跳转的。 安卓访问时可以直接自动跳转浏览器;IOS 就复杂一点了,需要点一下然后借助手机淘宝才
webstorm打开了浏览器,但是不能运行网页
搜索browsers,并点击Tools下的Web Browsers 找到chrome后面的Path并修改到浏览器地址即可 [原文地址](https:blog.csdnqq_41229582articledet
java在项目中用浏览器打开指定的网页
有个需求就是在java项目中打开一个固定网址,整理一下使用的方法。 package com.demo;import java.io.File;public class OpenPageDemo {public stat
eclipse内置浏览器404打不开网页
在eclipse中启动tomcat显示网页 http:localhost:8080 为404,但是在外置浏览器中可以正常显示网页 原因: eclipse内置浏览器是IE࿰
ChatGPT高级语音模式正在向Web网页端推出!
大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通
|
发表评论