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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 雨下的芭蕉 中级黑马   /  2020-2-23 16:04  /  1792 人查看  /  7 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

刚开始准备做网页时,说真的有些不知道从哪里下手,到底是用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来实现局部的布局,会使页面图片文字看起来比较舒服。

7 个回复

倒序浏览
没有伞的孩子必须努力奔跑,加油
回复 使用道具 举报
世上无难事只怕有心人
回复 使用道具 举报
纵使天空没有翅膀也不要忘记飞翔
回复 使用道具 举报
乌云再密集,天也有放晴的时候;海洋再广阔,船也有到岸的时候。只要用乐观的心态来看待事物,面对生活,就会发现这个世界真的好美。
回复 使用道具 举报
不要感叹人生苦短。拾起梦想的种子,用一生的时间去播种,在最后一刻去收获。你会发现,你的一生,其实很精彩很充实!
回复 使用道具 举报
青年是人生的骄傲,也是时代未来的希望。
回复 使用道具 举报
收拾一下心情,开始下一个新的开始。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马