探索基于工作过程的Web标准网页设计课程.pdfVIP

第9卷第12期 软件导刊 V01．9No．12 2010年12月 Softwa∞Gllide Twe．20lO 探索基于工作过程的Web标准网页设计课程 魏慧，朱香卫，凌 云 (南京铁道职业技术学院，江苏苏州215000) 摘要：从工作角度出发，结合网页开发主流技术——Web标准，探索高职网页设计课程的教学设计思路，着重学生 职业技能培养，真正做到学校教育与企业需求一致。 关键词：工作过程；Web标准；网页设计 中图分类号：9434 文献标识码：A 文章编号：1672—7800(2010)12也24—02 结构如下： l常见的网页设计方法 htmlPUBUC”一／．／W3C／彻XHTML1．011mn- !DOC’IrYPE 目前，常用的网页设计方法有主要有两种：“表格+切片”、 sitiollalJdtd” 基于Web标准的网页设计。 htIIll xIIIIns-”http：／佃w．w3．o∥1999触砌” “表格+切片”是网页设计最基本的方法，采用表格布局，通 head 过方方正正的“格子”定位文本、图像等页面元素，是一般网页 枷eta http唧iy=”C彻teH卜T，pelI 初学者最容易掌握的一种方法。 utf-8”／ 基于Web标准的网页设计是目前主流的网页设计方法。 title／tiⅡe 大型网站如门户网站新浪、搜狐等都使用这种方式。通过Div+ (／head CSS布局页面，DIV元素用来控制网页的内容，CSS样式表控制 body DIV元素的样式，JavaScript设计网页特效，最终完成页面的设页面主体 计。Div+CSs布局页面实现了网页内容与样式相分离，使得网／body 页设计师能快速重构页面，即为网页换肤，这是“表格+切片”方 ／htnd 法所不具备的一大优势。除此之外，由于元素的外观、位置等特 性都是由CSS样式表来控制。使得页面源代码更为简洁，有利 于加快网页加载速度。 目前使用最多的是被各浏览器广泛接受的过渡型．本文上述 2Web标准 素包含了一个命名空间属性．属性值参照上述XHTML文档结 所谓Web标准是一系列标准的集合，而非一个标准。网页 主要由结构、表现、行为三部分组成，分别对应三个标准——结 构化标准语言(XML，XHTML)、表现标准语言(CSS)、行为标准 语言(W3C DOM、ECMAscript)。 档主体。 2．1 XH田ML 2．2 CSS Exte啦ibleTextMarku XHrIML(r11IeHyper Langua舻)可扩 Style CSS(C鹊cadiIlg 展文本标记语言．是一种依照XML语法规范重新定制的扩展 的一种网页新技术，可以精确控制页面布局、文本、颜色、背景、 的H7IML语言．它的语法规则遵循XML语法规范，文档的基本 基金项目：南京铁道职业技术学院青年基金课题(yq0907