整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML CSS个人网页设计与实现——人物介绍丁真(学生个人网站作业设计)

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主

作者主页: 【主页——获取更多优质源码】

web前端期末大作业: 【毕设项目精品实战案例 (1000套) 】

程序员有趣的告白方式:【HTML七夕情人节表白网页制作 (110套) 】

超炫酷的Echarts大屏可视化源码:【 echarts大屏展示大数据平台可视化(150套) 】

免费且实用的WEB前端学习指南:

关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰,难凉热血;多年过去,历经变迁,物是人非。 然而,对于技术的探索和追求从未停歇。 坚持原创,热衷分享,初心未改,继往开来!

文章目录

一、‍网站题目

个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。

二、✍️网站描述

⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构,制作了网页背景图片,导航区域每个导航背景色不同,导航背景色与页面背景呼应。

一套A+的网页应该包含 (具体可根据个人要求而定)

页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。所有页面相互超链接,可到三级页面,有5-10个页面组成。页面样式风格统一布局显示正常,不错乱,使用Div+Css技术。菜单美观、醒目,二级菜单可正常弹出与跳转。要有JS特效,如定时切换和手动切换图片轮播。页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。。页面清爽、美观、大方,不雷同。 。不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。 三、网站介绍

网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。

网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。

网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:、、Vscode 、Sublime 、、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

其中:

(1)html文件包含:其中index.html是首页、其他html为二级页面;

(2) css文件包含:css全部页面样式,文字滚动, 图片放大等;

(3) js文件包含:js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。

四、网站演示

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

五、 网站代码 HTML结构代码


doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档title>
<link rel="stylesheet" type="text/css" href="css/style.css">
head>
<body>
<div class="wrapper">
<div class="banner">
  <img src="images/banner.jpg">
 div>
<div class="nav">
<ul>
<li><a href="index.html">首页a>li>
<li><a href="jingli.html">人物经历a>li>
<li><a href="shijian.html">社会活动及佚事a>li>
<li><a href="pingjia.html">人物评价a>li>
ul>
div>
<div class="content">
<div class="left">
  <img src="images/tu1.jpg" style="margin-left:15px; margin-top:20px;"> 
<h3><strong>中文名:strong>丁真珍珠 <br>
  <strong>出生地:strong>四川省甘孜藏族自治州理塘县 <br>
  <strong>国籍:strong>中国 <br>
  <strong>民族:strong>藏族 <br>
  <strong>出生日期:strong>2000年<br> 

网页链接设计做什么_网页链接设计做法有哪些_网页设计自己做的网页超链接

<strong>别名:strong>丁真 <br> <strong>性别:strong>h3> div> <div class="right"> <h2>人物简介h2> <h3>   丁真珍珠(汉语名:丁真),藏族,生活在四川省甘孜藏族自治州理塘县。<br>   2020年11月,丁真因为一脸纯真朴素的笑容意外走红网络,成为“新晋顶流”。走红后的丁真已成为理塘县的旅游大使,为当地旅游贡献力量。11月25日,丁真为家乡拍摄的宣传片《丁真的世界》正式上线。<br>   2021年2月4日,丁真加盟《中央广播电视总台2021网络春晚》任表演嘉宾;同日丁真发布单曲《1376心想事成》,用藏语献礼新年。2月12日,丁真加盟《春满东方 幸福牛年·2021东方卫视春节晚会》任表演嘉宾。h3> <img src="images/tu2.jpg" > div> div> <div class="clearit">div> <div class="foot"> <h3>欢迎来到丁真的个人网页h3> div> div> body> html>

CSS样式代码


@charset "utf-8";
/* CSS Document */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body {	font-family: "宋体";font-size: 12px;color:#000000;line-height: 20px;text- align:left; background:#f3f3f3;}
td,th {font-family: "宋体";font-size: 12px;color: #000000;}
a {color: #fff;} 
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
A:hover {TEXT-DECORATION: underline;color: #ffffff;}
ul,li{list-style-type:none;}
.clearit{clear:both;}
.wrapper{width:1000px; 
         margin:0 auto;
		 background:#FFF;
		 padding:0 16px;
		 overflow:hidden;}
		 
.nav{width:1000px; 
     height:36px; 
	 background:#9598a3;
	 font-size:14px;}
	 
.nav li{width:200px; 
        text-align:center; 
		line-height:36px; 
		float:left;}
		
.nav li a:hover{color:#F60;}

网页设计自己做的网页超链接_网页链接设计做什么_网页链接设计做法有哪些

.content{width:1000px; margin-top:20px;} .left{width:300px; float:left; border:solid #666 1px;} .left h3{font-size:12px; font-weight:normal; margin:10px 40px; line-height:30px;} .right{width:690px; float:right;} .right h2{line-height:30px; background:#9598a3; color:#FFF; text-indent:2em; margin:0 10px;} .right h3{font-size:12px; margin:10px 16px; line-height:34px; font-weight:normal;} .foot{width:1000px; margin-top:16px; background:#9598a3;} .foot h3{font-size:12px; font-weight:normal; line-height:36px; text-align:center; color:#FFF;} .main h3{font-size:12px; font-weight:normal; line-height:30px; margin:10px 20px;} .main h2{line-height:30px; background:#9598a3; color:#FFF; text-indent:2em; marg

六、 如何让学习不再盲目

很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深映像,不知道如何提升自己,这个时候每天刷自主刷一些题就非常重要(百炼成神),可以去牛客网上的编程初学者入门训练。该专题为编程入门级别,适合刚学完语法的小白练习,题目涉及编程基础语法,基本结构等,每道题带有练习模式和考试模式,可还原考试模式进行模拟,也可通过练习模式进行练习 。

2015甘肃省直事业单位考试习题:职业能力倾向测试(D类二)

【导读】华图甘肃事业单位招聘考试网同步甘肃华图发布:2015甘肃省直事业单位考试习题:职业能力倾向测试(D类二),详细信息请阅读下文!更多资讯请关注甘肃华图微信公众号(gshtjy),甘肃事业单位招聘考试培训咨询电话: -8186071,新浪微博@甘肃华图,微信号:(点击查看全省咨询微信号)

备考图书

备考网课

疑问咨询

在线刷题

职业能力测试d类题库_职业能力测试题库软件_职业能力测试答题技巧

专属客服答疑

职业能力测试答题技巧_职业能力测试题库软件_职业能力测试d类题库

试题-在线模考

职业能力测试题库软件_职业能力测试d类题库_职业能力测试答题技巧

备考资料领取

第二部分言语运用

(共25题,参考时限20分钟)

本部分包括表达与理解两方面的内容。请根据题目要求,在四个选项中选出一个最恰当的答案。

请开始答题:

26. 相关部门统计数字显示,我国的自然村十年前有360万个,现在则只剩270万个,一天时间消失的自然村大概有80个到100个。传统村落就像是一本厚重的古书,很多还来不及翻阅,就已经消亡了,保护传统村落成了的事情。

A. 首当其冲 B. 责无旁贷

C. 一触即发 D. 迫在眉睫

27. 留守儿童是一个特殊的群体,他们不可避免地承受了社会转型的代价。然而,生活的磨难并非都是坏事,越是艰苦的环境,越能坚强的性格。因此,在留守儿童的成长道路上,不妨多给孩子们一些积极向上的“心理因子”,让他们告别弱势心态,这是迈向成功的第一步。

A. 锤炼灌输 B. 造就提供

C. 培养树立 D. 形成传递

28. 教育除了需要根据社会的变化而与时俱进、更新知识体系以外,还应向受教育者提供许多“”的东西,比如创新意识和批判精神的,品行、修为的培养,智商、情商和灵商的开发。无论时间如何流逝,知识如何更新,上述内容都应始终存在于高等教育之中,成为学校培养目标的基石和灵魂。

A. 持之以恒发扬 B. 亘古不变植入

C. 焕然一新传授 D. 一脉相承树立

29. 科技史课程对理工科专业的学生有很大的好处。他们主修的课程极其专门化,这使他们失去的视野。科技史从本质上说是文科,它可以给予理工专业的学生一种历史感,一种哲学上的视角;而这种哲学和历史学的不是从枯燥的传统哲学和史学那里获取的。

A. 宽广知识 B. 宏观素养

C. 开阔文化 D. 长远观念

30. 我们需要转变经济增长方式,调整经济结构,但绝不能把产业分成优劣,把人类生存必需的中低端消费品生产视为产业。离开了中低端消费品,我国产业几乎没有可言。

A. 保守前景 B. 低级动力

C. 落后优势 D. 基础突破

31. 人眼的光学系统跟传统照相机是十分类似的。照相机只是把外界景物的图像映在照相软片上,人眼却并不是把投射到视网膜上的图像地传给大脑,而是先对图像进行信息加工,抽取线段、角度、弧度、色度和阴暗对比等包含重要信息的简单特征,并把它们成神经信号,再传给大脑。

A. 滴水不漏翻译 B. 原封不动转换

C. 纤毫毕见组合 D. 完整无缺换算

32. 大多数人都是围绕要做的事情而非身体的自然节奏来安排自己的时间。每天的工作任务、上下班的交通、社交活动和孩子的日程安排经常了我们,我们的时间安排不可避免地与人体生物钟发生。

职业能力测试题库软件_职业能力测试答题技巧_职业能力测试d类题库

A. 支配冲突 B. 干扰矛盾

C. 影响混淆 D. 主宰混乱

33. 无论以信息和议论发布为核心的微博,还是类似以“圈子”交流为中心的社交网络,都是以一种的人际关系为中心的网络形态。它们引发了传播方式以及议题和议程设置方式的深刻转移,原来以传统媒体为中心的自上而下的传播,已经转变为多中心的、式的传播形态,原来往往由纸媒或电子媒体引发议题并引导议程的状况发生改变,常常出现微博引发一个议题,之后电子媒体跟进的现象。

A. 交互集约 B. 动态互动

C. 模拟传导 D. 虚拟发散

34. 如果你既不能少玩一分钟,又不愿多用功一点儿;既想成绩好,又不愿牺牲玩耍的时间;或在读书时开着手机,,玩的时候又惦记着功课,,怎么可能成功?而且到头来既没能玩好,又误了学业。

A. 心神不定心乱如麻 B. 心驰神往心惊胆战

C. 心猿意马提心吊胆 D. 心不在焉心急如焚

35. 非物质文化遗产的形式、内容、表现手法乃至传统技艺,都必须尽量原汁原味,随便地“”就失去了本来的文化意义了。就好像京剧,加入西洋器乐或其他剧种的表演技法、剧目等,只能算是移植、开发新艺术形式,而不是保护和传承了。再如国画加油彩,茶道添歌舞,梆子、越剧或黄梅戏塞进街舞等等,岂非。

A. 添枝加叶不伦不类 B. 洋为中用买椟还珠

C. 照猫画虎得不偿失 D. 改头换面邯郸学步

36. 在研发过程中,科研机构和人员不仅需要大型仪器设备,也需要文献、数据、实验动物及其组织样本库等资源。一个调研课题的统计表明,各方对科技文献和数据的需求居于首位。目前这些重要资源大量沉淀在高校和研究院所,需要使用它们的单位(尤其是企业)无法。这些资源都是用财政科技资金的,使用率低意味着科技投入的低效。

A. 介入置备 B. 分担置办

C. 共享购置 D. 获取添置

37. 奥斯陆大学社会人类学家阿奇蒂说,挪威人特别平等,特权,富翁的孩子跟泥瓦匠的孩子也应该上同样的学校;他们认为自己的生活品质在全世界最高,而平等意识则是生活品质的构成。因此,至少在挪威人的观念里,炫富是现代社会中日显威胁的第八宗罪。

A. 强调敌对首要 B. 推崇反对主要

C. 崇尚敌视重要 D. 突出漠视必要

38. 东汉末期,紫檀被作为一种香料由外邦进贡给皇室,但是直至唐代,才开始在宫廷器玩中。到了元代,它成为皇宫中建筑以及家具制作的重要材料。清朝中期,南洋地区的优质木材流入境内,为家具制作提供了的原材料,同时,清初手工艺技术突飞猛进的发展和统治者的推崇,对紫檀家具的发展也起到了作用。

A. 大放异彩优良锦上添花 B. 引人注目丰富画龙点睛

C. 崭露头角充足推波助澜 D. 风生水起珍贵一锤定音

39. 透支作为一种信贷方式,是造成社会经济生活中信用膨胀、货币金融市场混乱的直接原因之一。如果银行是依靠其原来吸收的各种存款和储蓄来透支,即不改变信用资金来源的数额而靠原来的贷款来实现透支,这种透支是有物质基础的,不会给货币市场造成太大的影响。实际上,透支往往引起银行信用资金的紧张,不得不靠货币发行来实现透支款项,这时的透支信贷就可能原有的信贷平衡,造成信用膨胀。

A. 扩大加强打破 B. 减少消减干预

C. 吸纳紧缩扰乱 D. 压缩增加破坏

40. 虽然人们总是假定,只要不断人类的理性水平,并使信息透明化,就能谣言产生的土壤,但迄今为止这一直只是,而且很可能永远无法实现。

A. 提升消弭理想 B. 提高消除噱头

C. 增强避免前提 D. 强化逃离假设

41. 学术个性的形成往往源于科学家的教育背景、国家文化、生活经验和科研经历,很难遵循某种方式刻意培养。但可以肯定的是,尊重差异、鼓励质疑的科研风气,一定会让更多能够创新的学术个性冒出来。让创新力旺盛的年轻人敢于提出人所未言、人所未见的大胆假设,会孕育更多科学的灵光。同时,应多鼓励不同科学学派的发展,正如DNA结构的发现者之一沃森所说,给朋友展示科研文章得到的往往是附加,而竞争对手则会花费大量的时间去证明它是错的。

这段文字主要()。

A. 介绍不同科研环境对学术个性的不同影响

B. 阐述如何促进富有创意的学术个性的形成

C. 探讨创新思维对科学发展的推动作用

D. 揭示发扬学术个性对科学研究的影响

42. 个体发展的差异性,同遗传素质的差异、环境和教育影响的差异有很大的关系,同时,也与个体在接受外界影响时所表现出的主观能动性的不同密切相关。相同年龄的个体,由于所处的客观和教育影响不同,在发展上会有某些差异;即使在客观条件和教育影响相同的情况下,也会出现某些差异性,这主要是由于个体的主观努力和主观态度的不同造成的。

画横线处部分的文字意在说明个体发展差异与下列哪种因素之间的关系?()

A. 年龄差异 B. 遗传素质差异

C. 环境和教育影响的差异 D. 个体主观能动性的差异

43. “谁污染谁买单”制度并不需要苦心孤诣的原创性设计,国际上已有先例可循。从上个世纪七八十年代开始,德国就开始建立“污染者买单”的法律框架,对各类型企业产生的垃圾、废水、废气以及各种可能发生的环境损害,制定了严格、规范的收费政策,并形成了流畅的回收再利用流程。生产废物一律不能直接丢弃,必须由专门照牌的公司回收处理,企业要按量支付高额的处理费用。这既刺激了各种与工业污染有关的环境技术的蓬勃发展,又倒逼企业不断吸纳环保技术、持续优化产业结构,还使得社会投资自动趋向高新环保产业。这种绿色循环经济模式已经为多个国家跟进,并为后发者提供了成熟的范本。

职业能力测试d类题库_职业能力测试答题技巧_职业能力测试题库软件

这段文字意在说明()。

A. 国外已有成熟的绿色循环经济模式可供借鉴

B. “谁污染谁买单”制度需完备的法律框架

C. 高额的污染成本能刺激环保技术的发展

D. 高新环保产业是社会投资的必然趋势

44. 一个社会要想进步与发展,应有包容、宽容新闻媒体的雅量与胸怀,要知道记者与媒体也一样会犯错。公众也应提升自己运用与辨识新闻报道的素养与能力,让建立在蓄意断章取义、以偏概全基础上的炒作没有市场。媒体与记者更应提升精准取舍新闻事实的能力与修养,恪守职业道德规范,做到像思想家托克维尔说的那样,不应让事实迁就观点,而是让观点以事实为依据。如此,我们才能透过媒体一起捕捉这个时代与社会真实的脉动。

根据这段文字,媒体和记者应该怎么做?()

A. 提高新闻报道速度

B. 提升新闻的写作水平

C. 深入新闻了解真相

D. 客观准确地进行新闻报道

45. 东西方文学的区别体现在语言上,体现在风格上,也体现在小说赖以生存的文化背景上。但好的文学既有个性,也有共性。就像桑顿所说,创伤无处不在,每个国家每个民族每个人都有自己的创伤。无论是桑顿笔下受过创伤的网球教练,还是中国作家的“伤痕文学”,都有打动人心的地方。

这段文字意在说明()。

A. 作家应对东西方文学的精髓兼收并蓄

B. 好的文学作品都能够打动人心

C. 创伤是东西方文学的一个共同主题

D. 文化背景是形成东西方文学差别的主要原因

46. 中国综合实力的增强,是中国模式创造的世界奇迹。而中国模式又是中国传统文化的产物,是中国传统文化智慧在当今中国的升华。2008年金融危机后,世界各领域的“中国元素”在不断增多,并不断被越来越多的各国民众所接纳。虽然这种“中国元素”在相当大程度上是通过中国经济实力在发挥作用,但是支撑中国经济发展的却是传统文化因素。传统的人文精神,使“中国元素”在更广阔的领域内逐渐展现出更加令人瞩目的价值。

这段文字意在说明()。

A. 不断创新中国模式才能推动中国综合实力的逐步提高

B. 应充分发挥国内雄厚的文化资源优势以打造文化强国

C. “中国元素”的广泛传播有助于中国国家形象的提升

D. 文化软实力对提高中国在世界的影响力不可或缺

47. 有专家指出,传统社会里,人际交往主要在血缘与地缘的基础上展开,其特征为熟人信任,人们彼此信任的保障机制主要是熟人关系加上人品和声望等。随着传统社会向现代社会转型,工业化进程和城镇化脚步加快,人际交往范围进一步扩展,人们更多的是面对陌生人世界,传统社会信任机制所依赖的关系、声誉等因素,已经无法支撑现代社会的信任保障机制。于是,传统的信任保障模式逐渐失效,而现代的信任保障模式尚未完全建立,在此交汇期间,当代社会的信任保障机制呈现出相对薄弱的状态。

这段文字主要讨论的是()。

A. 传统社会与现代社会的不同

B. 当前社会出现信任危机的原因

C. 建立社会信任保障机制的思路

D. 现代社会信任保障机制的特点

48. 。语文不仅是中小学生最重要的一门课,相较于其他学科,它还更多地承载着传播中华文化的任务。如何让学生通过语文学习,在潜移默化中将语文素养、传统文化、时代特色、人文关怀等渗透到情感中,这是新时期对语文教材编写者提出的更高要求。

填入画横线部分最恰当的一句是()。

A. 十年树木,百年树人 B. 人生百年,立于幼学

C. 学校之中,惟以成德为是 D. 德者业之本,业者德之著

49—50. 缺

第二部分结束,请继续做第三部分!

甘肃华图

职业能力测试答题技巧_职业能力测试d类题库_职业能力测试题库软件