web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物流有限公司（毕业设计）

最新推荐文章于 2024-09-02 08:59:04 发布

@秋天的笔记

最新推荐文章于 2024-09-02 08:59:04 发布

阅读量1.5k

点赞数 1

分类专栏： HTML5期末大作业 web课程设计网页规划与设计计算机毕设网页设计源码文章标签：前端 javascript css 网页设计企业架构

本文链接：https://blog.csdn.net/m0_46166683/article/details/120907616

版权

这篇博客介绍了web前端的期末大作业，内容包括使用HTML、CSS和JavaScript设计的企业网站——星利源商贸物流有限公司的网页设计实例。作品涵盖了Div+CSS布局、鼠标特效、多媒体元素、表单和多级页面设计，提供完整源码和学习资料，适合不同水平的前端学习者。

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

web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物流有限公司（毕业设计）

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

作品介绍

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

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

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

文章目录

web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物流有限公司（毕业设计）
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、学习资料
五、完整源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!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" content="text/html; charset=utf-8" />
<meta name="Keywords" content="星利源集团  供应商" />
<meta name="Description" content="星利源集团" />
<title>星利源集团</title>
<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link href="webcss/global.css" type="text/css" rel="stylesheet" />
<link href="webcss/layout.css" type="text/css" rel="stylesheet" />
<script src="webjs/jquery-1.8.3.min.js" type="text/javascript"></script>
<!--[if IE 6]>
<script src="webjs/iepng.js" type="text/javascript"></script>
<script type="text/javascript">
   EvPNG.fix('div,ul,li,img,dl,p,dt,dd,span,input,textarea,h1,h2,h3,h4,h5,h6,em,i,ol,a,a.cur,a:hover'); 
</script>
<![endif]-->
</head>

<body>
	 <!--头部-->
<div class="index_top">
    	<div class="index_topCon">
        	<dl class="clearfix">
                <dt>热线电话：<em>800-830-9184</em></dt>
                <dd class="dd3"><a href="register.html">注册</a></dd>
                <dd class="dd4"><a href="login.html">登录</a> |</dd>
                <dd class="dd2"><a href="Friend.html">星客汇</a></dd>
                <dd class="dd1" style="display:none"><a href="#">英文版</a></dd>
            </dl>
        </div>
        <div class="index_menuCon">
            <ul class="clearfix">
                <li id="pr_3"><a href="Product.html">产品与业务</a></li>
                <li id="pr_4"><a href="News.html">资讯中心</a></li>
                <li id="pr_5"><a href="Job.html">人力资源</a></li>
                <li id="pr_6"><a href="About.html">关于我们</a></li>
                <li id="pr_7"><a href="Contact.html">联系我们</a></li>
            </ul>
            <a href="index.html"