(实验三使用表格布局页面.docVIP

  1. 1、本文档共5页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
(实验三使用表格布局页面

实验 浏览器显示效果图: 实验目的: 利用表格布局页面,加强对表格布局页面的练习,设置单元格属性使网页更加规范美观。 二、实验内容以及步骤: 第1步:打开Dreamweaver ,新建一个空白的HTML。 第2步:设置背景。在页面属性的外观(CSS)中设置背景颜色。 第3步:创建表格。网页布局。根据题目要求对表格单元格合并和拆分。 第4步:网页顶部设计。输入文字,对其进行相应的CSS样式处理,以及插入LOGO图片。 第5步:网页左边内容设计。显示页面位置“瑞丽模特档案”以及图片img src=../网页素材/2015.05.07/2.JPG width=296 height=384 / 第6步:网页中间内容设计。上边是用户名和密码以及登录按钮。中间是当前位置,下边是模特资料。输入文字,对其进行相应的CSS样式处理 第7步:网页右边内容设计。单元格中插入图片,并在单元格垂直属性下设置“顶端”,以实现两个图片顶部对齐 第8步:网页底部相关链接以及版权信息。 实验六 CSS样式的应用 一、实验目的: 1.了解CSS样式的分类 2.掌握使用CSS标记,设置文字样式。 二、实验内容及步骤: 1、定义外部CSS样式文件 步骤: 第1步:新建 CSS 按照题目要求编写样式代码 第2步:新建 HTML 输入文本 第3步:引用外部样式表,CSS样式中选择 [附加样式表],用Link引用创建好的CSS文件。 2、给网页添加内部CSS样式 步骤: 第1步:新建 HTML 输入文本 第2步:CSS样式 新建 输入选择器名称 根据题目要求设置字体的大小,颜色,类型等等。 实验第2步:新建 HTML 插入[布局对象] AP Div 第3步:网页顶部设计。插入AP Div,设置背景颜色,Div宽度和高度。插入LOGO图片。顶部右边显示“主页”、“自然之旅”、“文化之旅”、“美食之旅”。分别使用四个Div,已达到文字竖型排列的效果,并对文字进行相应的CSS样式处理。 第6步:网页左边内容设计。插入一个Div,输入相关介绍“桂林山水”的资料内容。包括文字和图片。 第7步:网页右边内容设计。插入一个Div,输入“中国著名的文化古迹”内容。并对文字进行相应的CSS样式处理。 浏览器显示效果图: 2、利用表格和AP制作网页 步骤: 第1步:图片文字资料准备 第2步:新建 HTML 插入【布局对象】 AP Div 第3步:网页顶部设计。插入AP Div,设置宽度高度,插入图片。 第4步:插入表格。1行8列,设置宽度和高度,背景颜色,输入“主页”、“水果蛋糕”“卡通蛋糕”“祝寿蛋糕”“婚庆蛋糕”“合作加盟”“大客户合作”。并对文字进行相应的CSS样式处理。 第5步:网页左边列表设计。插入AP Div,在Div中插入一个表格,输入文本,并对文字进行相应的CSS样式处理。 第6步:网页右边内容设计。插入一个Div,在Div中插入一个表格,第一列和第三列插入蛋糕图片,第二、四列插入蛋糕价格。并对文字进行相应的CSS样式处理。 第7步:网页底部相关链接以及版权信息。 浏览器显示效果图: 三、总结: CSS应用。这次网页设计实验内容主要是包括外部CSS样式的引用和内部CSS样式。要注意的是外部CSS样式文档的创建,需要在CSS下而不是HTML中设置字体,然后在新建的HTML中对需要设置的字体引用这个文件。 表格的应用。网页的布局中有表格的制作,所以表格的边框和线条影响到页面的美观。为了解决这个问题,需要把表格单元格的间距和边框的参数改为0 。页面各个版块之间的协调性主要是通过单元格属性设置来改变。 表格+AP Div应用。Div布局网页可以随意的调整位置和大小,相比单独使用表格布局页面要灵活,并且很方便。两者结合使用,更好的配合网页的协调。 姓名:张瑶 学号:1240920329

文档评论(0)

yyf7373 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档