学生个人网页设计作品 学生个人网页模板 简单个人主页成品 个人网页制作 HTML学生个人网站作业设计代做_学生个人网页优秀模板_dreamweaver网页设计的博客-程序员秘密

技术标签： css  web前端网页设计  前端  html  html期末大作业  dw静态网页设计  

一、作品介绍

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

2.作品编辑：作品下载后可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

3.知识应用：技术方面主要应用了大学生网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码展示

代码说明：以下仅展示部分代码供参考~

<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <title>个人网页设计</title>
    <link href="css/style.css" rel="stylesheet" />
</head>

<body>
    <div id="wrapper">
        <div id="header">
            <a href="#"><img src="images/logo.png" class="logo"/></a>
        </div>
        <div id="menu">
            <ul>
                <li><a href="index.html">个人主页</a></li>
                <li><a href="jieshao.html">故事介绍</a></li>
                <li><a href="renwu.html">主要人物</a></li>
                <li><a href="meitu.html">个人美图</a></li>
                <li><a href="zhuce.html">注册用户</a></li>
                <li><a href="liuyan.html">随笔留言</a></li>
            </ul>
        </div>
        <div id="main">
            <div class="content">
                <ul class="list">
                    <li>
                        <img src="images/zy1.jpg" />
                        <h5>“草帽”蒙奇·D·路飞</h5>
                        <p>初次登场：漫画第1话 年龄：17岁→19岁 生日：5月5日 血型：F型 身高：172cm→174cm 身份：草帽 故乡：东海·风车村 ...</p>
                        <a href="#">详情...</a>
                    </li>
                    <li>
                        <img src="images/zy2.jpg" />
                        <h5>“小贼猫”娜美</h5>
                        <p>初次登场：漫画第8话 年龄：18岁→20岁 生日：7月3日 血型：X型 身份：阿龙海贼团测量员→草帽 故乡：东海可可亚西村...</p>
                        <a href="#">详情...</a>
                    </li>
                    <li>
                        <img src="images/zy3.jpg" />
                        <h5>“海贼猎人”罗罗诺亚·索隆</h5>
                        <p>初次登场：漫画第3话 年龄：19岁→21岁 生日：11月11日 血型：XF型 身份：东海海贼赏金猎人→草员 故乡：东海·霜月村...</p>
                        <a href="#">详情...</a>
                    </li>
                    <li>
                        <img src="images/zy4.jpg" />
                        <h5>“GOD”乌索普</h5>
                        <p>初次登场：漫画第23话 年龄：17岁→19岁 生日：4月1日 血型：S型 身份：乌索普海贼团船长→狙击手 故乡：东海西罗普村...</p>
                        <a href="#">详情...</a>
                    </li>
                </ul>
            </div>
            <div class="sidebar">
                <div class="denglu">
                    <h2>用户登录</h2>
                    <p><span>账号：</span><input type="text" /></p>
                    <p><span>密码：</span><input type="password" /></p>
                    <div class="btn">
                        <a href="#"><img src="images/denglu.png" /></a>
                        <a href="#"><img src="images/zhuce.png" /></a>
                    </div>
                </div>
                <div class="chengyuan">
                    <h2>草帽海贼团成员</h2>
                    <ul>
                        <li><a href="#">“草帽”蒙奇·D·路飞</a></li>
                        <li><a href="#">“海贼猎人”罗罗诺亚·索隆</a></li>
                        <li><a href="#">“小贼猫”娜美</a></li>
                        <li><a href="#">“GOD”乌索普</a></li>
                        <li><a href="#">“黑足”山治</a></li>
                        <li><a href="#">“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li>
                        <li><a href="#">“恶魔之子”妮可·罗宾</a></li>
                        <li><a href="#">“改造人”弗兰奇</a></li>
                        <li><a href="#">“灵魂之王”布鲁克 </a></li>
                    </ul>
                    <img src="images/chengyuan.jpg" />
                </div>
            </div>
        </div>
        <div id="footer">
            <p>底部信息</p>
        </div>
    </div>
</body>

</html>

四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述

五、戳下方更多源码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stu_365392777/article/details/123319511

智能推荐

json.dumps和 json.loads 区别，如此简单_json loads dumps分别_枫奇的博客-程序员秘密

json.dumps : dict转成strjson.loads:str转成dict也就是说，一个是将字典转换为字符串    一个是将字符串转换为字典看下面的例子import json TestTarget = {1:'A', 2:2, "jimy":"666",'tom':888} # test js

Apache 服务器特点_apache优点_qq_42672563的博客-程序员秘密

## Apache 服务器特点 ##Apache，一种开放源码的HTTP服务器，可以在大多数计算机操作系统中运行，由于其多平台和安全性被广泛使用，是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩展，Perl/Python等解释器可被编译到服务器中。Apache 服务器特点: 1.开放源代码。 2.跨平台应用，可运行windoows和大多数linux系统。 3.支持...

联邦学习 Federated Learning 相关资料整理_federated learning 入门论文整理.doc_Sinsa_SI的博客-程序员秘密

论文Towards Federated Learning at Scale: System Design安全的联邦迁移学习（Secure Federated Transfer Learning）联邦强化学习（Federated Reinforcement Learning）SecureBoost 安全树模型会议资料联邦学习的研究与应用Federated Learning an...

利用setInterval()方法实现在页面上显示实时时间_setinterval时间_be_perfunctory的博客-程序员秘密

效果图:代码如下：&lt;body&gt;&lt;divid='time'&gt;&lt;/div&gt;&lt;script&gt;window.onload=function(){//每1秒刷新时间setInterval("NowTime()",1000);}functionNowTime(){...

辛星浅析Linux中的命令提示符格式_linux中mkmf_辛星的博客-程序员秘密

一般我们的命令提示符格式都是"[用户名@计算机名   当前目录]  命令提示符"的格式，当然我们可以修改它，也就是编辑~/.bashrc这个文件，找到PS1的定义，其中PS1就是定义命令提示符的变量了。     下面是每个符号的具体含义：     \u是当前登录用户名     \h是当前计算机名称     \H是当前计算机的域名全称     \w是当前目录     \W是当

Reader entry: ���� 乱码详解_reader entry乱码_李晋江的博客-程序员秘密

Reader entry: ���� 乱码问题

随便推点

Symbian简介_SunnyWinters的博客-程序员秘密

1.1       Symbian起源Symbian 成立于1998 年6 月，是由爱立信、Matsushita（松下）、摩托罗拉、诺基亚、Psion、西门子和索尼爱立信共同持股的独立私营公司。Symbian 在移动计算设备和手机软件技术开发领域拥有近二十年的丰富经验，是一家由各主要无线通信技术公司持股的软件许可证

【考研】2021年哈尔滨工业大学计算机考研「复试」经验贴_哈工大计算机复试_Stu_Yang的博客-程序员秘密

2021年哈尔滨工业大学计算机考研复试经验贴

Nuxt.js引用iconfont具体操作_nuxt引入iconfont_恩婧的博客-程序员秘密

如果没有assets文件夹，需要手动创建 下载iconfont文件，解压出来

MacBook蓝牙鼠标 自动断开问题_macbook蓝牙鼠标老是断开_kaixinjiaoluo的博客-程序员秘密

（1）首先打开“访达”-&gt;“前往”-&gt;“前往文件夹...”进入如下文件夹： 1 /Library/Preferences （2）找到com.apple.Bluetooth.plist文件，将其删除。（3）重启电脑。

JdbcTemplate空指针异常_刘贵庆的博客-程序员秘密

若没有注入。则报空指针异常。也会报：Failed to configure a DataSource: 'url' attribute is not specified and no em.....也会报：Servlet.service() for servlet [dispatcherServlet] in context with path []解决方法：1、业务层实现类中：xxxServiceImpl 中的 Repository 加入： @Resource注解。 @Resour..

kubernetes(k8s) 存储动态挂载_小陈运维的博客-程序员秘密

使用 nfs 文件系统 实现kubernetes存储动态挂载1. 安装服务端和客户端[email protected]:~# apt install nfs-kernel-server nfs-comm...

推荐文章

热门文章

相关标签