A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 情非得已。 中级黑马   /  2019-12-11 11:30  /  4160 人查看  /  23 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

谈到网页制作,作为一个大二的软件工程专业的学生,不得不惭愧得说一句自己是个菜鸟,不是一般的菜。前阵子完成一个15html文件的网页都弄了好几天,折腾在HTMLCSSJavascript三者之间。弄完这个网页后也没多想,正好今天趁这个机会总结一下自己的一些制作过程中的所思所想吧。
刚开始准备做网页时,说真的有些不知道从哪里下手,到底是用div搞许多模块出来还是先用iframe弄出个框架,好吧其实压根忘了先用iframe。于是我就用一个DIV+CSS的布局开始了我的第一个html文件编写(ps:其实回头想想,应该先用iframe构造框架才比较方便后面的制作)。没有记错的话我css代码和div刚开始全放在html文件里了,这样可以比较方便得看自己需要用的选择器,需要强调的是,标签选择器,类选择器,ID选择器的优先级一定要弄明白,不然作出的效果常常不是自己想要的,这个可以通过不断修改css代码里的内容和修改
里的属性来摸索出来。如果需要另外创建个css文件,则剪切粘贴上去然后再在html中别忘了用一段引用css文件的代码,比如:
后面用到js文件时也有类似引用代码,这里暂且不提js
我制作网页是用Dreamweaver8,感觉这个软件好处就在于html中它给出的代码,拆分,设计比较方便新手检查自己代码和对应效果和“偷懒”,这里说下怎么偷懒,就是在设计一栏里面,可以用鼠标调整图片,表格或者模块等等的高和宽,以及文字的各种样式,代码会自动帮你修改,神奇之处是就连css里面都会帮你增加选择器。虽然这个可以偷懒,但是还是尽量能自己打代码打出来会比较有意思。
其实在掌握iframeDIV+CSS布局后,基本上就可以作出个大概了,然后再运用一些table之类的标签,或者div-ul-lidiv-dl-dt-dd来实现局部的布局,会使页面图片文字看起来比较舒服。

23 个回复

倒序浏览
这短短的一生,我们最终都会失去,你不妨大胆一些,爱一个人,攀一座山,追一个梦。
回复 使用道具 举报
天上最美的是星星,人间最美的是真情。
回复 使用道具 举报
一个人必须经过一番刻苦奋斗,才会有所成就。
回复 使用道具 举报
要有最朴素的生活,与最遥远的梦想。
回复 使用道具 举报
脚是大地上飞翔的翅膀。
回复 使用道具 举报
世界上只有想不通的人,没有走不通的路。
回复 使用道具 举报
只要路是对的,就不怕路远。
回复 使用道具 举报
逆风的方向,才最适合飞翔。
回复 使用道具 举报
成功永远属于一直在跑的人。
回复 使用道具 举报
没有伞的孩子必须努力奔跑!
回复 使用道具 举报
虽然过去不能改变,未来可以。
回复 使用道具 举报
只有坚持才能获得最后的成功。
回复 使用道具 举报
再多一点努力,就多一点成功。
回复 使用道具 举报
浪花总是着扬帆者的路开放的。
回复 使用道具 举报
不要等待机会,而要创造机会。
回复 使用道具 举报
吃不了学习的苦就会经受生活的苦,加油
回复 使用道具 举报
冬天已经到来,春天还会远吗?
回复 使用道具 举报
不要等待机会,而要创造机会。
回复 使用道具 举报
天才在于积累,聪明在于勤奋。
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 加入黑马