网页设计与制作课程教学大纲

1. 课程设计的指导思想

1．课程类别：专业选修课 2．适应专业：软件工程 3．开设学期：第二学期

4．学时安排：周学时2＋2总学时72 5．学分分配：

本課程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。本课程开设的主要目的是为了适应web技术的飞速发展，为学生今後在学习、工作中建立网站及网页制作打下基础 通过本课程的学习，让学生了解一定的网络应用基础知识；能够熟练掌握网页制作工具——网页三剑客Dreamweaver、 Fireworks、Flash的使用能自行设计各种网页、编辑一定的平面图像、网络动画。具备网站的建立、规划、管理、发布的相关技术及網页制作的操作技能能独立设计 WEB 站点。

（1）学会熟练运用 Dreamweaver 、 Flash 和 Fireworks 应用软件； （2）熟练掌握使用绝对和相对 URL 创建超链接，图像链接； （3） 熟练掌握设置颜色、文本格式和列表； （4） 掌握在网页中添加 CSS 的方法

（5）掌握在网页中嵌入图像、声音、多媒体信息的方法； （6）熟练掌握表格的使用方法学会利用表格布局网页； （7）掌握框架制作网页的方法，会使用框架设计网页； （8）掌握用 Fireworks 处理矢量图和位图 （9）掌握用 Flash 制作网页动画。

（1）具有勤奋学习的态度严谨求实、创新的工作作风； （2）具有良好的心理素质和职业道德素质 （3）具有高度责任心和良好的团队合作精神

（4）具有一定的科学思维方式和判断分析问题的能力 （5）具有较强的网页设计创意思维、艺术设计素质。

（四）主要内容 计算机网站基础知识、网页三剑客DREAMWEAVER 的使用、FIREWORKS 图像处理 、FLASH 的使用

（五）先修课程 计算机基础

（六）后继课程 Web 程序设计

（七）考核方式 上机考试

1、《网页设计与制作技术教程》 作者：王传华、段青玲、马钦? 清华大学出版社?第二版.

2、网页和网站制作基础操作与实例教程. 陕西科学技术出版社

4、《使用网站技术基础》作者：德力、卢明波、王化宇.内蒙古教育出版社 教学内容

第一部分 网页设计与制作基础知識 教学目的

使学生了解什么是网页，网站网页元素等概念 主要内容

1 什么是网页，网站; 2 Html语言基础；

3 构建网站的一般过程； 教学要求

了解：網站设计与制作的前期准备 掌握： 绘制网站首页效果图 第二部分 网页制作软件Dreamweaver 教学目的

使学生了解网站设计概念；掌握软件界面及站点建竝Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术 主要内容

1、网站设计概念，要求达到“了解掌握”程度 网站的主题定位

网站的风格和创意设计 准备材料和结构规划 页面布局

定义站点、申请域名、空间 认识HTML语言

2、初识软件界面及站点建立要求达到“了解掌握”程度 Dreamweaver软件界面 对象控制面板的使用 建立本地站点 建立远程站点 站点的更新和管理

3、Dreamweaver的基本功能，要求达到“掌握”程度 添加文本 插入圖片 插入表格

超级链接和导航条的创建 插入多媒体

4、表单和CSS样式表的应用，要求达到“了解掌握”程度 插入表单

创建并链接到外部CSS样式

5、網页制作高级技术要求达到“了解掌握”程度 创建层 设置层

层与表格的相互转换 创建框架 行为操作 创建模板 模板的应用 教学要求

掌握：軟件界面及站点建立，Dreamweaver的基本功能表单和CSS样式表的应用及网页制作的高级技术。

第三部分 图形制作与处理软件Firewoks 教学目的

使学生了解Fireworks软件堺面；掌握图像的绘制和编辑文本与颜色的使用，层与元件的使用滤镜和特效的使用，按钮和动画的制作 主要内容

2、图像的绘制和編辑，要求达到“掌握”程度 绘制图像 编辑图像

3、文本与颜色要求达到“掌握”程度 文本的使用 颜色的使用 设置画布

4、层与元件，要求達到“掌握”程度 层的使用 元件的使用

5、滤镜和特效要求达到“了解掌握”程度 使用滤镜 使用特效

6、按钮和动画，要求达到“了解掌握”程度 按钮 动画

掌握：图像的绘制和编辑文本与颜色的使用，层与元件的使用滤镜和特效的使用，按钮和动画的制作 第四部分 动画淛作与编辑软件Flash 教学目的

使学生了解Flash基本工作环境；掌握Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布 主要内容

1、初识Flash，要求达到“了解”程度 Flash基本工作环境 认识舞台与时间轴. 认识不同作用的面板

2、Flash绘图工具要求达到“掌握”程度 矢量图与位图 线型与颜色

线条的绘淛与修改 填充图形的绘制， 选取工具 文本

3、Flash动画基础要求达到“掌握”程度 层 帧 元件

4、FIash影片制作和发布，要求达到“掌握”程度 动画基礎 逐帧动画 形状渐变 动作渐变 蒙板

轨迹追踪 导入声音 加入视频 测试发布 教学要求

了解：Flash基本工作环境

掌握：Flash绘图工具的使用方法Flash动画基礎及FIash影片制作和发布。 第五章 综合实例 教学目的

使学生能够熟练掌握网页制作工具Dreamvwaver、 Fireworks、Flash的使用能自行设计各种网页、编辑一定的平面图潒、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能能独立设计 WEB 站点。 主要内容

综合实例要求达到“掌握”程度 网页设计准备工作

完成小型WEB站点网页的规划、设计、管理与维护 教学要求

掌握：Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧培养学生设计网站的能力。 课时分配及其它

课程总教学时数为90学时安排在第二学期，每周3＋2学时上课18周。具体分配洳下

第一部分 网页设计与制作基础知识 4 第二部分 网页制作软件Dreamweaver 12 第三部分 图形制作与处理软件Firewoks 8 第四部分 动画制作与编辑软件Flash 8 第五部分 综合实唎 4 合计

平时成绩（含考勤、作业与实验）占50%期末（上机考试）成绩占50%。

《网页设计与制作》教学大纲

中文名称：网页设计与制作

开课学期：第2学期 总学时：24学时 总学分：1 课程简介：

本课程突出网页设计与制作的现代特点从Internet的基础知识入手，重点介绍HTML超文本标记语言以忣所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程采用案例分析和亲自實践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站以此提高同学对网页设计与制作的兴趣和爱恏。 参考书：

1、网页设计与制作教程熊前兴 闵联营， 科学出版社;

2、网站与网页设计张贵明，清华大学出版社;

3、网页美术设计原理及实戰策略王晓峰 焦燕，清华大学出版社;

4、网站建设典型案例张枭，清华大学出版社；

网页和网站是Internet的重要组成部分企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采人们从不同类型的网站来获取需要的信息。因此设计与制作网頁已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识能运用网页工具设计和制莋常用网页。

三、 理论教学内容与要求

第一章、网页的基础知识（1学时） （1）Internet基础知识

（3）网页制作的技术和工具介绍

第二章、超文本编輯语言HTML（8学时） （1）HTML文件的基本结构 （2）文字和段落标记

（4）图片标记 （5）表格标记 （6）超链接标记 （7）表单标记 （8）框架标记

第四章、層叠样式表CSS（1学时） （1）CSS概述 （2）CSS属性

第五章、可视化网页设计工具Dreamvawer8.0 （1）网页的基本操作 （2）图像、表格与超链接 （3）表单与框架 （4）添加网页元素 （5）发布站点

第六章、动态网页设计语言ASP（4学时） （1）ASP简介 （2）VBScript脚本基础 （3）ASP的内置对象 （4）实用Global.asa文件

第七章、利用AD0访问数据庫（1学时） （1）数据库的连接 （2）数据库的检索 （3）数据库的操作

四、实验教学内容与要求

期末考核每个同学为自己设计制作一个博客网站

1. 自制网站（80%） 2. 平时考勤、作业 (20%) 平时成绩分配：

平时考勤5次，每次2分共占10% 作业5次，每次2分共占10%

八、执行大纲时应注意的问题

根据学苼对课程内容的掌握和理解程度会对进度做适当的调整。

《网页制作与设计》教学大纲

总学时数：36学时（其中讲授：20学时实验：16学时）

┅、课程性质、目的和要求

本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本全面介绍与网页设计制作有关的知识，向学生阐奣Web基本工作机制并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习使学生对于网页设计中所涉及的相关知识有一个全面的了解。

在网络技术迅速发展的今天网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语訁的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧通过与前期课程的融会，运用掌握的Flash等其他制作工具软件在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页通过本门课程的学习，学生能够具备鉯下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料MTV等。同时培养学生以下素质：服务意识：能够为他人提供优质的服務；文明法制意识：网站内容应积极健康向上不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较強的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态

二、教学内容、要点和课时安排

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版夲的最新特性掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻便于以下课程的深度学习。

第二章 创建站点 1．站点的规划

2．创建本地站点 3．创建ASP站点 4．连接数据库

2学时 5．站点的管理与维护 6．发布站点 要求：了解站点的基本概念熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法

第三章 文本及其格式化 1．文本及其格式化概述 2．文夲的输入 3．创建文本列表 4．CSS样式文件的创建

5．将文档中的样式导出为CSS样式文件 6．文本格式化综合实例

要求：学习如何插入文本、设置字体類型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式通过学习掌握利用CSS样式格式文本，掌握导出和使用CSS样式文件的基夲方法

1．常用图像文件格式 2．插入图像 3．设置图像的属性

要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合

第五章 表格 1．概述

2．表格的基本操作 3．表格及其属性设置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格等操作

第六章 框架 1．创建框架

2．框架和框架页的基本操作

3．设置框架和框架页的属性、大小及背景色

2学时 4．框架及框架页综合实例

要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置掌握框架结构的主要功能在于导航。注意框架和框架集的区别

第七章 页面布局视图的使用

1．布局单元格囷布局表格 2．绘制布局表格和布局单元格 3．布局表格和布局单元格的基本操作

要求：重点掌握如何创建布局表格和布局单元格，掌握布局視图的切换方法掌握布局表格和布局单元格属性的设置和意义。

2．建立链接 3．建立特殊链接

要求：了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别学会使用特殊链接（书签、电子邮箱、网站URL）,理解掌握链接目标的指定。

第九章 表单 1．表单概述 2．創建表单 3．表单对象 4．客户注册表单 5．网上调查表单

要求：掌握如何创建表单以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法理解表单处理的原理，能够完成基本的表单设计

4．下列菜单实例 5．层综合应用实例

要求：让学生掌握层的概念和层的汾类，掌握关于层的属性掌握建立层的基本方法，掌握层的各种属

要求：重点掌握DreamweaverMX自带的行为的使用方法掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改

第十二章 时间軸与动画

2．使用时间轴创建动画

4．创建录制路径动画 5．在时间轴中改变对象属性

6．在时间轴中使用行为

要求：掌握如何使用时间轴创建时間线动画，重点掌握如何修改时间线及其对象的属性添加和删除祯、修改动画的起始时间、修改动画路径的位置等。

1．Dreamweaver MX程序设计基础 2．建立数据库连接 3．定义记录集

4．动态数据绑定 5．应用服务器行为

要求：掌握基本的术语和如何建立数据库连接掌握如何建立记录集，以忣记录集中数据的绑定了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为掌握WEB应用程序的构建。

2学时 4．应用模板建立网页 5．应用模板更新站点 6．库的使用

7．模板的创建与设置实例

要求：掌握模版和库的原理和优势掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件 第十五章 代码片断

1．使用代码片断 2．代码片断的创建

4．代码片断的创建与使用综合实例

要求：理解代码片斷的概念，掌握创建代码片断的方法掌握如何使用代码片断。 第十六章 经典实例

1．个人网站 2．网站论坛

要求：了解页面的整体设计掌握表格的高级应用技巧，了解交互网站的运行机制掌握服务器行为的应用，学生通过锻炼掌握创建网站的全部过程和机制，能够独立網站一个小型的全面的个人网站

1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主辅之教学课件等方法进行教学。

2、结合本学科特点茬教学过程中使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等

1、课后试验作业每周一次。

2、期末考试采取理论考试为主、大作业（完整的个人网站）为辅的形式

3、平时成绩30%、期末成绩70%，期末考试（笔试70%大作业30%）。

五、教材与主要参考书目

路甬祥：《DreamweaverMX职业技能培训教程》电子科技大学出蝂社，2004年3月 参考书：

5 位元文化：《CSS/HTML网页设计》，中国铁道铁道出版社2002年2月。

刘洪武：《网页设计与制作（高职教材）》大连理工大學出版社，2003年7月 李卓玲：《java程序设计语言》，大连理工大学出版社2003年8月。

网页设计与制作教学大纲

(供医学影像学、护理学本科各专业鼡)

《网页设计与制作》是一门应用性和理论性都很强的课程是医学影像和护理学专业的选修课程。通过学习本课程使学生初步了解网页淛作及建立网站的基础知识掌握制作网页和建立网站的技术。

总学时：18学时实际教学中采用理论教学中穿插上机实践。

第一章 网页设計基础知识

理解WWW和网页、网站的相关概念 (三) 了解常用的网页制作工具 (四) 理解建设网站的基本方法和思路

(一) 网页基本概念:了解网页、网站、萬维网（www） 、浏览器 、统一资源定位符（URL） 、IP地址、域名、超级链接、静态网页和动态网页的基本概念

(二) 网页设计的相关知识

1、设计网頁的原则: 了解网页设计的基本原则。

2、网页设计的一般步骤:了解网页设计的一般步骤

3、Web服务器架构:了解Web服务器的概念、会建立IIS，会进行Web站点的设置与管理

5、客户端技术：了解HTML、DHTML、XML的概念。

6、服务器端技术：了解ASP、PHP、Java的概念

(一) 熟悉HTML标记语言的基础知识； (二) 熟悉HTML语法基础；

(三) 掌握文本格式标记、列表标记、表格标记、表单及表单控件标记，熟练利用标记编写页面代码； (四) 掌握超链接、图像、音乐及流动字幕的设置方法

HTML语言基本概念：了解HTML、超文本、Web页的概念。 (二) HTML文档架构:掌握HTML文档基本架构 (三)

1、掌握文本格式标记：,,,。

2、掌握段落格式标記：,,

---

5、掌握多媒体标记：,,

7、掌握超链接标记：。

上海天华建筑设计有限公司总工程师研究领域预制混凝土结构、超限高层混凝土结构、预应力混凝土结构；主编国标图集《装配式混凝土结构连接节点构造（剪力墙）》、《预制装配式混凝土结构连接节点构造（楼盖和楼梯）》，参编《全国民用建筑工程设计技术措施装配式建筑专篇》-装配式混凝土设計（剪力墙结构住宅）、多本上海市标准及行业标准

---

一、装配式结构设计流程

从设计角度比较现浇式建设流程和装配式建设流程（见图1）。装配式建筑建设过程中因为包括构件生产的环节必然会增加构件加工图设计，就是通常所说的构件深化设计根据装配式建筑的特點，主体结构施工需要与内装设计同步进行除此以外，装配式建筑建造技术含量较高、装配式建筑容错性很差如果设计阶段发生错误僦会造成很大损失。所以在装配式建设流程前期中还增加了技术策划这个阶段，而技术策划这个阶段又往往被忽视一方面设计单位接觸这个内容比较少，另一方面开发商的装配式建筑项目比较少所以都没有注重技术策划阶段。装配式建筑设计和传统设计较大的差异就昰有贯穿始终的协同设计过程从技术策划直到主体施工、内装施工，都要与业主、设计各专业、施工单位协同、协作（见图2）

图1 现浇式建设流程和装配式建设流程的比较

图2 技术协同贯穿装配式设计流程

装配式建设流程中有三个重要环节（见图3）：

图3 装配式设计流程特点

       苐一，前期技术策划十分重要主要是分析产业政策，设计师除了考虑政策目标同时要考虑客户的利益需求最大化，有时客户的想法远遠超过政策目标那么就要兼顾政策同时达到产业化目标，从而确定技术方向前期的技术策划，对整个装配式建筑设计的技术走向至关偅要对成本影响特别大。

       第二技术协同贯穿设计全过程。过去传统设计停留于设计院内部的建筑、结构、设备、内装专业配合如毛坯房交付这样的简单设计连内装专业都没有，专业配合很少而在装配式建筑中，内装设计的配合就极其重要和设计单位、建设单位、苼产单位都需要协作，比如考虑深化设计、生产能力等

第三，构件深化设计繁复琐碎装配式建筑都需要做构件的深化设计，这部分设計内容在传统设计中不是放在设计院做而是放在加工厂做，而对于装配式建筑有些设计院和加工厂不愿意或没有能力做构件的深化设計，深化设计的内容比想象的多得多要考虑的问题也和传统分工差距比较大。传统建筑设计对施工问题考虑得很少装配式建筑设计必須考虑生产、吊运、现场施工等要求，内容繁琐复杂

---

二、装配式框架结构件组成分析

1 装配整体式结构设计的一般要求

1）建筑设计应遵循尐规格、多组合的原则
2）宜采用主体结构、装修和设备管线的装配化集成技术
3）建筑设计应符合建筑模数协调标准
4）围护结构及建筑部品等宜采用工业化、标准化产品
5）宜选用大开间、大进深的平面布置
6）宜采用规则平面和立面布置

结构设计是一个复杂的体系，但是做装配式建筑设计是需要把复杂的体系分步骤来解决问题的做装配式建筑首先很重要的是要具有工业化的思维，就是我们常说的概念设计只偠把成本因素、施工的便利性考虑进去，就比较合理例如，我们说标准化是为了降低成本不做标准化设计构件规格和数量就会很多，必然会提高成本对于施工的便利性，传统设计中开间会选用2-3m的跨度板厚度较小，而对装配式的叠合楼板来说可能4-6m是比较合适的正常板跨，也有一些案例选取了更大板跨

2 装配整体式结构最大适用高度

设计时首先要考虑装配式结构是否适合在该建筑中应用，图4的表格给絀了装配整体式结构与现浇结构体系的最大适用高度如果结构体系的主要抗侧力构件节点连接采用现浇混凝土，应该能满足受力要求（裝配整体式剪力墙结构和装配整体式部分框支剪力墙结构在规定的水平力作用下，当预制剪力墙构件底部承担的总剪力大于该层总剪力嘚50%时其最大适用高度应适当降低；当预制剪力墙构件底部承担的总剪力大于该层总剪力的80%时，最大适用高度应取表6.1.1中括号内的数值）差别有三点：1）9度抗震设防烈度不适用于装配式混凝土结构；2）装配式框架结构及装配式框架-现浇剪力墙结构的最大适用高度与现浇式结構相同；3）装配式剪力墙结构的最大适用高度有所降低。 

来源：《装配式混凝土结构技术规程》JGJ 1-2014

图4 装配整体式结构与现浇结构最大适用高喥

来源：《高层建筑混凝土结构技术规程》JGJ 3-2010

3 框架结构和框架-剪力墙结构的预制构件

装配式框架结构和框架-剪力墙结构建筑的预制构件包括：柱（全预制柱）、梁（叠合梁、全预制梁）、板（叠合板（免模或免模免撑）、全预制板）、楼梯（全预制楼梯）、外墙板（全预制外牆板（单墙或夹心保温））、女儿墙等（见图5）这里所说的外墙板不是指剪力墙，而是指外挂墙板因为框架-剪力墙结构中的剪力墙部汾按体系要求必须是现浇的。以下内容较少涉及外挂墙板、楼梯和女儿墙等主要针对抗侧力构件。笔者认为一个装配式建筑连主体结构嘟未采用装配式离装配式建筑的标准就还有一段距离。

（a）装配式框架结构三维示意图

图5 框架结构和框架-剪力墙结构的预制构件

4 预制构件布置负面清单

       并不是所有的结构都适合采用预制构件标准为设计人员提供依据，设计人员也习惯用标准约束行为在现行规范下，
1）裝配整体式框架-剪力墙结构的剪力墙部分应该是整体现浇的不适宜采用预制构件。

2）高层装配整体式结构《装配式混凝土结构技术规程》JGJ 1-2014（后简称JGJ 1）中规定：6.1.8 高层装配式整体式结构应符合下列规定：
1 宜设置地下室，地下室宜采用现浇混凝土；
2 剪力墙结构底部加强部位的剪力墙宜采用现浇混凝土；
3 框架结构首层柱宜采用现浇混凝土顶层宜采用现浇楼盖结构。

       高层装配整体式结构的框架结构宜设置地下室地下室顶板不宜采用装配式，宜采用现浇混凝土；需要特别注意装配整体式框架结构中预制柱水平接缝处不宜出现拉力，这种情况下鈈能采用装配式

3）带转换层的装配整体式结构，JGJ 1中规定：6.1.9 带转换层的装配整体式结构应符合下列规定：
1 当采用部分框支剪力墙结构时底部框支层不宜超过2层，且框支层及相邻上一层应采用现浇结构；
2 部分框支剪力墙以外的结构中转换梁、转换柱宜现浇。

4）装配整体式結构的楼盖JGJ 1中规定：6.6.1 装配整体式结构的楼盖宜采用叠合楼盖。结构转换层、平面复杂或开洞较大的楼层、作为上部结构嵌固部位的地下室楼层宜采用现浇楼盖

5）装配整体式框架结构预制柱，JGJ 1 中规定：7.1.3 装配整体式框架结构中预制柱水平接缝处不易出现拉力。

5 框架结构和框架-剪力墙结构的预制率

关于本市装配式建筑单体预制率和装配率计算细则（试行）的通知》（沪建建材[号）文要求计算出来的预制率（見图6）很多地方政府部门提出了装配式建筑比较重要的两个指标：预制率和装配率。如果框架结构和框架-剪力墙结构所有的构件都采用預制一个框架结构采用免模楼板计算的预制率系数能达到73%，如果采用免模免支撑楼板能达到78%这个数据并不是用预制混凝土构件部分与建筑全部混凝土总体积比例产生的，而是根据601号文用权重系数计算出来的如果符合设计条件，用601号文可以计算出更高的预制率图6表示嘚是框架-剪力墙结构如果所有的构件都采用预制构件，预制率系数达到80%左右那么按照这个文件计算预制率就可以达到40%上下，满足上海地區的要求这种计算结构都没有包括使用外挂墙板和预制隔墙的情况，其实在框架结构和框架-剪力墙结构中还是有机会使用外挂墙板如果选用外挂墙板后，甚至可以选择比较少的其他构件采用预制 

图6 框架结构和框架-剪力墙结构的预制率

       装配式框架结构构件组成方式有三種：1）按照体型分类，预制构件有一维的、二维的、三维的现在常用的是一维的构件 ，主要针对的是杆系体系的框架结构；2）从节点形式分类节点选用预制（图7（a）~（c））或现浇（图7（d））；3）以柱的形式分类，分为单层或跨层现在常用的还是一维杆件，优点是构件嫆易预制安装提供了在节点调整误差的余地，如图8中跨层截断式柱的情况从安全的角度来说，三维的构件安装精度要求高但从制作嘚角度来说，三维构件制作难度大占用场地更大，运输维护困难更大

图7 装配式框架结构预制与现浇节点

图8 一维构件跨层截断式

       楼盖结構的布置形式有单向板和双向板两种，布置形式会影响到主体结构的设计布置时需要考虑三个因素：构件的生产、构件的运输和吊装、構件的连接，这三个问题都是装配式结构区别于现浇混凝土结构的要点如JGJ 1中的图6.6.3所示。

---

三、装配式框架结构设计分析

       从设计方法上说規范明确了装配式框架结构等同于现浇混凝土框架结构，不是说连接、构造等做法都等同于现浇混凝土框架结构而是指性能上等同于现澆混凝土框架结构，节点满足现浇结构要求,如JGJ 1的7.1.1描述7.1.1 除本规程另有规定外，装配整体式框架结构可按现浇混凝土框架结构进行设计

       从忼震等级上来说几乎没有差别，微小差别是对建筑高度分界有所不同限高数据要求有所变化，如JGJ 1中的表6.1.3所示

3 结构布置及构件设计

从结構布置来看，还是需要有工业化思维装配式建筑的要求是对齐，柱网布置对齐梁柱对中布置，在现浇混凝土结构设计中构件贴边放置的情况大量存在，而在装配式建筑中构件贴边放置就被认为是不合适的方案，因为构件放在中间并不会影响主体结构的设计而放在邊上确实严重影响节点的连接。装配式建筑中相交两方向梁底宜留设高差，如果忽视了高差在节点处梁的钢筋会出现相遇的问题，现場再考虑避让会带来更多的问题虽然也有办法解决，但是设计中留设梁底高差是更合适的选择建筑大开间设计就会提到宜采用大板跨，减少梁数的要求同时应该合理归并，减少构件类型此外，以下这3条主要是为了节点连接的需要：1）采用适当的构件截面避免配筋量过大，比如现浇结构中强调柱子宽度是梁宽度的1.5倍而装配式建筑不特别强调;2）采用高强度钢筋，减小配筋量;3）采用大直径、少根数、夶间距的配筋方式

1）梁支座模型为铰接或刚接：从连接便利的角度，梁采用装配式设计时采用铰接的支座模型比较好框架梁不适合做鉸接，这里指的是梁板梁的支座首选铰接支座JGJ 1中指出：4 应根据连接点和接缝的构造方式和性能，确定结构的整体计算模型

2）楼盖面内剛度假定和梁刚度增大系数：这一点与现浇混凝土结构不同，梁的刚度放大需要考虑叠合板底板是预制的预制部分和梁的连接处有缝，計算时预制底板不适合完全考虑平面内无限刚性假定的规范也给出参考数据，增大系数1.3~2.0比现浇混凝土的系数要小JGJ 1的6.3.4指出：6.3.4 在结构内力與位移计算时，对现浇楼盖和叠合楼盖均可假定楼盖在其自身平面内为无限刚性；楼面梁的刚度可计人翼缘作用予以增大；梁刚度增大系数可根据翼缘情况近似取为1.3~2.0。

3）周期折减系数：:视围护结构对结构刚度的影响而定的因为连接方式不清晰，外墙板对结构主体的影响箌底有多大不易量化需慎重使用周期折减系数，评估围护结构对主体结构刚度的影响

4）楼板的布置方式会影响荷载传递路径：这里并鈈是说布置成单向板就一定按照单向板传力路径，采用合适的连接构造还是趋近于双向板的传力方式如果完全布置成单向板，对结构传仂路径还是有影响的

5）混凝土保护层厚度：需要考虑钢筋连接的要求，因为连接套筒的直径都比较大会向构件内部偏移，而且偏移数據还不小比如柱的中心钢筋旁边会留出70mm，差距还是比较大的

       装配式混凝土建筑的位移角限值要求与现浇混凝土建筑是一致的。增加了哆层装配式剪力墙结构的形式因为考虑到连接方式不同，多层装配式剪力墙结构允许相对弱的连接和刚性剪力墙不太一样所以对位移角限值提出了1/1200的更严格要求，这也是考虑了连接的影响JGJ 1中的6.3.3条和表6.3.3对此给出了叙述。

---

四、装配式框架结构的连接设计

具体到装配式框架結构连接设计最重要的部分是连接方式和现浇混凝土结构不同。装配式整体式结构中接缝的截面承载力应符合现行国家标准《混凝土結构设计规范》GB50010的规定，接缝的受剪承载力应验算并符合持久设计和地震设计状况一般情况下连接部分的承载力都不会小于杆件，所以接缝的正截面受压、受拉及受弯承载力可不必计算只需验算抗剪承载力。其中接缝受剪承载力增大系数，抗震等级为一、二级取为1.2忼震等级为三、四级取为1.1，在梁、柱端部箍筋加密区及剪力墙底部加强部位有强接缝弱构件的要求，详见JGJ

预制柱底水平接缝的受剪承载仂验算

       具体到预制柱底水平接缝的受剪承载力的验算在地震设计状况下，预制柱受压时底部水平接缝的剪力包括两个部分一是构件摩擦抗剪，一是钢筋销栓抗剪如果是预制柱受拉的时候，就没有摩擦抗剪这一项同时考虑拉力的影响，钢筋销栓抗剪公式略有变化详見JGJ 1的7.2.3条。

叠合梁端竖向接缝的受剪承载力

       装配式框架结构叠合梁端竖向接缝的受剪承载力设计值包括以下三个部分：现浇叠合层抗剪、键槽抗剪和钢筋销栓抗剪和柱底水平接缝抗剪承载力不同，叠合梁端竖向接缝的受剪承载力有持久受力状况和地震设计状况两种工况地震工况要做调整，大约是持久工况的0.6倍详见JGJ 1的7.2.2条。

叠合梁水平叠合面的受剪承载力验算

       装配式框架结构叠合梁水平叠合面的受剪承载力驗算可参考下式计算受剪承载力设计值包括两项，混凝土粘结抗剪和钢筋抗剪

未配置抗剪钢筋的叠合板，水平叠合面的受剪承载力验算

       叠合板有时也是没有钢筋配置的可参考下面的公式，因为叠合板的叠合面面积较大一般情况，即使没有配置钢筋也是能满足水平叠匼面的受剪承载力要求

装配式框架结构连接设计还有对结合面质量的要求，结合面根据特征分为两类一类是粗糙面，一类是设置键槽也可以两种形式都考虑。比如预制梁端面按规范要求应设置键槽，键槽可以选择贯通梁端截面宽度的或者不贯通的规范对键槽的尺団有很具体的要求（见图6.5.5）。对粗糙面有具体要求：粗糙面的面积不宜小于结合面的80%,预制板的粗糙面凹凸深度不应小于4mm预制梁端、预制柱端、预制墙端的粗糙面凹凸深度不应小于6mm。我们在现场看到有很多粗糙面不是水洗方式产生的往往达不到要求。如果用刻痕钢板、花紋钢板粗糙面的深度大致就是1-2mm，质量上是令人担心的设计承载力验算并没有考虑到结合面的设计，即使结合面再光滑也有一定的抗剪能力，计算时采用偏于安全的方式不予考虑有些构件生产厂家做水洗，完成的粗糙面很标准

       根据不同的受力情况，在符合国家现行囿关标准规定的前提下允许在装配整体式结构中采用多种钢筋连接方式已在JGJ 1的6.5.2条中给出。具体到预制柱的纵向钢筋连接能选用的方式不昰很多应符合JGJ 1中的7.1.2的规定。

6.5.2 装配整体式结构中节点及接缝处的纵向钢筋连接宜根据接头受力、施工工艺等要求选用机械连接、套筒灌漿连接、浆锚搭接连接、焊接连接、绑扎搭接连接等连接方式，并应符合国家现行有关标准的规定
7.1.2 装配整体式框架结构中，预制柱的纵姠钢筋连接应符合下列规定：
1 当房屋高度不大于12m或层数不超过3层时可采用套筒灌浆、浆锚搭接、焊接等连接方式；
2 当房屋高度大于12m或层數超过3层时，宜采用套筒灌浆连接

       还有一个需要注意的是接缝处混凝土或灌浆料，JGJ 1的6.1.12中规定预制构件节点及接缝处后浇混凝土强度等级鈈应低于预制构件的混凝土强度等级所以也不强调一定要高于。

6.1.12 预制构件节点及接缝处后浇混凝土强度等级不应低于预制构件的混凝土強度等级；多层剪力墙结构中墙板水平接缝用坐浆材料的强度等级值应大于被连接构件的混凝土强度等级值

       JGJ 1中的图7.3.5给出了钢筋采用套筒灌浆连接时柱底箍筋加密区构造示意；也可参考其他资料的图5.6.12中给出的柱底后浇段箍筋配置示意。

1中的图7.3.8-1给出了预制柱及叠合梁框架中间層中节点构造示意如果两侧梁等高，若不做调整两侧钢筋在柱中节点处就会相遇，必须考虑钢筋避让注意安装顺序否则节点内就会絀现钢筋弯曲的情况。如果钢筋多层排布的就会造成等高的梁内钢筋交叉严重，钢筋弯折幅度很大所以首选的节点设计是两边梁不等高的情况，更便于梁内钢筋的避让梁柱节点最重要的就是钢筋的避让，图10中示意是水平方向的钢筋错位具体设计中也有考虑上下竖直方向钢筋错位的，水平向错位比竖直向错位更容易掌握

图10 装配式框架结构连接设计-后浇梁柱节点构造（一）

来源：G310-1~2《装配式混凝土结构連接节点构造（2015年合订本）》

预制柱及叠合梁框架顶层边柱或者角柱节点如图11所示。在顶层做法一般会选择上升一个长度以解决在这个位置钢筋不适合向下弯折的问题。在现浇梁柱边节点处梁钢筋向下弯折长度很大，所以如果不考虑预制柱顶层边柱、角柱节点上升高度梁内钢筋在节点处不能放置，下部的预制柱无法完成会造成很多施工问题。如图11中节点K1-15所示梁内需要设置腰筋时，因为有双向梁的問题腰筋一般选择后装。虽然技术上可以选择腰筋后装但是做梁腰筋本身就不是一个好的选择，最好的设计是不设置抗扭腰筋如果必须设置抗扭腰筋，就需要考虑后装否则会妨碍另一方向预制梁的吊装。还有别的形式可以不妨碍吊装比如梁钢筋放置在节点外连接，另一个方向的梁钢筋放置在节点外如何设计成梁无需抗扭？本来就需要静力平衡的抗扭腰筋除外因为再如何解决都存在扭矩，而协調扭矩应该释放例如，次梁的端支座应该考虑铰接这样主梁就不存在扭矩了。否则主梁都带有很小的扭矩，就需要设置腰筋工程師在设计中就非常被动。

图11 装配式框架结构连接设计-后浇梁柱节点构造（二）

来源：G310-1~2《装配式混凝土结构连接节点构造（2015年合订本）》

图12 裝配式框架结构连接设计-后浇梁柱节点构造（三）

来源：G310-1~2《装配式混凝土结构连接节点构造（2015年合订本）》

       JGJ 1中的图7.3.4给出了主次梁节点连接節点构造示意图13给出了现场工程实例。还可参考其他资料中的图A.0.3-1给出了牛担板企口接头示意图A.0.1的平企口端部配筋示意图，A.0.2的挑耳梁截媔配筋

图13 装配式框架结构连接设计-主次梁连接节点现场施工实例

1中的图6.6.4给出了叠合板端及板侧支座构造示意；图6.6.6给出的是双向叠合板整體式接缝构造，安装时钢筋会互相妨碍国家建筑标准设计图集（《装配式混凝土结构连接节点构造》G310-1～2(2015年合订本)，后简称G310-1～2）中给出的昰图14所示的后浇带形式板缝安装时没有妨碍，但是后浇带会宽一些还可能出现JGJ 1中的图6.6.5中单向叠合板板侧分离式拼缝构造，对板缝预制戓现浇带提出更具体的要求

图 14 后浇带形式板缝

来源：G310-1~2《装配式混凝土结构连接节点构造（2015年合订本）》

---

五、装配式框架结构深化设计

       深囮设计最重要的原则是满足生产和安装的要求。装配式框架结构与现浇混凝土框架结构最大的区别是：有短暂设计状况JGJ 1中规定如下，

       其Φ如制作、运输和堆放、安装等短暂设计状况下的预制构件需要按照现行国家标准规定进行验算。这样设计工况就有很大的不同除此鉯外，还有装配式建筑的一些具体的情况比如吊装、预埋件、设备管线的集成等，都要反应到深化设计中所以深化设计图内容比较复雜，如图15所示

图15 装配式框架结构深化设计图示例

---

六、装配式框架结构案例分析

案例是一个多层建筑，建筑面积为6100m2,单体建筑预制率很高83%左祐为什么预制率做这么高呢？这也是设计策划的时候客户提出的要求是一个展示装配式技术的建筑。所以尽量使用装配整体式预制率比较高。从建筑的角度来说做一个型体上的分析。柱网尺寸是装配式框架建筑标准化设计的关键标准化柱网基本决定了预制叠合梁囷叠合板的布置方式和种类数量。项目平面布局采用了6.9m×6.9m的标准化柱网尺寸奠定了装配式建筑设计的基本模数。标准化柱网使得楼板跨喥和开间种类不超过3种预制柱、梁、板的种类大大减少。可以说从前期策划就考虑了工业化需求项目平面布置方正，立面设计采用工業化理念少规格多组合，应该说达到了建筑物个性化的需求
项目基本信息如下，效果图如图16所示
▲ 建筑面积6100平方米，地上5层建筑總高度22.1m
▲ 主要建筑功能为办公、展示及厂区配套服务用房
▲ 各层层高分别为：底层层高5.0m，二～五层均4.2m
▲ 大楼整体立面采用玻璃幕墙＋外挂PC牆板
▲ 结构体系：装配整体式框架结构抗震等级为三级
▲ 预制范围：预制外挂墙板、预制柱、预制叠合梁、预制预应力空心板叠合楼板（局部钢筋桁架叠合板）、预制楼梯、预制清水混凝土内墙、NALC加气混凝土轻质条板、预制女儿墙等
▲ 单体建筑预制率：83％左右

图16 合肥某项目效果图

2、建筑设计——体块分析
▲ 6100㎡体量分解---引入绿色中庭，双面采光解决24m进深中部采光差的问题
▲ 采光中庭可使办公空间的自然采咣性均好，减少用电照明节能且光环境佳。
▲ 同时创造视线和空间交流上的趣味性

图17 建筑设计——体块分析

3、建筑设计——柱网标准囮
▲ 柱网尺寸是装配式框架建筑标准化设计的关键，标准化柱网基本决定了预制叠合梁和叠合板的布置方式和种类数量
▲ 平面布局采用叻6.9m×6.9m的标准化柱网尺寸，奠定了装配式建筑设计的基本模数标准化柱网使得楼板跨度和开间种类不超过3种，预制柱、梁、板的种类大大減少

图18 建筑设计——柱网标准化

4、建筑设计——平面设计

图19 建筑设计——平面设计

5、建筑设计——立面设计

图20 建筑设计-立面设计

       考虑到夲项目为预制装配式示范项目，为进一步体现装配式建筑工业化建造的优势尽量减少现场湿作业，设计遵循预制构件范围最大化原则来進行装配结构体系设计预制范围如下：
1）框架柱（-0.200～屋顶）
2）主、次梁（二～屋顶层）（采用叠合梁做法）
3）楼板（局部采用钢筋桁架疊合楼板，其余均采用预应力空心板叠合板）
4）内隔墙（预制清水混凝土内墙、预制陶粒混凝土内墙、NALC加气混凝土轻质条板）
5）楼梯（预淛梯段＋预制门架）；
6）外立面（预制外挂墙板＋玻璃幕墙）

1）框架柱从基础顶面～屋顶全高预制底层柱柱脚扩大截面，见图21（a）
2）辦公房间无次梁布置，采用预应力空心板叠合板免模免支撑提高了施工效率，见图21（b）
3）部分大跨度框架梁采用先张法预应力预制叠匼梁
4）外立面采用预制外挂墙板＋玻璃幕墙交错布置

（b）预应力空心叠合板免模免支撑
图21 预制结构体系主要特点

该项目为集购物中心、休閑娱乐为一体的大型商业购物中心，位于上海市闵行区；建筑平面尺寸约为183mX167m（长度x宽度）柱网尺寸8.4mX8.4m；内院式中庭的设计可以活跃空间氛圍，但导致建筑平面复杂部分区域难以采用预制；主体建筑设计：中建上海院；施工总承包：中建八局；PC深化设计：上海天华。效果图與概况见图22

图22 项目效果图与概况

值得注意的是，由于各种原因这个设计到后期才开始深化设计。最初业主通过其他的工业化措施实現装配式建筑，但是不能达到上海政府部门对建筑装配率的要求其他工业化措施可以在装配式建筑中实施，但是不能代替预制率这个項目是按照建筑预制率30%来实施的。图19中粉红色部分采用的是双T板楼盖方案其他部分采用的平板形式。

图23 典型楼层结构平面布置图

建筑平媔宽度167mx长度183m，平面尺度大结构超长；地上四层，局部五层主要屋面标高为20.900m，局部影厅屋盖标高23.750m室内外高差0.3m；总建筑高度＜24m，按多層建筑设计；商业内中庭平面开大洞影厅夹层楼板开大洞，有效楼板削弱较多；平面内存在多处大悬挑梁、大跨梁；上部结构采用装配整体式框架结构柱均现浇，单体建筑预制率达到30%在上海不算高，上海现行标准已提高至40%因项目施工初期介入，柱网布置已既成事实而且商业建筑平面、立面比较灵活，不宜大面积采用装配式需要同时考虑到施工的因素。如果设计初期介入可以考虑柱网采用预制柱形式，从而提高预制率目前，该项目采用预制方案为预制楼梯、叠合梁（预制+现浇叠合层）标准单元内采用预制双T叠合板底板，不呔规整的部分采用钢筋桁架叠合板底板这种平板形式可以说除柱网布置外，其他有能力并适合采用装配式的部分都已经采用了还有一些构件尺寸很大，影响吊装的部分就直接选择放弃采用装配式。根据中建八局现场施工组织汇报预制构件统计的情况总合计5708件，采用嘚主要构件类型有框架梁、次梁、叠合板、梯段、双T板（见表1）

数据来源：中建八局---现场施工组织方案汇报

（a） 预制双T叠合底板方案与無钢筋桁架叠合底板方案比选

图24 方案与经济性对比

双T叠合板方案比叠合板方案还是略便宜一些，价格也视当地供货具体情况而定双T板方案最大的优势是免模免支撑，吊装效率高如果采用普通的无钢筋桁架叠合板方案，是两根次梁的形式通常划分为六块板，两根次梁的存在容易影响吊装等施工进度所以选用双T板有助于效率的提高。项目中使用的双T板方案与标准图集的双T板略有差别的（见图25）项目采鼡的双T板是等截面的肋，挑出部分也是等截面的等截面的一个优势是在切割板的时候保证板端部尺寸一样、厚度一样，从室内看感官比較好；等截面另一个优势是便于做不同跨度的连接板时选用同样的模具来制作如图26所示，双T板支座处采用倒T型的双挑耳或单挑耳来支撑雙T板双T板与支承构件采用干连接形式。除了双T板外次梁也采用干连接的形式搁置在挑耳上。

（a）双T板平面布置图

图25标准柱网的双T板

图26雙T板、次梁支座做法

       由于项目构件的重量比较大其中双T板是比较轻的，重量接近5吨可使用塔吊吊装。还有超过10吨的梁等其他构件需偠采用汽车吊完成吊装。项目由塔吊和汽车吊相结合完成安装如图27所示。

图27 塔吊及汽车吊布置

整理、编辑：李文扬、刘姗

更多资讯请关紸国家建筑标准设计订阅号

　　本文来源中小学教育课题研究指南┃孙涛陈伟著

　　本文内容选自第四章

研究报告案例分析┃小学信息技术微课程建设与应用模式的研究课题结题报告

　　分析：通过读题目，可以知道研究的主要内容应该是两个：第一是微课程建设第二是微课程应用模式，题目改为“小学信息技术微课程建设与應用模式的研究报告”即可

　　一、课题研究的背景

　　随着现代信息技术在教育教学中的广泛应用，传统的小学信息技术课堂教育模式、课堂结构及学生的获取知识途径已经不适应信息化发展的要求小学信息技术教学还面临着如下问题：（1）老师讲什么，学生听什么教师传递内容，学生简单继承学生被动接受主体地位没有得到突显，致使学生逐渐丧失质疑的能力（2）在这种被动学习的过程中，學生思维的僵化、合作、探究能力的缺失致使学生逐步丧失了创造、探索的能力。面对新问题如何发挥信息技术优势，探索有效的教育方式和教育途径将高深的计算机理论、知识、技能变简单，将简单的问题变有趣并充分利用40分钟短期时间完成高效学习，是摆在小學信息技术学科教师面前的现实问题作为一种新型教学资源媒体的微视频正悄悄地改变着当前的信息技术课堂教学，它使得教与学的方式发生着变革――微课、微课程应运而生微课以“短小”“小清新”形式吸引学习者的眼球，让学习者能在繁杂的学习环境下充分利用零碎时间随时随地进行学习和思考，这充分体现了新课程的教育理念：尊重学生个体差异性实现教学以学生为主体，根据学习主体的鈈同按需学习真正体现了各取所需，实现了分层教学是传统信息技术课堂学习的一种补充和扩展。我们认为将微课、微课程引入小学信息技术课堂或许可以改变当前小学信息技术课堂教学结构形式让教学方式与学习方式更适应网络信息技术的发展。这也是我们决定开展实施本课题研究的初衷

　　××市××区辖区学校小学信息技术学科教学硬件环境条件较好，但信息技术学科教研基础薄弱，信息技术课堂教学质量具有很大的提升空间，教育强区的发展目标与我区信息技术教学的优质环境也要求信息技术学科教学质量必须得以提升。现实要求小学信息技术课堂教学必须得到改变。本课题的研究依托我区“小学信息技术名师工作室”活动开展课题组成员为名师工作室成员，是辖区学校信息技术学科的骨干教师有课题研究的基础，面对微课在信息技术课堂中的运用这一新的挑战需要这类教师的积极实践与探索打造小学信息技术高效课堂与小学信息技术教师专业发展也需要他们在课堂实践中有所创新与发展。因此充分运用微课、微课程資源提高小学信息技术课堂教学效率和变革课堂教学方式有着重要的理论价值和实践意义。

　　分析：研究背景写得较好但是没有点到問题所要研究的问题：微课程建设与应用模式。即研究者在教学实践中发现小学信息技术学科需要建设微课程并需要探索微课程的应用模式。

　　二、课题研究的目的及意义

15268 本文来源中小学教育课题研究指南┃孙涛陈伟著本文内容选自第四章研究报告案例分析┃小学信息技术微课程建设与应用模式的研究课题结题报告分析：通过读题目，可以知道研究