静态网页设计——书法鉴赏类

最新推荐文章于 2025-05-02 22:00:00 发布

爱吃雪糕的小布丁

最新推荐文章于 2025-05-02 22:00:00 发布

阅读量1k

点赞数 20

分类专栏：期末课程设计文章标签： html5 css3 javascript 静态网页设计

本文链接：https://blog.csdn.net/qq_47188967/article/details/135360678

版权

本文介绍了使用HTML、CSS和JS技术构建的书法鉴赏静态网页课程设计，详细描述了首页和主页的结构，以及部分源代码示例，可通过链接查看实际效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

使用HTML+CSS+JS静态网页技术实现的书法鉴赏静态网页课程设计，主要内容是对书法的介绍，书法鉴赏视频等等。

主要内容

1、首页

首页主要由两部分组成，上面是一个图片链接，点击可进入主页，下面是一个联系我们按钮，点击会弹出系统的邮箱，进入发送邮件界面：
在这里插入图片描述

发送邮寄界面：
在这里插入图片描述

部分代码：

<center>
<table width="768" height="500" border="0" align="center" cellpadding="1" cellspacing="0">
  <tr>
    <td><img src="images/index.jpg" width="768" height="500" border="0" usemap="#Map" /></td>
  </tr>
</table>
</center>

2、主页

主页由三部分组成，如图：
在这里插入图片描述

顶部是头部信息，左侧是菜单栏，右侧是内容栏，点击左侧的菜单，右侧内容栏会进行切换，如图：
在这里插入图片描述

部分源码如下：

<table border="0" cellpadding="0" cellspacing="0" width="214">
  <tr>
    <td ><img src="../images/spacer.gif" alt="" name="undefined_2" width="214" height="1" border="0"></td>
    <td><img src="../images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
  </tr>
  <tr>
    <td valign="bottom" height="20"><img name="left_r1_c1" src="../images/bg_top.gif" width="214" height="25" border="0" alt=""></td>
    <td><img src="../images/spacer.gif" alt="" name="undefined_2" width=