Web2.12 实例演示.pptx

《Web2.12 实例演示.pptx》由会员分享，可在线阅读，更多相关《Web2.12 实例演示.pptx（13页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、课程主讲人：Web2.12 实例演示昆明理工大学计算中心昆明理工大学计算中心WebWeb设计与应用设计与应用2.12 站点首页设计及发布Web设计与应用HTML5网页设计使用HTML5编程实现以下页面效果：HTML5网页设计分析页面布局，使用HTML5的语义化布局标签，将页面的布局分布如下：l 一、布局一、布局在CSS中来控制这些布局的实现。HTML5网页设计header部分为一张背景图；footer部分为details标签实现的效果。代码及效果如下：l 二、二、headerheader、footerfooter实现实现HTML5网页设计aside部分为HTML5中新增的h1-h6标签和一个采

2、用了多个HTML5 input输入类型的表单。主要代码示例及实现效果：l 三、三、asideaside部分实现部分实现HTML5网页设计section部分由两个article构成。article1是一个video标签的视频，article2是一个canvas标签的画布。l 四、四、sectionsection部分实现部分实现画布效果的难点是JavaScript代码的编写。HTML5网页发布 网页设计完成以后，要想实现在互联网上可以访问，需要发布这个网页（网站）。发布网页需要有web应用服务器。目前比较主流的web应用服务器有：IIS、Apache、Tomcat、WebSphere、WebLogic等等。 通过在web应用服务器上进行配置，就可以将制作好的网页（网站）发布出来了。HTML5网页发布IIS为例IIS中的网页发布。首先打开IIS控制台，右键点击“网站”，选择“添加网站”，在弹出窗口的“网站名称”处输入网站名称，例如“h5test”。HTML5网页发布IIS为例选择网站的“物理路径”（即已经设计好的网站的目录），点击“确定”按钮，就完成了网站的发布。 HTML5网页发布IIS为例在浏览器中输入localhost来测试网站能否访问。可以访问则发布成功了。在IIS中还有非常多的参数配置，比如端口、默认文档、目录权限、父路径等等，可以在网上查阅相关资料。