- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
利用css技术、模板和库设计网页
实验五 利用CSS技术、模板和库设计网页
学号:142055117 姓名:孙旗 日期:2017.5.26
1、实验目的:
了解CSS技术、模板和库的相关概念和操作方法,理解站点统一风格的重要性。
2、实验环境:
Windows 10、Dreamweaver
3、实验内容:
利用CSS设置文字效果
利用CSS+DIV布局网页
利用模板统一站点风格
利用库制作网站统一logo
实验过程:
利用CSS设置文字效果
(2)利用CSS+DIV布局网页
相关代码:
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title无标题文档/title
style type=text/css
#apDiv1 {
position:absolute;
width:1421px;
height:873px;
z-index:1;
left: 2px;
background-image: url(5ed599272faae617e619c0f191598294.jpg);
top: 2px;
}
#apDiv2 {
position:absolute;
width:1415px;
height:104px;
z-index:1;
left: -1px;
top: 0px;
background-color: #000033;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 785px;
top: 49px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 639px;
top: 30px;
background-image: url(logo.png);
}
#apDiv5 {
position:absolute;
width:190px;
height:90px;
z-index:2;
left: 100px;
color: #00F;
font-size: 24px;
text-align: center;
top: 20px;
}
#apDiv6 {
position:absolute;
width:190px;
height:90px;
z-index:3;
left: 355px;
top: 18px;
font-size: 24px;
color: #00C;
text-align: center;
}
#apDiv7 {
position:absolute;
width:190px;
height:90px;
z-index:4;
left: 930px;
top: 14px;
font-size: 24px;
color: #00F;
text-align: center;
}
#apDiv8 {
position:absolute;
width:190px;
height:90px;
z-index:5;
left: 1199px;
top: 15px;
text-align: center;
font-size: 24px;
color: #00F;
}
/style
/head
body
div id=apDiv1
div id=apDiv2
div id=apDiv4/div
div id=apDiv5
p网站首页/p
/div
div id=apDiv6
p游戏资料/p
/div
div id=apDiv7
p游戏新闻 /p
/div
div id=apDiv8
p游戏购买/p
/div
/div
/div
/body
/html
利用模板统一站点风格
(4)利用库制作网站统一logo
5、实验总结:
在本次实验中,充分了解了CSS技术、模板和库的相关概念以及操作方法,并且理解了站点统一风格的重要性。
您可能关注的文档
- 第8章php动态页面制作技术.ppt
- 要想让姑娘玩电竞,游戏公司还得加把劲才是.pdf
- 视频添加同步字幕教程.pdf
- 阿拉伯丁大学土木结构工程本科专业.pdf
- 这才是最正确的手机充电方式,原来这么简单!.pdf
- 关于物理学方法、信息学方法与心理学方法—兼评舒华等《心理学实验方法:科学心理学发展的根本》.pdf
- 课课家教育-flash网页动画制作轻松学视频教程.doc
- 父亲节感恩视频制作教程.docx
- 小型不锈钢电动豆腐机和商业豆浆机价格.docx
- 中小型豆腐机和无渣现磨豆浆机价格.docx
- 301115_2024_#ESG_联检科技_2024年度环境、社会和治理(ESG)报告_2025-04-29.pdf
- 300308_2024_#ESG_中际旭创_2024年环境、社会及公司治理(ESG)报告_2025-04-21.pdf
- 想生科技产品注册公告及所需文件상생기술제품_등록_공고문_및_제출_서류.pdf
- 300760_2024_#SD_迈瑞医疗_2024年度可持续发展报告_2025-04-29.pdf
- 300870_2024_#SD_欧陆通_欧陆通2024年可持续发展报告_2025-04-22.pdf
- 301369_2024_#ESG_联动科技_2024年度环境、社会与公司治理(ESG)报告_2025-04-18.pdf
- 300937_2024_#SD_药易购_2024年度可持续发展报告_2025-04-25.pdf
- 300621_2024_#ESG_维业股份_维业股份:2024年度环境、社会和公司治理(ESG)报告_2025-04-19.pdf
- 300428_2024_#SD_立中集团_立中四通轻合金集团股份有限公司2024年度可持续发展报告-中文版_2025-04-21.pdf
- 301167_2024_#ESG_建研设计_2024年度环境、社会及公司治理(ESG)报告_2025-04-04.pdf
最近下载
- 2024年航空机务基础维修执照(起落架装置)专业技术知识考试题(带答案).pdf VIP
- 2025江苏南通高新区(近海镇)公办幼儿园秋季编外教职工招聘8人笔试备考试题及答案解析.docx VIP
- 英语单元整体教学设计.ppt VIP
- 第5章 拍摄与制作抖音短视频.pptx VIP
- 英剧剧本神探夏洛克台词本中英文对照精排版第一季第一集.pdf VIP
- 硫酸装置操作规程2018.7.29修改版.docx VIP
- 基于义务教育课程标准的(人教2024版)七年级地理上册内容解读 课件(新教材).pdf VIP
- 8.21-浙江省A9协作体暑假返校联考试题及答案2024年8月浙江省A9协作体暑假返校联考(扫描版) 1.docx VIP
- 2024年贵州省贵阳市云岩区延安中路街道招聘社区工作者真题及参考答案详解.docx VIP
- 航空机务基础维修执照专业知识考试题库(完整版).docx VIP
文档评论(0)