一步步学习SPD2010--第十章节--SP网站品牌化(5)--创建具有功能的HTML页面
你们在品牌化网站上有统一认识之后,你需要把用户界面设计的视觉展示(即线框图)转化为实用的HTML页面。你可能首先创建一个包含母版页和内容页部件的页面来原型化你的设计。使用那个页面创建你的CSS样式,然后当你有签名批准许可时,创建母版页和内容页的模板。创建原型页面首先意味着你可以,不用等待查看两个文件融合后的结果,给母版页和CSS样式确定HTML雏形。原型应该反映出你考虑作为计划的一部分,关于可用性和辅助功能的设计意图,以及是否给页面布局使用用table或DIV标签。SPD可以用来创建原型、实际母版页和内容页。
本例中,你创建一个<div>区域,包含另外两个<div>。
准备:使用SPD打开站点。以拆分视图打开MyPage.aspx。
1. 在 form#form1矩形中,点击插入--HTML--<div>。
2. 在快速标签选取器区域点击<div>右边箭头,点击标记属性。
3. 在属性下,输入container作为id,按下Enter。
4. 在div#container矩形中,按下Enter。插入空行。
5. 返回到第一行,再次插入一个<div>,输入page_content作为id,按下Enter。
6. 在第二行同样插入<div>,输入right_col作为id,按下Enter。
7. 在第三行按下Delete。此时div#container包含两个<div>标签。
8. 保存。