SlideShare une entreprise Scribd logo
1  sur  12
日新网页设计培训 前台 入门篇 后台程序员:潘泉锦 个人网站: pqj.study.ecjtu.net
还要填鸭式学吗?
[object Object],[object Object],[object Object],[object Object],[object Object]
答案当然是  NO!  如果,你是有恒心的,还有 美工( photoshop->flash ) -> 框架 -> 模板引擎 如果,你是更有恒心的,还有 服务器配置  ( win2003->linux )-> 网络安全( sql 注入 , 跨站) ........... 网页设计是一个接入口,可以发展方向还有很多
网页的发展 ,[object Object],[object Object],[object Object],Web2.0  网站 ,[object Object]
谈谈 table 和 div+css 采用 CSS+DIV 相对与传统的 TABLE 网页布局的显著优势: 1 :表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中, HTML 文件中只存放文本信息。 2 :提高搜索引擎对网页的索引效率 用只包含结构化内容的 HTML 代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。 3 :提高页面浏览速度 对于同一个页面视觉效果,采用 DIV+CSS 重构的页面容量要比 TABLE 编码的页面文件容量小得多,前者一般只有后者的 1/2 大小。 4 :易于维护和改版 你只要简单的修改几个 CSS 文件就可以重新设计整个网站的页面,而采用 Table 布局的网站和网页修改起来非常的麻烦。
[object Object],良好的代码习惯 1 )属性名称必须小写 <div  class=“ header ”> 网页头部 </div> 2)  属性值必须使用双引号   <div  class=“ content ”> 网页内容 </div> 3 )使用 id 代替 name 4)  必须使用结束标签   <div >www.ecjtu.net </div> <br/> <img  src=“   ”/>
推荐一本书
推荐几个网站 ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],说说你知道的 html 标签
讲讲一些标签 ,[object Object],[object Object],[object Object],[object Object],[object Object]
It's  End

Contenu connexe

En vedette

Mark &amp; Caroline
Mark &amp;  CarolineMark &amp;  Caroline
Mark &amp; Carolineme69
 
26 inspirational thoughts that will change the way of thinking
26 inspirational thoughts that will change the way of thinking26 inspirational thoughts that will change the way of thinking
26 inspirational thoughts that will change the way of thinkingDevender Bisht
 
Projet d'accès aux résultats des étudiant via client mobile
Projet d'accès aux résultats des étudiant via client mobile Projet d'accès aux résultats des étudiant via client mobile
Projet d'accès aux résultats des étudiant via client mobile Patrick Bashizi
 

En vedette (19)

Div+css培训
Div+css培训Div+css培训
Div+css培训
 
Mark &amp; Caroline
Mark &amp;  CarolineMark &amp;  Caroline
Mark &amp; Caroline
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Calci kracker final
Calci kracker finalCalci kracker final
Calci kracker final
 
Residential
ResidentialResidential
Residential
 
Multipurpose sweet herbal powder- a shelf life study
Multipurpose sweet herbal powder- a shelf life studyMultipurpose sweet herbal powder- a shelf life study
Multipurpose sweet herbal powder- a shelf life study
 
Report of Dr.BMN College
Report of Dr.BMN CollegeReport of Dr.BMN College
Report of Dr.BMN College
 
Who am i
Who am iWho am i
Who am i
 
Pulppy delite final
Pulppy delite finalPulppy delite final
Pulppy delite final
 
Multigrain ladoo
Multigrain ladooMultigrain ladoo
Multigrain ladoo
 
Pineapple surprise
Pineapple surprisePineapple surprise
Pineapple surprise
 
Aneamia and its consequences
Aneamia and its consequencesAneamia and its consequences
Aneamia and its consequences
 
Iqac Anu
Iqac AnuIqac Anu
Iqac Anu
 
Pregnancy to parenthood
Pregnancy to parenthoodPregnancy to parenthood
Pregnancy to parenthood
 
26 inspirational thoughts that will change the way of thinking
26 inspirational thoughts that will change the way of thinking26 inspirational thoughts that will change the way of thinking
26 inspirational thoughts that will change the way of thinking
 
A shelf life study of Nutritious quick mix_snack
A shelf life study of Nutritious quick mix_snack A shelf life study of Nutritious quick mix_snack
A shelf life study of Nutritious quick mix_snack
 
Biscuit factory
Biscuit factoryBiscuit factory
Biscuit factory
 
Diet in Cardiovascular disease
Diet in Cardiovascular diseaseDiet in Cardiovascular disease
Diet in Cardiovascular disease
 
Projet d'accès aux résultats des étudiant via client mobile
Projet d'accès aux résultats des étudiant via client mobile Projet d'accès aux résultats des étudiant via client mobile
Projet d'accès aux résultats des étudiant via client mobile
 

Similaire à 日新培训

网站重构&Web标准设计第二版
网站重构&Web标准设计第二版网站重构&Web标准设计第二版
网站重构&Web标准设计第二版志勇 孙
 
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训给聚划算后端开发的前端培训
给聚划算后端开发的前端培训j5726
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站yiditushe
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am iTwinsen Liang
 
让我们的页面跑得更快
让我们的页面跑得更快让我们的页面跑得更快
让我们的页面跑得更快li qiang
 
网页制作基础
网页制作基础网页制作基础
网页制作基础loo2k
 
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考Qq.com前端架构实践与思考
Qq.com前端架构实践与思考greengnn
 
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)ziggear
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScriptSanji Zhang
 
Inside the-browser
Inside the-browserInside the-browser
Inside the-browserjy03845581
 
Inside the-browser
Inside the-browserInside the-browser
Inside the-browserjy03845581
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题 Lumend
 
快速定位开发常见的前端问题
快速定位开发常见的前端问题快速定位开发常见的前端问题
快速定位开发常见的前端问题taobao.com
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsChieh Lin
 
Inside browser
Inside browserInside browser
Inside browsermysqlops
 
Responsive Web UI Design
Responsive Web UI DesignResponsive Web UI Design
Responsive Web UI Designjay li
 
揭秘Html5和Css3
揭秘Html5和Css3揭秘Html5和Css3
揭秘Html5和Css3Adam Lu
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍裕波 周
 

Similaire à 日新培训 (20)

网站重构&Web标准设计第二版
网站重构&Web标准设计第二版网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
 
Div+css布局
Div+css布局Div+css布局
Div+css布局
 
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训给聚划算后端开发的前端培训
给聚划算后端开发的前端培训
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am i
 
让我们的页面跑得更快
让我们的页面跑得更快让我们的页面跑得更快
让我们的页面跑得更快
 
网页制作基础
网页制作基础网页制作基础
网页制作基础
 
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
 
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScript
 
Jsp讲义
Jsp讲义Jsp讲义
Jsp讲义
 
Inside the-browser
Inside the-browserInside the-browser
Inside the-browser
 
Inside the-browser
Inside the-browserInside the-browser
Inside the-browser
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题
 
快速定位开发常见的前端问题
快速定位开发常见的前端问题快速定位开发常见的前端问题
快速定位开发常见的前端问题
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
 
Inside browser
Inside browserInside browser
Inside browser
 
Responsive Web UI Design
Responsive Web UI DesignResponsive Web UI Design
Responsive Web UI Design
 
揭秘Html5和Css3
揭秘Html5和Css3揭秘Html5和Css3
揭秘Html5和Css3
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
 

日新培训

  • 1. 日新网页设计培训 前台 入门篇 后台程序员:潘泉锦 个人网站: pqj.study.ecjtu.net
  • 3.
  • 4. 答案当然是 NO! 如果,你是有恒心的,还有 美工( photoshop->flash ) -> 框架 -> 模板引擎 如果,你是更有恒心的,还有 服务器配置 ( win2003->linux )-> 网络安全( sql 注入 , 跨站) ........... 网页设计是一个接入口,可以发展方向还有很多
  • 5.
  • 6. 谈谈 table 和 div+css 采用 CSS+DIV 相对与传统的 TABLE 网页布局的显著优势: 1 :表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中, HTML 文件中只存放文本信息。 2 :提高搜索引擎对网页的索引效率 用只包含结构化内容的 HTML 代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。 3 :提高页面浏览速度 对于同一个页面视觉效果,采用 DIV+CSS 重构的页面容量要比 TABLE 编码的页面文件容量小得多,前者一般只有后者的 1/2 大小。 4 :易于维护和改版 你只要简单的修改几个 CSS 文件就可以重新设计整个网站的页面,而采用 Table 布局的网站和网页修改起来非常的麻烦。
  • 7.
  • 9.
  • 10.
  • 11.