HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计

最新推荐文章于 2024-06-10 21:51:50 发布

m0_67391683

最新推荐文章于 2024-06-10 21:51:50 发布

阅读量2.4k

点赞数 14

分类专栏：前端 html 文章标签： git github vue.js

本文链接：https://blog.csdn.net/m0_67391683/article/details/123253394

版权

这篇博客分享了一位学生进行HTML+CSS+JS网页设计的期末大作业，内容包括网页规划与设计，模仿游戏官网的各个页面，如首页、游戏介绍、游戏攻略等。作者提供了部分代码示例，并给出了源码下载链接。

摘要由CSDN通过智能技术生成

web前端开发技术期末大作业网页规划与制造，做得不深但是还是满足期末大作业的分享一下
在这里插入图片描述

题目：
此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术（如结合使用CSS及表格、DIV、框架等技术），完成各页面的布局设计。

工具：
EditPlus

一、所需文件

在这里插入图片描述

二、网页效果（模仿游戏官网）

A.首页效果
在这里插入图片描述
B.游戏介绍
假装有图

C.游戏攻略
在这里插入图片描述
D.手办商城

E.问卷调查
假装有图

F.加入我们
…懒了
…哈哈

三、部分代码

首页HTML

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>主页</title>
   <link rel="stylesheet" href="css/index.css">
   <script src="js/index.js" charset="gb2312"></script>
 </head>
 <body>
 <embed src="audios/attack.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true" volume="0"></embed>			<!-- 音乐 -->
 <div id="container">				<!-- 大框 -->
	<div id="header">			<!-- 1 头部-->
		<div id="logo"></div>		<!-- 1左  logo -->
		<div id="select_search">	<!-- 1右  搜索-->
			<table height="80px" align="right" >
				<tr align="right">
					<td colspan="4">
						<select id="sel">
							<option selected>简体中文</option>
							<option >繁体中文</option>
							<option >English</option>
						</select>
					</td>
				</tr>
				<tr align="right">
					<td><font size="2">关键词:</font&

最低0.47元/天解锁文章

m0_67391683

关注

14
点赞
踩
58

收藏

觉得还不错? 一键收藏
3
评论
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计

web前端开发技术期末大作业网页规划与制造，做得不深但是还是满足期末大作业的分享一下题目：此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术（如结合使用CSS及表格、DIV、框架等技术），完成各页面的布局设计。工具：EditPlus一、所需文件二、网页效果（模仿游戏官网）A.首页效果B.游戏介绍假装有图C.游戏攻略D.手办商城E.问卷调查假装有图F.加入我们…懒了…哈哈三、部
复制链接

扫一扫