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

发布时间:2024-07-25 点击:42
目前看来关于xhtml网页的制作大家还存在很多的困惑,一一解答有些困难,我现在就xhtml网页与html网页制作技法上的不同来做一下说明。
首先说一下html网页的制作方法:1.拿到美工设计图开始切图 2.用表格把切的图拼成一个网页 3.把内容放在已经编排好的空白处
而xhtml网页在制作技法与顺序上是截然不同的,xhtml想要做的就是内容与版式的分离,那么自然制作人员与设计师的工作可以做到一定程度的分离。
我们以我给理想做的faridearss网页来进行一下xhtml网页制作流程的说明:
1.内容划分
将内容大刀阔斧的进行划分:logo,导航,文章标题,作者,发布时间,copyright等等,用代码表示就是:
菜单1 菜单2
内容应当就是线性的排列下来,标签的目的仅仅是为了区分内容的结构,而并不用关心设计师的设计稿,忘记阴影、颜色、背景图吧,因为你和设计师在设计前已经商量好了网页内有哪些内容,所以设计也是为内容服务。
2.简单排版
这时我们拿到了设计师的设计稿,设计师们已经用很漂亮的颜色,很漂亮的版式为我们设计出了这个网页,这时就是css发挥威力的时候了,我们将原来定义的内容用css进行排版,用颜色块(先不要着急切图)对内容进行区分,先不要着急加背景图,因为那样只会扰乱你自己。示例如下: 此主题相关图片
这时就是对制作人员的css功力的考验了,只要坚信一个信念,没有css做不到的就可以了:)
3.细细品位
这是网页的大体架构已经出来了,但是需要对设计师的页面进行细细品位了,为了效果设计师多会加一些阴影或者好看的背景图片,或者渐进式的图片,此时我们可能要在原有内容中加入一些辅助的标签来放置这些背景或点缀图片,但原则是尽可能的少加,能用原标签背景做的就用背景做,此处也比较考验制作人的css功力。
4.兼容性
我们还要在多款浏览器中做一下测试,看一下是否在每个浏览器中均正常,然后把代码尽可能的向xhtml标准靠拢。咱们的faridearss已经顺利通过了xhtml的检验。
然后咱们再来回顾一下,xhtml网页制作步骤:
1.内容大刀阔斧划分 2.简单排版 3.细细品位设计 4.兼容性与标准


北京手机网站建设都有哪些注意事项?
seo大神都是如何策划网站,请笑纳!
企业网站建设常见功能点
新站SEO快速排名的方法有什么技巧呢?
wang牌域名成就您
外链不在多,在于精,应对百度K站的原因进行优化网站
尚橙行业新闻速递:微信应用号“小程序”开启内测,无需安装卸载
网站后台在线文本编辑器使用的一些注意问题