在网页设计教学过程中,学生能够通过sharepoint软件的学习掌握基础网页开发技能,其中div标签是实现页面结构化布局的重要html元素。那么,在sharepoint平台中如何规范地插入与使用div标签?本文将系统讲解在sharepoint环境下添加并配置div标签的操作流程,助力学生更扎实地构建网页骨架,增强动手实践能力。
1、 启动Windows 7系统中的SharePoint Designer 2007,进入主界面后,使用鼠标左键定位到目标文件夹,随后右键单击,在弹出菜单中选择“新建”→“HTML页面”,创建一个空白HTML文件用于后续网页设计,操作步骤如下图所示。

2、 对新建的HTML文件进行重命名,完成后双击该文件即可在编辑器中打开,操作界面如下图所示。

3、 切换至“代码”视图,可直接查看并编辑当前网页的原始HTML源码,界面显示如下图所示。

4、 在编辑器右侧的“工具箱”面板中,用鼠标左键点击“div”控件图标,准备将其添加至页面中,操作示意如下图所示。

系统介绍:YIXUNCMS中专专版是易迅软件工作室在中秋节来临之即推出的专题模板建站系统,使用增强版后台管控系统,板板设计符合节日特点。易迅软件工作室恭祝全国人民中秋快乐。特别提示:由于网站页面的不同设计,部分后台功能未在前端进行体现。系统特点:1、采用目前流行的PHP语言编写,底层采用超轻量级框架作为系统支撑;2、页面布局使用DIV+CSS技术,遵循WEB标准,及大提高页面的浏览速度;3、使用应
5、 将选中的div标签从工具箱拖拽至代码窗口内的合适位置(如
标签内部),完成基本结构插入,效果如下图所示。
6、 在已插入的div代码块内进一步编写表格相关HTML代码,实现内容区域的分栏或数据展示布局,具体样式结构如下图所示。

7、 查看生成后的div嵌套结构,可见其中已包含完整的table、tr、td等标签层级,形成清晰的语义化布局框架,如下图所示。

8、 向表格单元格中输入实际文本或数据后,点击顶部工具栏的“设计”按钮切换至可视化编辑模式,即可实时预览所建表格效果;最后保存操作,整个div标签应用流程即告完成,如下图所示。










