使用html+css实现一个静态页面——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载

最新推荐文章于 2022-09-18 15:54:54 发布
VIP文章 最新推荐文章于 2022-09-18 15:54:54 发布
阅读量2.3k 收藏 14
点赞数
分类专栏： html网页设计作业 HTML5期末大作业 学生DW网页设计作业成品 文章标签： javascript css html 模板 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m1_46321522/article/details/121686358
版权

HTML5期末大作业：我的家乡网站设计——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

一、作品展示

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

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type
最低0.47元/天 解锁文章
web前端优质创作者-网页设计
关注
  • 0
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
家乡介绍静态网站源代码.rar
03-19
本人独立制作的一个介绍家乡的静态网站，为web课程的期末作品，运用了HTML5，CSS，JavaScript，jQuery，Bootstrap。
【web开发网页制作】Html+Css网页制作关于我的家乡（6页面）【附源码下载】
赏樱看雪撸代码
03-20 3261
html制作页面，CSS制作页面，关于我的家乡页面制作，网页设计源码下载，如何制作页面，新手如何制作网页，DW网页制作及VScode制作网页，网页大作业，期末web大作业
大二学生web期末大作业 在线电影网站 HTML+CSS+JS
热门推荐
HTML网页设计 专注大学生网页设计
09-18 5万+
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
HTML+CSS+JavaScript仿京东购物商城网站 web前端制作服装购物商城 html电商购物网站
VX_WJ88950106的博客
08-06 2万+
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web......
html基础网页设计我的家乡.zip
06-30
学完html时所做，关于我的家乡河南，里面内容主要有河南厉害，河南风景，河南美食。河南历史描述有河南历史背景、历史文化、历史故事、历史科研成果，河南风景有清明上河园、方特、白马寺、大相国寺，美食有。。。。
学生家乡网页设计作品静态HTML网页—— HTML+CSS+JavaScript制作辽宁沈阳家乡主题网页源码(11页)
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
HTML5+CSS+javascript实现的手机商城静态页面.zip
11-27
HTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+...
学生HTML个人网页作业作品 HTML+CSS+JavaScript环保页面设计与实现md
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
酒店前端项目，JavaScript+css+html,静态网页，适用于大作业，上机任务 多页面Javaweb
03-18
酒店前端项目，JavaScript+css+html,静态网页，适用于大作业，上机任务 多页面Javaweb
我的家乡潍坊HTML静态网页 学生个人网页设计作品 学生家乡网页模板 简单个人主页成品
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
大学生我的家乡网页设计作品 静态html旅游景点网页制作 介绍安徽和县的网页成品 安徽旅游网页作业模板代码下载
06-08
网页作品介绍：大学生网页设计水平制作，作品比较简单。我的家乡安徽和县网页作业成品模板采用DIV CSS布局，内容包括首页、家乡历史、家乡美景、家乡名人、家乡美食、家乡建筑共6个页面。作品简单，学生基础水平。使用CSS简单制作了导航鼠标经过及选中变色效果、网页背景图，DIV盒子宽度基本上CSS都采用百分比适应宽度设置，每个页面单独设置的CSS样式。
Web编程基础期末大作业-我的家乡静态网页设计与实现源码.zip
最新发布
08-22
【资源说明】 Web编程基础期末大作业-我的家乡静态网页设计与实现源码.zip 1、该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 Web编程基础期末大作业-我的家乡静态网页设计与实现源码.zipWeb编程基础期末大作业-我的家乡静态网页设计与实现源码.zipWeb编程基础期末大作业-我的家乡静态网页设计与实现源码.zipWeb编程基础期末大作业-我的家乡静态网页设计与实现源码.zipWeb编程基础期末大作业-我的家乡静态网页设计与实现源码.zip
个人网页介绍家乡纯html
10-26
设计工具用Dreamweaver8.0、Flash8.0、Photoshop CS 网站基本栏目（至少就包含以下5个栏目） 1）个人网站首页（） 2）自我介绍 注：运用表格布局 3）我的家乡 家乡概况、家乡地标、家乡美食、家乡名胜 等 注：综合运用框架、DIV+CSS布局 4）我的相册 快乐的童年、校园生活 等 5）雁过留声(表单) 用表单制作一个留言表的框架
HTML5期末大作业：关于家乡介绍主题网页设计——云南民族文化(8页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品
qq_365392777
10-14 3571
HTML5期末大作业：关于家乡介绍主题网页设计——云南民族文化(8页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业
sts 的js代码不变色_原创旅游景点网页设计作品 大学生我的家乡网页作业模板下载 家乡介绍网页设计成品 静态HTML学生城市旅游网页源代码...
weixin_39653405的博客
12-05 585
本期为大家展示STU网页设计原创个人网页作品，作品可使用任意HTML软件编辑修改网页中的文字信息，图片可直接覆盖替换。原创校园城市旅游网页作品专区链接：www.lilixing.com/html/lvyou/作者QQ 3720592.原创作品记录去向，不重复！作品编号：JP140作品介绍：此作品为郑州城市介绍网页。网页整体宽度为1200PX，共5个页面，内容方面为郑州介绍、特产、节会...
HTML5期末大作业：关于家乡介绍的HTML网页设计——郑州美景HTML+CSS(5页) 学生DW家乡介绍网页设计作业成品 web课程设计网页规划与设计
qq_365392777
11-11 1万+
HTML5期末大作业：我的家乡——郑州美景HTML+CSS(5页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜
web网页设计实例作业 ——我的家乡-四川(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品
12-29 2898
HTML5期末大作业：家乡网站设计——我的家乡-四川(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
帮我用 html+css+JavaScript 等技术，做一个静态页面网站。
06-08
好的，以下是一个简单的静态页面网站示例： 1. 首先，在您的代码编辑器中创建一个名为index.html的文件，并添加以下HTML代码： ```html <!DOCTYPE html> <html> <head> <title>静态页面网站示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">产品</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h1>欢迎来到我们的静态网站</h1> <p>我们提供高品质的产品和服务</p> <a href="#" class="button">了解更多</a> </section> <section> <h2>我们的产品</h2> <ul> <li> <h3>产品1</h3> <p>产品1的描述</p> </li> <li> <h3>产品2</h3> <p>产品2的描述</p> </li> <li> <h3>产品3</h3> <p>产品3的描述</p> </li> </ul> </section> </main> <footer> <p>版权所有 © 2021 静态页面网站示例</p> </footer> <script src="script.js"></script> </body> </html> ``` 这是一个基本的HTML模板，其中包含一个导航栏、两个页面节和页脚。 2. 下一步是创建样式表。在相同的文件夹中创建名为style.css的文件，并添加以下CSS代码： ```css body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 10px; } nav ul { margin: 0; padding: 0; list-style: none; } nav ul li { display: inline-block; margin-right: 10px; } nav ul li a { color: #fff; text-decoration: none; } main { max-width: 960px; margin: 0 auto; padding: 20px; } section { margin-bottom: 20px; } h1, h2, h3 { font-weight: normal; } .button { display: inline-block; padding: 10px 20px; background-color: #333; color: #fff; text-decoration: none; border-radius: 5px; } ul { margin: 0; padding: 0; list-style: none; } ul li { margin-bottom: 10px; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px; } ``` 3. 接下来，您可以为按钮添加一些交互效果。在相同的文件夹中创建名为script.js的文件，并添加以下JavaScript代码： ```javascript var button = document.querySelector('.button'); button.addEventListener('click', function() { alert('您点击了按钮'); }); ``` 这将在单击按钮时弹出一个警告框。 4. 最后，将所有文件放在同一个文件夹中，并在浏览器中打开index.html文件，即可查看您的静态页面网站示例。 希望这个示例可以帮助您开始创建自己的静态页面网站。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值