web前端期末大作业 html+css+javascript网页设计实例企业网站制作内容

最新推荐文章于 2024-08-31 15:10:05 发布

m0_63984008

最新推荐文章于 2024-08-31 15:10:05 发布

阅读量1.3k

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_63984008/article/details/121355160

版权

本文展示了使用HTML、CSS和JavaScript构建的企业网站设计实例，包括页眉、导航、内容区域和页脚的代码实现，以及CSS样式设计，如背景图片、字体样式和动画效果。此外，还提及了云服务器的选择和配置建议。

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

一、在浏览器中的运行结果：
在这里插入图片描述
二、部分代码
1.HTML：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>启乐官网</title>
    <link rel="stylesheet" href="style.css"/>
    <script src="myjs.js" charset="gb2312"></script>
</head>
<body>

<header> <!– 页眉 –>
<a id=“hah” href=“home.html” title=“启乐首页”><h1>启乐</h1></a> <!– logo点击跳往首页 –>
<h3 id=“hh”>–––美好生活的开始</h3>
<a id=“ha2” href="" title=“注册/登录”><h3>注册/登录</h3></a>
</header>

    <span class="token operator">&lt;</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"nud"</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span> <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"nuda"</span><span class="token operator">&gt;</span>产品中心<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>div <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"nudd"</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span><span class="token operator">&gt;</span>客厅家具系列<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span><span class="token operator">&gt;</span>床上用品<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span><span class="token operator">&gt;</span>美容护肤系列<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span><span class="token operator">&gt;</span>精品服装<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"product.html"</span><span class="token operator">&gt;</span>限时优惠<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>

    <span class="token operator">&lt;</span>li<span class="token operator">&gt;</span><span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"https://www.baidu.com/s?rtt=1&amp;bsst=1&amp;cl=2&amp;tn=news&amp;word=%E5%90%AF%E4%B9%90"</span> target<span class="token operator">=</span><span class="token string">"_blank"</span><span class="token operator">&gt;</span>新闻动态<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span><span class="token operator">&lt;</span><span class="token operator">/</span>li<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span>li<span class="token operator">&gt;</span><span class="token operator">&lt;</span>a href<span class="token operator">=</span><span class="token string">"join.html"</span><span class="token operator">&gt;</span>加入我们<span class="token operator">&lt;</span><span class="token operator">/</span>a<span class="token operator">&gt;</span><span class="token operator">&lt;</span><span class="token operator">/</span>li<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>ul<span class="token operator">&gt;</span>

</nav>

    <span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>

    <span class="token operator">&lt;</span>aside id<span class="token operator">=</span><span class="token string">"ha3"</span><span class="token operator">&gt;</span>                                          <span class="token operator">&lt;</span><span class="token operator">!</span><span class="token operator">--</span> 边栏区 联系我们 <span class="token operator">--</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>div id<span class="token operator">=</span><span class="token string">"ad"</span><span class="token operator">&gt;</span>