网页设计大作业模板-网页设计大作业(文房四宝 5页)-实训素材

news2024/11/23 2:39:00

⛵ 源码获取文末联系 ✈

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

HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

文章目录

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

前端学习路线

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

网页基本结构

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

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

网页演示

在这里插入图片描述

HTML结构代码



<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div id="bigbox">
        <div id="banner">
            <img src="picture/banner.png" alt="">
        </div>
        <nav>
            <a href="">首页</a>
            <a href="maobi.html">毛笔</a>
            <a href="moshui.html">墨水</a>
            <a href="zhizhang.html">纸张</a>
            <a href="yantai.html">砚台</a>
        </nav>
        <div id="mian">
            <img src="picture/mian.png" alt="">
            <p>
                笔墨纸砚，是中国独有的文书工具，即文房四宝。“笔、墨、纸、砚”之名，起源于南北朝时期。历史上，“笔、墨、纸、砚”所指之物屡有变化。在南唐时，“笔、墨、纸、砚”特指宣城诸葛笔、徽州李廷圭墨、澄心堂纸，徽州婺源龙尾砚。自宋朝以来“笔墨纸砚”则特指宣笔（安徽宣城)、徽墨（安徽徽州歙县)、宣纸（安徽宣城泾县)、歙砚（安徽徽州歙县）、洮砚（甘肃卓尼县）、端砚（广东肇庆，古称端州），元代以后湖笔（浙江湖州）渐兴，宣笔渐衰，改革开放后，宣笔渐渐恢复了生机。作为文房四宝的故乡的安徽宣城，是我国文房四宝最正宗的原产地和饮誉世界的“中国文房四宝之乡”，所产的宣纸（泾县）、宣笔（泾县/旌德）、徽墨（绩溪/旌德）、宣砚（旌德）举世闻名，为历代文人墨客所追捧。
            </p>
            <p>
                毛笔的历史更为悠久，秦朝之前各地对毛笔的叫法不一，楚国称毛笔谓“聿“（吁），燕国称笔谓“弗”，秦朝统一中国后实行“书同文”，毛笔才有了统一的名称。宣笔可以说是毛笔的起源。因为很久以前宣城就有“毛颖之技先天下”之说。
            </p>
            <p>
                关于宣笔的由来，自古就有蒙恬造笔说法。据唐代韩愈所著的《毛颖传》记载，公元前223年，秦将蒙恬率军南征伐楚，行至中山地区（即宣城境内），具体方位有两种说法，一说中山在今宣城市宣州区和泾县一带；另一说中山在今江苏省溧水县境内。据《元和郡县志》二十八卷记载，中山在宣州溧水县东南十五里处，因唐宋时期宣州府地域广泛，溧水县属宣州管辖。
            </p>
            <p>
                蒙恬发现中山兔肥毛长，质地最佳，于是以竹管为笔杆，兔毛（又称紫毫）为笔头制作毛笔，世人称“蒙恬笔”，为宣笔的鼻祖。
            </p>
        </div>
        <div id="picture">
            <h1>笔墨纸砚</h1>
            <div id="leibie">
                <img src="picture/11.png" alt="">
                <p>笔</p>
            </div>
            <div id="leibie">
                <img src="picture/22.png" alt="">
                <p>墨</p>
            </div>
            <div id="leibie">
                <img src="picture/33.png" alt="">
                <p>纸</p>
            </div>
            <div id="leibie">
                <img src="picture/44.png" alt="">
                <p>砚</p>
            </div>
        </div>
        <footer>
            版权所有©***
        </footer>
    </div>
</body>

</html>