您所在位置：网站首页 > 中学教育 > 教学课件 > 高中课件 > 实验五-页面布局技术的应用-

实验五-页面布局技术的应用-.doc

12页

卖家[上传人]：乐***

文档编号：102813721

上传时间：2019-10-04

文档格式：DOC

文档大小：442KB

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

18金贝

下载

/ 12 举报版权申诉马上下载

文本预览

下载提示

常见问题

实验五-页面布局技术的应用-()———————————————————————————————— 作者：———————————————————————————————— 日期： 12 实验报告课程名称Web程序设计实验名称实验五、页面布局技术的应用日期2014.4.14学生学号姓名班级实验目的：1．掌握网页布局的基本语法和方法2．掌握CSS样式的应用3．掌握母板页的创建和使用实验条件：电脑一台、能上网查阅资料实验内容与步骤：1. 创建网站“Exp6”2. 采用表格方式进行页面布局，创建如图6-1所示的网页3. 创建如图6-1所示的网页，页面布局采用DIV+CSS技术，CSS样式存放在独立的样式文件“sheet1.css”中图6-14. 创建如图6-1所示的母版页，白色区域为可编辑区域，然后创建2个内容页，在白色背景区域显示不同内容源代码1:图一建立网站2：图二表格布局代码如下：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="1.aspx.cs" Inherits="_1" %>

3：图3 div+cssSheet1.css：body {}#d1{ font-size: xx-large; width: 100%; height: 270px; background-color: #FF9933; text-align: center; font-weight: bold;}#d2{ background-color:#6699ff; width:250px; height:120px; }#d3{ background-color:#009933; width:100%; height:200px; }网页2．aspx代码如下：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="2.aspx.cs" Inherits="_2" %> 4：图4 母版页源代码如下：<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="实验五_exp6_MasterPage" %> 第一个页面：。

点击阅读更多内容

猜您喜欢

进入店铺

收藏店铺

相似文档更多>

正为您匹配相似的精品文档

洛阳理工学院

洛阳理工学院