根据基础班所学知识制作网页

  

  一个网页需要满足三点:结构(HTML)样式(CSS) 行为(JavaScript)。而制作网页前需要一个代码编辑器,现在用的两个编辑器EditPlus、sublime,我一般选择sublime这个懒人编辑器-.-。制作网页最重要的是思维,好的思维可以事半功倍,顺着清晰的思维编写是很轻松的事。要清楚的明白自己要做什么,步骤是怎样的。

  做网页就像建造房子,首先要有地基,HTML的编写就像是地基。HTML的编写:要清楚HTML的构造,HTML的编写规则,标签的属性等。其中有几点需要特别注意:表格标记及其属性、文本标记及其属性、链接(有绝对路径和相对路径)、表单标记及其属性。

  然后是房子的整体框架,常用div+CSS来实现网页的框架构造,div标签可以设置高度,所以用来构造框架。而DIV这个标签又比较特别,它具有独占一行的性质,所以又要用到浮动(float)让它浮动来使框架更美观。CSS主要是用来给HTML网页来设置外观,比如这个网页里面的文本有多大、文字的属性、网页的背景颜色等,这些外观的效果统一都需要使用CSS来进行设置。然后再用HTML去填充内容。CSS的编写:CSS语法规则,CSS选择器的选择,CSS属性(特别注意定位属性,"子绝父相",CSS的浮动和清除浮动)。

  平房底层建筑可以用HTML来实现,但随着技术的进步,底层的建筑满足不了需求。地基框架完成了就需要让它有实用性,所以需要JS来进行完善,JS相当于房子的家具和用品,更大的网页制作(高楼大厦)一般都是通过JS来实现,可以节省很多代码编写,特别是Bootstrap的出现更是让代码的编写变得简洁。JS一般是用来进行表单验证、网页特效的实现,JS的编写:要清楚JS代码的书写方式和语法规则,函数的编写和引用,变量及内置对象的概念,然后是输出方式。

  制作网页最重要的是思维,好的思维可以事半功倍,顺着清晰的思维编写是很轻松的事。一个网页的构造不是一蹴而就的,需要细心地编写,耐心的调试,让网页趋于完美,让用户赏心悦目体验度爆表。

  

时间: 2024-10-18 07:42:57

根据基础班所学知识制作网页的相关文章

PHP基础班初学心得:关于网页创作

前提:本人刚参加PHP基础班培训第一天,由于之前毫无基础,分享的心得可能不规范,方法也许也"旁门左道",不能保证质量,只作自己总结学习,也希望能帮助到同样是初学者的朋友们,共同进步. 这里使用刚学到的比较基础的知识. 如这个网站首页 我们一般把它拆分来做,这一大块红边框的为总体"div-kaixue",再细分黄边框"div-title"和"div-content" 然后开始做title,这个比较简单,前后套<span&g

【学习笔记】HTML基础:使用html制作网页

一.初识HTML 1.什么是HTML? Hyper Text Markup Language(超文本标记语言) 扩展XML:Extendsible  Markup Language(可扩展性标记语言) HTML(Hyper Text Markup Language)超文本标记语言是创建Web页面的基础,HTML由一套标记标签(Markup Tag)组成,在制作网页时,HTML使用标记标签来描述网页. 2.HTML的发展史 3.HTML5文件的基本结构 <html> <head> &

老段带你学鸟哥Linux视频教程 包含基础班+提高班

老段带你学鸟哥Linux视频教程 包含基础班+提高班,附带pdf文档. 目录结构如下: 目录:/2020022-老段带你学鸟哥Linux视频教程 [1.9G] ┣━━老段带你学鸟哥-服务器篇 [1009.4M] ┃ ┣━━0-456-1.flv [64.8M] ┃ ┣━━0-456-2.flv [34.5M] ┃ ┣━━7.flv [26.6M] ┃ ┣━━8.flv [43.9M] ┃ ┣━━9-1.flv [28.4M] ┃ ┣━━9-2.flv [43.4M] ┃ ┣━━11-1.flv

基础班总结

基础班总结 短短的一个月已经过去了,回眸一个月之前.自己是怀着复杂的心情来到传智播客的,从6月份毕业之后,就没有工作了,那句毕业就是失业的经典语句印证在我的身上.那几个月的时间我一直在思考自己适合做什么,自己能够胜任什么类型的工作,读了3年的学校专业,实习之后,才发现自己不适合做这一行.我就开始迷茫. 直到我知道有传智播客,适合0基础的,我就在犹豫要不要过来,最后家人给了我支持,让我过去先读一下基础班,看看是否合适先.然后过来发现真的有那么多跟我一样刚大学毕业,也是0基础的学生.看着自己过去一年

基础班学习心得

基础班这一个月里学习了html.css.JavaScript.jquery和bootstrap.感觉收获良多,从编程白痴到现在对编程有点点了解了.以前都不知道前端和后端,也不知道编程语言有这么多.感觉每天都在吸收新的知识,只是消化得不是很彻底.还得在努力多敲敲代码.现在自己能写一个静态页面了,感觉有点小高兴.div+css运用真的很实用,但是js代码还是不够清晰,不过好在有jquery和bootstrap能到减少代码.虽然说可以算是刚刚入门了.但是要学习的还要更多!接下来的PHP课程才是重中之重

PHP基础班初学感悟

不知不觉差不多一个月就过去了 刚到培训班那时候的心情,现在也还能有所感觉 作为今年6月份的毕业生,刚从大学的实习期出来,辞掉了上一份工作,本来是打算找一份更加与专业挂钩的工作做的 也许是90后对网络的情有独钟,亦或者是因为IT行业目前的高薪诱惑,毅然而然地踏上了转行的路程 基础班,说难不难,都是很基础的东西,还不到深的,难的东西 这是我们讲课老师说的 我也感觉差不多 不过作为一名零基础入门的牛犊,难免会有点心慌 而这段时间的学习也让我更加明白,用心的重要性 还有坚持,毅力 上课期间曾经因为一次重

合并_00基础班html+css(6days)

基础班课程安排 Html 3天Css:3天 一个静态网页项目:呱呱网 Javascript:8-9天 ????-- 当当网js动态效果网页 php web编程入门:6天(apache,mysql,php) ????-- 留言板(一个真正实用的php动态网站) ? html介绍 html:超文本标记语言 ( HyperText Markup Language ) ? html其实主要是为了将文件(文档)的内容以一定的形式和含义表现出来,这就是html的设计思想: 表形: 以一定的外形外观表现出来.

号外:java基础班教材永久免费 报名就送

曾经万人疯抢的成都传智播客java基础班教材,今日免费赠送,你hold的住吗? 由成都传智播客传道授业解惑的诸位老师,精心制作的教材,现在免费赠送,你能接的住吗? 书是交融感情.获得知识.传承经验的重要媒介; 书记载着智者的智慧,传智播客作为it培训行业的引路人,出版了不少书籍,对it行业产生了深远影响-- 日前,成都传智播客高层召开"听证会",与会人员就"java基础班教材免费赠送"一事展开了激烈讨论.今日,讨论结果震撼出炉,成都传智播客向广大IT学子郑重宣布:即

基础班

不知不觉基础班结束了,在这段时间里,我受益匪浅.同学们的热情,老师的指导,让我对这个专业慢慢熟悉起来.从零基础到现在做一个网页,就好像梦一场.变化太大,自己还没反应过来,时间太快,还没来得及感慨.从一开始的html(网页内容)然后css(添加样式)再javascript(动态效果),越来越复杂.正所谓先苦后甜嘛,所以又学了jquery(写更少的代码,做更多的事),bootstrap(响应式设计简洁灵活).现在还不能说甜,因为还有更难的数据库!等数据库学好了,以后工作就甜了.基础班学的知识点都是为