html制作网页案例代码----(故宫博物馆9页)特效很多
创始人
2024-03-01 11:42:34
0

源码获取 文末联系

Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | 等网站的设计与制作 | HTML期末大学生网页设计作业,Web大学生网页

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为

文章目录

  • 前端学习路线
  • 网页基本结构
  • 网页演示
    • HTML结构代码
  • 学的反而越迷茫
  • 学习更多


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HTML结构代码


故宫博物馆

    故宫博物院关于“五一”假期期间参观的温馨提示

    “五一”假期期间,故宫博物院开馆时间从8:30提前至8:00。为了更好地提供票务服务,即日起,故宫博物院门票的开售时间从每日24时,提前至每日20时。

    详细内容
    Created with Raphaël

    故宫      资讯更多

    • 故宫博物院第九届故宫学高校教师讲习班招收学员启事

      03 / 17

    • 故宫博物院关于“五一”假期期间参观的温馨提示

      04 / 30

    • 故宫博物院2021年度部门预算

      04 / 30

    • “庙堂仪范——故宫博物院藏历代人物画特展(第一期)

      04 / 30

    • 故宫博物院陶瓷馆于“五一”武英殿开馆

      04 / 30

    2021 / 5 / 2
    今日开馆
    除法定节假日,故宫博物院全年实行周一闭馆入馆参观需验证健康码,测体温,刷身份证

    08:30

    开放进馆时间

    16:00

    止票时间
    (含钟表馆、珍宝馆)

    16:10

    停止入馆时间

    17:00

    闭馆时间

    官方购票网站
    官方购票公众号
    票务咨询电话
    服务时间:8:30 — 22:00
    010-85007057010-85007058 010-85007062 010-85007063 010-85007966 010-85007970010-85007967010-85007968
    • 导览地图
    • 交通路线
    • 票务服务
    • 游览须知

    开放      公告更多

    • 关于承乾宫青铜器馆暂停开放的公告

      2021 / 04 / 27

    • 关于故宫博物院典藏如意展恢复开放的公告

      2021 / 03 / 10

    • 关于故宫博物院典藏如意展暂停开放的公告

      2021 / 03 / 03

    • 马远白蔷薇图页

      纵26.2cm,横25.8cm

      画中的白蔷薇花朵硕大,枝叶繁茂,光彩夺目。画家笔法严谨,画风清丽活泼,颇具生气,代表了南宋画院花鸟画的典型风貌。

    • 晴春蝶戏图页

      纵23.7cm,横25.3cm

      图绘体态多姿的凤蝶、娇小素净的粉蝶等各种蝴蝶,在明媚的春光下宛若俏丽的花团漫天绽放,形象生动地体现出蝶戏的创作主题。

    • 碧桃图页

      纵24.8厘米,横27厘米

      图中盛开的碧桃红白相映,枝叶扶疏,娇柔妩媚。虽然画面上仅绘桃花两枝,但它的繁花簇簇、苞蕾盈枝则透露出浓郁的春意。

    博物馆活动

    • 【讲座报道】朱玉麒:从燕然山到大成殿——西北边疆平定的纪功碑——故宫研究院学术讲坛第八十二讲

      2021年4月21日下午,北京大学历史学系暨中国古代史研究中心教授朱玉麒先生在故宫博物院第二会议...

    • 《(新编)中国通史》清代(上)卷、中国历史图录卷 编纂工作正式启动

      《(新编)中国通史》是党中央在中国特色社会主义进入新时代,中华民族迎来全面建成小康社会,实现第一...

    • 国际古迹遗址日中国主题活动“我在故宫画彩画——听障青少年走进文化遗产地”顺利举行

      2021年4月18日上午,由国家文物局指导,中国古迹遗址保护协会、故宫博物院、中国听力语言康复研...

    • 【讲座报道】王旭东院长:“敦煌与故宫——中华文化包容互鉴的结晶” ——2021年北大故宫系列学术讲座隆重开启

      2021年4月9日晚,在这春意盎然的美好日子里,故宫博物院院长王旭东做客北京大学,举办主题为“敦...

    • 图书馆

    • 视听馆

    • 数字文物库

    • 全景故宫

    • V故宫

    • · · · · · · ·
    • 图书馆
    • 视听馆
    • 文创馆
    • 全局故宫
    • VR
      V故宫
    • 云游故宫
    • 会员登录
    • 调查问卷
    网站访问量131773880
    网站地图    相关链接   影像授权   隐私政策   版权声明   在线咨询   联系我们   关于我们   调查问卷
    网站维护:故宫博物院资料信息部    联系方式:gugong@dpm.org.cn
    京公网安备 11010102004165号   京ICP备05067311号-1
    © 2001-   现在 故宫博物院   网站建设: 北京分形科技
    浏览建议

    学的反而越迷茫

    有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

    当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

    这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

    所以,放松心态吧,好好享受大学时光
    —————————————————


    学习更多

    关注我 | 点赞博文 | 每天带你涨知识


    在这里插入图片描述

    相关内容

    热门资讯

    AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
    AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
    银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
    北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
    AWR报告解读 WORKLOAD REPOSITORY PDB report (PDB snapshots) AW...
    AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...
    ​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
    群晖外网访问终极解决方法:IP... 写在前面的话 受够了群晖的quickconnet的小水管了,急需一个新的解决方法&#x...
    不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
    Azure构建流程(Power... 这可能是由于配置错误导致的问题。请检查构建流程任务中的“发布构建制品”步骤,确保正确配置了“Arti...