黑马程序员技术交流社区

标题: web前端初步学习的自我总结 [打印本页]

作者: 情非得已。 时间: 2019-12-11 11:30
标题: web前端初步学习的自我总结

谈到网页制作，作为一个大二的软件工程专业的学生，不得不惭愧得说一句自己是个菜鸟，不是一般的菜。前阵子完成一个15个html文件的网页都弄了好几天，折腾在HTML，CSS，Javascript三者之间。弄完这个网页后也没多想，正好今天趁这个机会总结一下自己的一些制作过程中的所思所想吧。

刚开始准备做网页时，说真的有些不知道从哪里下手，到底是用div搞许多模块出来还是先用iframe弄出个框架，好吧其实压根忘了先用iframe。于是我就用一个DIV+CSS的布局开始了我的第一个html文件编写（ps:其实回头想想，应该先用iframe构造框架才比较方便后面的制作）。没有记错的话我css代码和div刚开始全放在html文件里了，这样可以比较方便得看自己需要用的选择器，需要强调的是，标签选择器，类选择器，ID选择器的优先级一定要弄明白，不然作出的效果常常不是自己想要的，这个可以通过不断修改css代码里的内容和修改

里的属性来摸索出来。如果需要另外创建个css文件，则剪切粘贴上去然后再在html中别忘了用一段引用css文件的代码，比如：

后面用到js文件时也有类似引用代码，这里暂且不提js。

我制作网页是用Dreamweaver8,感觉这个软件好处就在于html中它给出的代码，拆分，设计比较方便新手检查自己代码和对应效果和“偷懒”，这里说下怎么偷懒，就是在设计一栏里面，可以用鼠标调整图片，表格或者模块等等的高和宽，以及文字的各种样式，代码会自动帮你修改，神奇之处是就连css里面都会帮你增加选择器。虽然这个可以偷懒，但是还是尽量能自己打代码打出来会比较有意思。

其实在掌握iframe和DIV+CSS布局后，基本上就可以作出个大概了，然后再运用一些table之类的标签，或者div-ul-li和div-dl-dt-dd来实现局部的布局，会使页面图片文字看起来比较舒服。

作者: 流浪的猫~ 时间: 2019-12-27 12:35
这短短的一生，我们最终都会失去，你不妨大胆一些，爱一个人，攀一座山，追一个梦。

作者: 25个蛋 时间: 2019-12-28 12:33
天上最美的是星星，人间最美的是真情。

作者: 雨下的芭蕉 时间: 2019-12-28 12:52
一个人必须经过一番刻苦奋斗，才会有所成就。

作者: 大雄的竹蜻蜓 时间: 2019-12-28 19:08
要有最朴素的生活，与最遥远的梦想。

作者: 蓝天六必治 时间: 2019-12-30 14:19
脚是大地上飞翔的翅膀。

作者: 抓住青春的尾巴 时间: 2019-12-30 16:28
世界上只有想不通的人，没有走不通的路。

作者: 空白格。 时间: 2019-12-31 10:35
只要路是对的，就不怕路远。

作者: 小黑梅 时间: 2019-12-31 11:10
逆风的方向，才最适合飞翔。

作者: 陈么么 时间: 2019-12-31 11:22
成功永远属于一直在跑的人。

作者: chengjiayu 时间: 2019-12-31 12:28
没有伞的孩子必须努力奔跑！

作者: 飞飞飞儿 时间: 2019-12-31 13:51
虽然过去不能改变，未来可以。

作者: moguizhongdetia 时间: 2019-12-31 14:09
只有坚持才能获得最后的成功。

作者: 简单77777 时间: 2020-1-2 11:44
再多一点努力，就多一点成功。

作者: 南边的城市 时间: 2020-1-2 15:53
浪花总是着扬帆者的路开放的。

作者: 南边的城市 时间: 2020-1-2 17:35
不要等待机会，而要创造机会。

作者: 398580721 时间: 2020-1-2 17:39
吃不了学习的苦就会经受生活的苦，加油

作者: 情非得已。 时间: 2020-1-2 17:59
冬天已经到来，春天还会远吗？

作者: pakho-chou 时间: 2020-1-3 09:50
不要等待机会，而要创造机会。

作者: 黑马润 时间: 2020-1-3 11:11
天才在于积累，聪明在于勤奋。

作者: 3617471903 时间: 2020-1-3 11:30

我们各自努力，最高处见

作者: 娟呀 时间: 2020-1-3 11:45
为了梦想而努力，加油啦~~

作者: 3617471903 时间: 2020-1-3 13:43
为梦而行，加油

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2