- 1、本文档共12页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
我的家乡介绍⽹站设计与实现
以 “我的家乡”为主题的前端⽹页设计
废话不多说先上图:
:hover实现⿏标放到图⽚上实现放⼤效果
有视频
有轮播图 纯css 替换的话图⽚尺⼨ 1100px * 299px
有浮动⼴告
只展⽰了主页部分
新⼿⼩ ⽩ 不喜勿喷
html部分代码
!DOCTYPE html
html
head
meta charset=utf-8
title滨州主页/title
!-- meta name= viewp ort content= width=device-width, initial-scale= 1.0 --
!-- 引⼊初始化css --
link rel=st lesheet href=css/base.css
!-- 引⼊css --
link rel=st lesheet href=css/index.css
!-- 引⼊漂浮⼴告函数 --
script src=js/index.js/script
/head
bod
!-- 顶部轮播图的盒⼦ --
div class=box-top w
lu class=kuai
li
img src=images/top-1.jpg /
/li
li
img src=images/top-2.jpg /
/li
li
img src=images/top-3.jpg /
/li
li
li
img src=images/top-4.jpg /
/li
li
img src=images/top-5.jpg /
/li
/lu
/div
!-- 导航栏部分开始了 --
div class=box-nav w
ul
li class=xz
a href=index.html⾸页/a/li
li
a href=jxls.html家乡历史/a/li
li
a href=jxmj .html家乡美景/a/li
li
a href=jxmr.html家乡名⼈/a/li
li
a href=jxms.html家乡美⾷/a/li
li
a href=jxjz.html家乡建筑/a/li
/ul
/div
!-- 宣传⽚部分 --
div class=xcp w
h1欢迎观看宣传⽚/h1
br
video src=mp4/binzhou.mp4 autopla =autopla width=1200px controls=controls 你的浏览器不⽀持视频播放 请更换IE9 以上的浏览器/video
/div
!-- 主体部分 --
div class=box-main w
!-- 滨州简介模块 --
!-- 滨州简介模块 --
div class=box-main-mokuai
h2滨州简介/h2
br
!-- 左侧的图⽚部分 --
div class=box-main-mokuai-1
img src=images/滨州-1.jpg alt=
/
您可能关注的文档
- 急性肺水肿的护理完整版PPT.pptx
- 我爱我爸爸绘本PPT课件.ppt
- 我的家乡:六安PPT课件.ppt
- 我的家乡作文(精选22篇).docx
- 我的新同学七年级作文范文10篇.doc
- 我的南方和北方(双人朗诵)课件.ppt
- 北师大版高中英语学案必修第三册精品课件 UNIT 7 ART 回眸一练 单元素能巩固提升.ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 9 HUMAN BIOLOGY 写作指导.ppt
- 北师大版高中英语学案选择性必修第一册精品课件 UNIT 1 RELATIONSHIPS 分层跟踪检测(二)LESSON 2 & LESSON 3.ppt
- 高中历史必修第1册 第十单元 改革开放与社会主义现代化建设新时期 单元达标检测.doc
- 北师大版高中英语学案选择性必修第一册精品课件 UNIT 1 RELATIONSHIPS 分层跟踪检测(三)WRITING WORKSHOP & VIEWING WORKSHOP & READING CLUB & ASSESSMENT.ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 7 CAREERS Section B LESSON 2 & LESSON 3 (2).ppt
- 北师大版高中英语学案必修第二册精品课件 UNIT 4 INFORMATION TECHNOLOGY Section C.ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 8 LITERATURE Section C WRITING WORKSHOP & VIEWING WORKSHOP & READING CLUB & ASSESSMENT.ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 8 LITERATURE 读后续写 微技能之环境描写——融情于景.ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 9 HUMAN BIOLOGY Section A TOPIC TALK & LESSON 1 (2).ppt
- 北师大版高中英语学案选择性必修第三册精品课件 UNIT 7 Section B.ppt
- 北师大版高中英语学案选择性必修第一册精品课件 UNIT 2 SUCCESS Section A TOPIC TALK & LESSON 1.ppt
- 北师大版高中英语学案必修第二册精品课件 UNIT 6 THE ADMIRABLE 回眸一练 单元素能巩固提升.ppt
- 北师大版高中英语学案选择性必修第一册精品课件 UNIT 1 RELATIONSHIPS 分层跟踪检测(一)TOPIC TALK & LESSON 1.ppt
文档评论(0)