青岛网站建设
网站首页 联系我们

资讯中心

联系方式
  • 地址:青岛市李沧区金水路772号
  • 电话:0532-87606070
  • 手机:13969865210
  • 邮箱:web@toorain.net

网站建设常识
青岛网站建设中XHTML网页与HTML网页制作技术不同
时间:2013-11-27 11:13:01  来源:青岛网站建设  点击:1540

    青岛网站建设中XHTML网页与HTML网页制作技术不同呢?以青岛网站建设公司看来关于XHTML网页的制作大家还存在很多的困惑的地方,要想一一解答还有些困难,现在青岛网络公司就来关于XHTML网页与HTML网页制作技法上的不同来做一下简单的说明。

    下面青岛网站建设公司就来首先说一下HTML网页的制作方法:1.拿到美工设计图开始切图。2.用表格把切的图拼成一个网页。3.把内容放在已经编排好的空白处。那XHTML网页在制作技术在顺序上是于html截然不同的。XHTML网页想要做的就是内容与版式的分离,那么自然制作人员与设计师的工作可以做到一定程度的分离。

    下面青岛网站建设公司来做个简单的例子来进行XHTML网页制作流程的说明:

第一步:内容划分

  将青岛网站建设的内容进行大刀阔斧的划分,如: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〉

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

第二步:简单排版

  这个步骤,是我们已经拿到青岛网站建设设计师的设计稿了,这时设计师们已经用很漂亮的颜色,很漂亮的版式为我们设计出了这个网页,这时就是CSS发挥威力的时候了,我们将原来定义的内容用CSS进行排版,用颜色块对内容进行区分,记住这时先不要着急切图哦!也不要着急加背景图,因为那样只会扰乱你自己。这时就是对青岛网站建设制作人员的CSS功力的考验了,只要坚信一个信念,没有CSS做不到的就可以了。

第三步:细细品位设计

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

第四步:兼容性测试

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

    以上便是青岛网站建设整理的关于XHTML网页制作步骤。总体来说XHTML网页制作时间要比传统HTML网页耗时,但出来的网页容量小兼容性好,最主要的是可以脱离Dreamweaver这种可视化工具依赖,只要有一个好的CSS编辑器就可以了,这种依赖的脱离是不容小视的。

本文由青岛网站建设公司整理发布,青岛网站建设公司--青岛图韵网络专业提供青岛网站建设、青岛网站制作、青岛网站设计、青岛网站改版、网站策划、网站推广、域名注册空间租用、企业邮局等互联网服务。
官方网站:http://www.toorain.net/
成品网站:http://www.city86.com/

本文网址:http://www.toorain.net/news_view_300.aspx