第一周学习总结

来源:互联网 发布:网络电视盒刷机软件 编辑:程序博客网 时间:2024/05/20 18:01

刚进工作室,本以为要继续学c语言来过渡,想不到直接就开始html,颇有点小意外。以下是我的第一周学习总结:

1.这周学了html和css ,一个是基本的框架的构建,另一个是对各类标签的各类属性的设定,一遍看过去,好像都懂了,但到做任务的时候,却又像没学过一样。这说明对于这些标签和属性,还需要继续熟悉,乃至熟记。因此,我觉得我下周有必要抽出一段时间来,对这周学过的内容进行系统化的梳理,这样便于我对html和css的更深刻,更全面的理解和使用。

2.之前说到,做任务的时候可以说是坎坷前行,几乎每次都是似乎代码上是符合想要的效果的,但实际网页显示的时候却是毫无反应。下列是我所遇到的问题:

1)如何导入本地图片

在做百度首页的时候,有两个地方需要图片,一个是百度的logo,另一个是百度的二维码,前者我直接复制了它的图片地址,这样就很便利地将图片显示出来了;但百度的二维码却没那么简单,它根本无法单独以一张图片显示出来,所以我也就不能复制其图片地址,因而只有通过截图把二维码给截下来,这样二维码就成了本地图片了。可是,我完全不知道该如何插入本地图片。原因有下:1.根据w3c教程上说的插入图像,需要把图片的文件名写上去,然而我完全不知道该如何去查看图片的文件名。2.既是找到了写上去了也无法显示,完全不知道原因。

解决方法:通过问培养人了解到,想要插入本地图片,首先是文件名(其实很简单,自己太蠢了,不懂得融会贯通),你要知道你的图片是什么类型,png,jpg,gif等等,这是后缀,前缀就是点击重命名的时候所写的名字,这样就把文件名写进去了。可是还是不显示是什么原因,培养人说了,只有把网页的文件和图片放在同一个文件夹里,网页才可以显示出本地图片,这虽然是一个微小的动作,但没有的话却会造成无法显示图片的效果,所以以后对于细节还是要重视。培养人还说了以前月考核的时候就是有人没有把网页和所需的图片放在同一个文件夹中,当时打开的时候还好好的,但上传个审核的人看的时候就是无法显示了。这也给自己提了一个醒,月考核的时候可不要犯这种错误

正确示范:<img src="更多产品.PNG">

2) 如何使百度的logo和搜索框位于页面中心

一开始应用的是绝对定位,但发现根本不知道什么位置是中心,无法把具体的像素坐标找出来,因此我上网查了一下,发现你可以先定义一个块级元素,然后使块级元素位于页面中心,然后将外边距设为0,这样其实也就将图片定位于页面中心了,实际代码如下:

<html>:

<div>

<img src="baidu_logo.png">

</div>

css:

<style>

.img {

margin:0 auto ;

display:flex;

justify-content:center;

}

</style>

总的而言,我这次之所以做的这么差,除了晚做以外,还有很多自身原因。并不能怪培养人,其实还是我自己疏于学习了。

这周连放5天,按理来说,我可以星期三的时候就把css看完,然后就开动了。然而我想的是慢慢来,反正星期天才交任务,导致我星期五才开始做,并且我在看css也没有怎么动手敲代码,几乎是看完就忘。那几天总是想着多玩,所以就晚来早退,这也是我为什么看css这么慢的原因之一。等到开动的时候,我一个人在那里闷干,也不问别人,非要到憋急了才去问一下培养人,这样弄到最后培养人连提前审查的机会都没有,就直接看我的成品了。综上,这一周是不勤奋的一周,下一周一定要改善这种状况,多问多查,多思考,多动手。

原创粉丝点击