XHTML网页与HTML网页制作技术对比

xhtml|网页

  目前看来关于XHTML网页的制作大家还存在很多的困惑,一一解答有些困难,我现在就XHTML网页与HTML网页制作技法上的不同来做一下说明。

  首先说一下HTML网页的制作方法:

  1。拿到美工设计图开始切图
  2。用表格把切的图拼成一个网页
  3。把内容放在已经编排好的空白处

  而XHTML网页在制作技法与顺序上是截然不同的,XHTML想要做的就是内容与版式的分离,那么自然制作人员与设计师的工作可以做到一定程度的分离。

  我们以我给理想做的FarideaRSS网页来进行一下XHTML网页制作流程的说明:

  1.内容划分

  将内容大刀阔斧的进行划分:Logo,导航,文章标题,作者,发布时间,Copyright等等,用代码表示就是:

<div id="context">
<div id="logo"></div>
<ul>
<li>菜单1</li>
<li>菜单2</li>
</ul>
<div id="items">
<div class="item">
<span class="title"></span>
<span class="author"></span>
<span class="time"></span>
<div class="memo">
</div>
</div>

  内容应当就是线性的排列下来,标签的目的仅仅是为了区分内容的结构,而并不用关心设计师的设计稿,忘记阴影、颜色、背景图吧,因为你和设计师在设计前已经商量好了网页内有哪些内容,所以设计也是为内容服务。

  2.简单排版

  这时我们拿到了设计师的设计稿,设计师们已经用很漂亮的颜色,很漂亮的版式为我们设计出了这个网页,这时就是CSS发挥威力的时候了,我们将原来定义的内容用CSS进行排版,用颜色块(先不要着急切图)对内容进行区分,先不要着急加背景图,因为那样只会扰乱你自己。示例如下:
此主题相关图片

  这时就是对制作人员的CSS功力的考验了,只要坚信一个信念,没有CSS做不到的就可以了:)

  3.细细品位

  这是网页的大体架构已经出来了,但是需要对设计师的页面进行细细品位了,为了效果设计师多会加一些阴影或者好看的背景图片,或者渐进式的图片,此时我们可能要在原有内容中加入一些辅助的标签来放置这些背景或点缀图片,但原则是尽可能的少加,能用原标签背景做的就用背景做,此处也比较考验制作人的CSS功力。

  4.兼容性

  我们还要在多款浏览器中做一下测试,看一下是否在每个浏览器中均正常,然后把代码尽可能的向XHTML标准靠拢。咱们的FarideaRSS已经顺利通过了XHTML的检验。 

  然后咱们再来回顾一下,XHTML网页制作步骤:

  1.内容大刀阔斧划分
  2.简单排版
  3.细细品位设计
  4.兼容性与标准

  总体来说XHTML网页制作时间要比传统HTML网页耗时,但出来的网页容量小兼容性好,最主要的是,不知大家是否注意到了,可以脱离DW这种可视化工具依赖,只要有一个好的CSS编辑器就可以了,这种依赖的脱离是不容小视的。

时间: 2024-11-01 01:53:20

XHTML网页与HTML网页制作技术对比的相关文章

动态网页制作技术JSP与ASP的比较

js|比较|动态|网页|js 总的来讲,JavaSever PagesTM(JSP)和 微软的Active Sever Pages(ASP)在技术方面有许多相似之处.两者都是为基于WEB应用实现动态交互网页制作提供的技术环境支持.同等程度上来讲,两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计网页从逻辑上分离的技术.而且两者都能够替代CGI使网站建设与发展变的较为简单与快捷. 尽管JavaSever Pages 技术和微软的Active Sever Pages在许多方面都有相似的,但

动态网页制作技术JSP中“预定义变量”的使用

js|变量|动态|网页 动态网页制作技术JSP技术 初级教程 "预定义变量"如何使用 JSP教程 为了简化JSP表达式和scriptlets中的代码,提供了8种自动定义的变量,有时称做implicit objects(固有对象).它们是:request,response,out,session,application,config,pageContext,和 page.下面我们来详细的了解它们. request 与request相联系的是HttpServletRequest类,使您可以

动态网页制作技术JSP页面显示乱码问题的解决

js|动态|解决|网页|问题|显示|页面 动态网页制作技术 JSP教程 网页页面乱码 解决JSP页面显示乱码问题. 用JSP开发网站过程中可能会有三种情况会产生乱码. 一.JSP页面显示乱码 二.表单提交中文时出现乱码 三.数据库连接时出现乱码 大家在JSP的开发过程中,经常出现中文乱码的问题,可能一至困扰着您,我现在把我在JSP开发中遇到的中文乱码的问题及解决办法写出来供大家参考. 一.JSP页面显示乱码 下面的显示页面(display.jsp)就出现乱码: <html> <head&

动态网页制作技术JSP与ASP的比较p-

总的来讲,JavaSever PagesTM(JSP)和 微软的Active Sever Pages(ASP)在技术方面有许多相似之处.两者都是为基于WEB应用实现动态交互网页制作提供的技术环境支持.同等程度上来讲,两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计网页从逻辑上分离的技术.而且两者都能够替代CGI使网站建设与发展变的较为简单与快捷. 尽管JavaSever Pages 技术和微软的Active Sever Pages在许多方面都有相似的,但仍然存在很多不同之处,其中最本

ASP动态网页制作技术经验分享_应用技巧

学好一门编程语言有两个条件是必不可少的,一是理论与实践结合.在实际例程去验证书本上的理论能加深你对理论的理解:二是学会总结,把学习.运用中的心得体会记下来,当成一种经验或者教训加以提炼并在日后的应用中加以改进,一定能提高你对这门编程语言的认识.以下是笔者在学习与运用ASP编程中的两点经验,希望能对大家有所帮助. ASP页面内VBScript和JScript的交互 ASP具备管理不同语言脚本程序的能力,能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数.ASP开发环境提供了两种脚本引擎,即VB

ASP动态网页制作技术经验分享

学好一门编程语言有两个条件是必不可少的,一是理论与实践结合.在实际例程去验证书本上的理论能加深你对理论的理解:二是学会总结,把学习.运用中的心得体会记下来,当成一种经验或者教训加以提炼并在日后的应用中加以改进,一定能提高你对这门编程语言的认识.以下是笔者在学习与运用ASP编程中的两点经验,希望能对大家有所帮助. ASP页面内VBScript和JScript的交互 ASP具备管理不同语言脚本程序的能力,能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数.ASP开发环境提供了两种脚本引擎,即VB

学习网页制作技术之设计好干净的链接

链接|设计|网页 网页离不开链接,而默认链接的表现形式总是千篇一律的蓝色文字加底线,每当我们点击它时,周围会出现虚线框,表示该链接是当前的焦点,影响了美观.不过一些五彩缤纷的链接所付出的代价是添加了大量的代码.我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性,图个新鲜. 首先只要在链接标签中添加这句代码即可屏蔽点击时四周出现的虚线框,如: 网页陶吧 网页刷新后再点击这个链接,是不是不显示虚线框了!OK,我们继续改造,再一步的工作是删除链接上的底线.在源代码的标签后添加以下三句代码,即可

java新人求代码:用myeclipse制作一个带链接的网页,该网页可实现冒泡排序

问题描述 java新人求代码:用myeclipse制作一个带链接的网页,该网页可实现冒泡排序 用myeclipse10制作一个网页,该网页带有提交按钮,点击该按钮后可以实现冒泡排序.要全部代码,谢谢 解决方案 用不用eclipse就没关系了,这个用js就能实现,不需要服务器端,用记事本就能写.http://www.codesec.net/view/176782.html 解决方案二: 首先,建议了解下java web基础,知道怎么从前台页面,到后台的执行流程. 其次,设计页面元素,确定你的冒泡排

百度hi网页聊天是用什么技术开发的?

问题描述 百度hi网页聊天是用什么技术开发的?我现在想做一网页聊天软件,不知道用什么技术,服务器接收到数据后,如何推向前台页面?谢谢! 解决方案 解决方案二:引用楼主shutaodream的回复: 百度hi网页聊天是用什么技术开发的?我现在想做一网页聊天软件,不知道用什么技术,服务器接收到数据后,如何推向前台页面?谢谢! Ajax即可实现.-解决方案三:试试jabber/xmpp协议的吧,服务器端有openfire等,有各种语言的客户端库解决方案四:ajaxasp.net版有人发过源程序的,网上