`

网站重构&web标准设计视频(60课,DIV+CSS教程)

阅读更多

网站重构&web标准设计视频(60课,DIV+CSS教程)
网站重构能够实现加快网页解析的速度,实现信息跨平台的可用性以及更加良好的用户体验,网站重构以高效开发与简单维护降低服务成本,最重要的是它便于改版,实现与未来兼容。

web标准就是实现网站重构的方法,所谓WEB标准,即网站标准,一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准并不是某一个标准,而是一系列标准的集合。WEB标准中典型的应用模式是“css+div”。

本教程以xhtml和css的应用为核心,在课程讲授的同时结合多项实例,使使用者能够学以致用,举一反三,在较短短时间学会如何设计符合标准的Web网站。

本教程分60课每节平均15分钟。前10课以思想为主,后面内容则为实战教程,力求使使用者能够在学会制作标准网站的同时,掌握网站重构的核心思想。

视频在线观看:

1、关于web标准
2、web传统网站
3、web标准知识
4、web标准
5、xhtml的DOCTYPE
6、css层叠样式表
7、传统的网站制作方法
8、传统和符合标准的制作流程做比较
9、web标准的好处
10、各浏览器市场占有率
11、盒模型
12、Css字体与文本样式
13、Css盒模型的显示模式和背景
14、网页布局技巧
15、盒模型实现圆角效果
16、导航条的制作方式
17、应用图片制作导航条
18、图片对导航的延伸
19、web标准中表格的优势
20、自动伸缩的圆角矩形效果制作
21、文字排版,文字提示功能
22、表单的制作方法1
23、表单的制作方法2
24、导航条滑动门的制作方法
25、使用列表制作相册
26、整个网站的制作流程1
27、整个网站的制作流程2
28、整个网站的制作流程3
29、Dreamweaver库1
30、Dreamweaver库2
31、css文件的实践1
32、css文件的实践2
33、css文件的实践3
34、css文件的实践4
35、css文件的实践5
36、css文件的实践6
37、css文件的实践7
38、css文件的实践8
39、css文件的实践9
40、css文件的实践10
41、css文件的实践11
42、WAMP1 (PHP环境搭建)
43、WAMP2 (PHP环境搭建)
44、WAMP3 (PHP环境搭建)
45、WAMP4 (PHP环境搭建)
46、用php制作网页模板
47、sinolog对网站的制作1
48、sinolog对网站的制作2
49、sinolog对网站的制作3
50、sinolog对网站的制作4
51、sinolog对网站的制作5
52、表格属性的应用
53、css打印样式的使用
54、建设一个网站1
55、建设一个网站2
56、建设一个网站3
57、建设一个网站4
58、建设一个网站5
59、建设一个网站6
60、建设一个网站7

本篇文章来源于PHP论坛原文链接:http://bbs.php.cn/thread-22732-1-1.html

分享到:
评论
1 楼 JavaHack 2009-03-24  
最近正在搞这些东西,刚好用上,谢谢了

相关推荐

    Table转div+css工具

    总之,“Table转div+css工具”是现代Web开发中的一款实用辅助工具,它能够帮助开发者迅速更新老式的Table布局,使其符合当前Web标准,提升用户体验和网站性能。随着网页技术的不断发展,掌握这样的工具和相关知识...

    table布局网页转换为div+CSS布局的转换软件

    在网页设计领域,传统的`table`布局曾是构建网页结构的主要方式,但随着Web标准的发展,`div`结合`CSS`布局(层叠样式表)逐渐成为主流。`table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制...

    DIV+CSS网站重构教程

    【DIV+CSS网站重构教程】 在网页设计领域,DIV+CSS是一种常见的布局方式,它将内容(HTML元素)与样式(CSS样式表)分离,提高了网页的可维护性和可访问性。本教程将深入探讨这一核心技能,帮助你掌握如何通过DIV+...

    ps+div+css打造蓝色后台--login页面设计

    通过分析标题、描述以及部分给定内容,“ps+div+css打造蓝色后台--login页面设计”涉及的关键知识点包括Photoshop中的界面设计、切片技术、兼容性考虑、百分比布局的实现,以及从设计稿到网页的具体转换过程。...

    DIV+CSS的网站设计教程下载

    本教程文档(`DIV+CSS的网站设计教程下载.doc`)将详细讲解上述概念,并提供实例和练习,帮助你逐步掌握DIV+CSS的使用方法。同时,网络上有众多优秀的在线教程和论坛,如W3School、MDN Web Docs,可以作为进一步学习...

    网站重构与Web标准设计视频教程].7.2.圆角图片制作(选修课)

    【网站重构与Web标准设计】是现代Web开发中至关重要的概念,它旨在提高网页的可维护性、可访问性和性能。本视频教程聚焦于7.2章节,特别讲解了如何制作圆角图片,这是Web设计中一个常见的需求,因为圆角可以为网页...

    网站重构 Web标准视频教程

    网站重构 Web标准视频教程 DIV+CSS

    网页设计(div+css).ppt

    网页设计中的`Div+CSS`布局是一种现代的、符合Web标准的方法,用于构建网页结构和样式。这种技术相比传统的HTML表格定位方式具有诸多优势。在本文中,我们将深入探讨`Div+CSS`布局的特点、优势以及如何应用它来创建...

    DIV+CSS布局PPT

    《网站重构——应用web标准进行设计》这本书在2004年提出了使用Web标准进行设计的理念,提倡使用XHTML作为结构化语言,CSS作为表现标准语言,以此实现内容和表现的分离。 Web标准是由W3C(全球万维网联盟)制定的一...

    DIV+CSS编辑器

    4. **网页重构**:将传统的表格布局转化为更现代的`div`+CSS布局,提高代码可读性和性能。 **总结** DIV+CSS编辑器是网页设计师和前端开发者的重要工具,它简化了网页布局和样式设计的过程,通过实时预览和调试...

    Div+css 学习手册

    《Div+CSS学习手册》是一份综合性的资源集合,涵盖了网页设计与重构的关键技术。这份压缩包包含了多种格式的文件,如CHM和PDF,专为深入理解和实践Div+CSS布局设计而准备。以下是其中涉及的主要知识点: 1. **Div...

    纯DIV+CSS网页示例

    而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。 12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用...

    div css.pdf

    Div+CSS网页重构是一种将网页内容与样式分离的设计方法,它基于W3C制定的网页标准,以提高网页的可读性、可维护性和跨浏览器兼容性。在HTML4.01和XHTML中,表格(table)常用于布局,但这种方式导致代码结构混乱,不...

    [DIV.CSS网站布局从入门到精通].朱印宏等.扫描版

    本教程介绍了商业类型的网页设计,以及目前流行的DIV+CSS标准布局方法和... 本教程结构清晰,讲解到位,内容实用,知识点覆盖面广,适合初、中级网页设计爱好者以及希望学习Web标准对原有网站进行重构的网页设计者。

    DIV+CSS技术在诚欣电子商城系统中的应用研究

    以DIV+CSS技术在诚欣电子商城系统中的应用为切入点对DIV+CSS技术进行深入的探讨。...最后在DIV+CSS技术在诚欣电子商城系统中的应用的基础上对DIV+CSS技术进行了解析,并总结出了DIV+CSS布局网站的优点和缺陷。

    div+css与xhtml+css分别是什么意思?

    为什么有人提出应该避免使用"Div+CSS"这样的表述,而更倾向于"XHTML+CSS"或"网站重构"呢?原因在于,"Div+CSS"容易误导人们只关注Div,而忽视了其他具有语义的HTML标签。在实际开发中,过度依赖Div可能会导致页面...

Global site tag (gtag.js) - Google Analytics