Web标准:结构,表现和行为分离

网页制作 2024/12/22 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

Web标准：讨论内容结构表现行为分离
　　内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div cssxhtml css纯代码的分离，思想上流程上，到底如何分离？
古老的话题：一首古诗的分离
　　1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构
　　2.这个结构其实包含了语义和表现
　　3.用html进行结构化，抛开一切的表现形式，只考虑语义
　　4.用CSS进行表现处理，包括html的默认表现，他拥有了视觉表现，这个表现体现出了结构化，也体现出了用户体验，用户体验中包含了交互的排版和视觉体验
　　5.如果加上行为，比如点击注释序号，缓缓跳转到注释内容。
　　再看看css禅意花园
　　同样是上面的5个步骤，形成第一版本的css禅意花园
　　而更多的模板提供者所做的工作是交互线稿视觉设计。体现在网页上就是CSS
　　可以看出从编码角度来讲
　　　第一步，内容处理为结构，纯HTML的编写
　　　第二步，结构处理为表现，纯CSS的编写
　　　第三步，给表现加上行为。
　　从流程的角度来讲
　　　第一步，策划文档
　　　第二步，结构处理
　　　第三步，交互设计(交互样式构建)
　　　第四步，视觉设计(视觉样式构建)
　　　第五步，样式构建
　　再逆向思维
　　如果没有css禅意花园，设计师设计了几百张的设计稿，然后做成页面，HTML的结构会相同嘛？类比，如果你的策划，给两个交互和视觉设计师处理，页面构建的结构会相同嘛？答案是肯定的不会相同，为什么不会相同呢？这里讨论的根本所在，这是需要我们深入思考的问题！

教程,网页制作,网页,分离,标准,结构,表现,行为,处理,交互

标签：

教程,网页制作,网页,分离,标准,结构,表现,行为,处理,交互

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“Web标准:结构,表现和行为分离”

暂无Web标准:结构,表现和行为分离的评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月22日

Web标准:结构,表现和行为分离

教程,网页制作,网页,分离,标准,结构,表现,行为,处理,交互

CSS Hack整理

Css实现手机端页面强制横屏的方法示例

评论“Web标准:结构,表现和行为分离”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接