相关文章
网站制作使用Dreamweaver 8 轻松制作漂亮的Flash像册
网站建设Dreamweaver 实现多分辨率层定位
网站设计Dreamweaver小技巧:超高速下载图像
北京网站建设Photoshop打造超酷影片风格画面场景
北京网站建设了解学习网页中背景图片CSS实现方法
网站建设实现连续长字符在IE与FireFox下自动换行的方法
北京网站设计Photoshop路径与字体的巧妙结合绘制虚线图标
网站设计用Photoshop手绘晶莹透明的水滴
北京网页设计2007流行网站导航设计欣赏
网站设计网页设计三部曲之二:审美需求
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 北京网站制作网站制作XHTML网页与HTML网页制作技术对比
北京网站制作网站制作XHTML网页与HTML网页制作技术对比
目前看来关于XHTML网页的制作大家还存在很多的困惑,一一解答有些困难,我现在就XHTML网页与HTML网页制作技法上的不同来做一下说明。 Www^Chinaz^com
首先说一下 北京网站建设HTML网页的制作方法:
Chinaz^com
1、拿到美工设计图开始切图
Chinaz^com
2、用表格把切的图拼成一个网页 中.国.站长站
3、把内容放在已经编排好的空白处
而 北京网站制作XHTML网页在制作技法与顺序上是截然不同的,XHTML想要做的就是内容与版式的分离,那么自然制作人员与设计师的工作可以做到一定程度的分离。 中国站.长.站
我们以我给理想做的FarideaRSS网页来进行一下XHTML网页制作流程的说明:
1、内容划分 Www_Chinaz_com
将内容大刀阔斧的进行划分: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做不到的就可以了 Chinaz
3、细细品位
Chinaz^com
这是网页的大体架构已经出来了,但是需要对设计师的页面进行细细品位了,为了效果设计师多会加一些阴影或者好看的背景图片,或者渐进式的图片,此时我们可能要在原有内容中加入一些辅助的标签来放置这些背景或点缀图片,但原则是尽可能的少加,能用原标签背景做的就用背景做,此处也比较考验制作人的CSS功力。 中国.站长站
4、兼容性
中国站长.站
我们还要在多款浏览器中做一下测试,看一下是否在每个浏览器中均正常,然后把代码尽可能的向XHTML标准靠拢。咱们的FarideaRSS 网站制作已经顺利通过了XHTML的检验。
然后咱们再来回顾一下,XHTML网页制作步骤: Www~Chinaz~com
1、内容大刀阔斧划分 [ 网站设计中国站长站]
2、简单排版
站.长.站
3、细细品位设计 中国站长_站,为中文网站提供动力
4、兼容性与标准 Chinaz~com
总体来说XHTML网页制作时间要比传统HTML网页耗时,但出来的网页容量小兼容性好,最主要的是,不知大家是否注意到了,可以脱离DW这种可视化工具依赖,只要有一个好的CSS编辑器就可以了,这种依赖的脱离是不容小视的。 中.国站长站