网页制作教学教案

《网页制作教学教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、

2、通识课之课程设计课程名称网页制作教程（10019601）设计名称你的要求我来设计学院(系)机械与能源工程学院专业能源与动力学生姓名代海斌学号13519862016-2017学年第1学期

3、目录1静态网页的页面控制11.1页面效果截屏11.2源代码12CSS布局22.1页面效果截屏22.2源代码23多媒体设计与制作43.1制作过程截屏（制作中间结果放在2×2表格中,无代码）54JS控制54.1页面效果截屏.54.2源代码.55交互式网页中数据在页面间传递75.1页面效果截屏（2个页面截屏放于1×2表格）

4、75.2源代码.76交互式网页中数据在数据库中的存取.96.1页面效果截屏（2个页面截屏放于1×2表格）.96.2源代码.97虚拟网站首页设计制作117.1页面效果截屏(无代码)117.2网站的盈利模式与创新说明12

5、1页面控制1.1页面效果截屏

6、1.2源代码

7、这是第一个作业，我得好好做表明我端正的学习态度

8、rc="9.png"align=""border=""width="50"height="35"hspace="20"vspace="20">

先弄个表格,开始第一步

我原本是山中一颗包治百病的板蓝根

9、"border="1"width="120"height="75"hspace="20"vspace="20">我太累了，太辛苦了

10、

11、mgsrc="8.jpg"width=150>这是一只心痛的皮卡丘

备注：请输入备注

12、eset"value="不重置">

13、2CSS布局

14、2.1页面效果截屏

15、2.2源代码

16、div.container{width:100%;margin:0px;border:1pxsolidred;line-height:100%;}div.header,fiv.footer{padding:1em;color:brown;background-color:pink;clear:left;}h1.

17、header{padding:0;margin:0;}

18、div.left{float:left;width:800px;margin:10;padding:1em;}div.content{margin-left:1pxsolidgray;padding:1em;}body{background-image:url(22.jpg);background-repeat:repeat-z}p{text-indent:2em;colo

19、r:blue;font-size:12px;}听说，微软的windows系统已经发到第十版本了，可是，我还在用win7，呜啊阿。。。