html+css+js网页设计 程序员个人编程学习网站15个页面 大学生HTML5期末作业 Web前端网页制作 html5+css3+js

html+css+js网页设计 程序员个人编程学习网站15个页面 大学生HTML5期末作业 Web前端网页制作 html5+css3+js

网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

获取源码

1,访问该网站 https://download.youkuaiyun.com/download/qq_42431718/89680103
2,点击上方下载

目录1

在这里插入图片描述

项目视频

html+css+js网页设计程序员个人编程学习网站15个页

页面1

在这里插入图片描述

页面2

在这里插入图片描述

页面3

在这里插入图片描述

页面4

在这里插入图片描述

页面5

在这里插入图片描述

页面6

在这里插入图片描述

页面7

在这里插入图片描述

页面8

在这里插入图片描述

页面9

在这里插入图片描述

页面10

在这里插入图片描述

代码展示

<!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/nav.css" />
    <link rel="stylesheet" href="css/footer.css" />
    <link rel="stylesheet" href="css/general.css" />
    <link rel="stylesheet" href="css/about.css" />
    <link rel="stylesheet" href="css/star_canvas.css" />
    <script src="js/jquery.js"></script>
    <script src="js/nav.js"></script>
    <script src="js/footer.js"></script>
    <script src="js/star_canvas.js"></script>
  </head>

  <body>
    <div id="ifr">加载中……</div>
    <div class="about_frame">
      <div class="about_title">关于</div>
      <div class="about_left about_align">
        <div class="about_title2">关于我们:</div>
        <div class="about_text">本网站是个人网站。搭建网站的目的在于交流分享关于编程和计算机科学技术的心得体会,分享自己在学习编程过程中的所思所想和所得。</div>
        <div class="about_text">为此,本网站提供了帖子板块,用于记录个人在学习过程中的相关总结经验。范围囊括了本人所学的知识的方方面面,所有内容(含所有网站图片)均为原创文章,没有任何转载的帖子。</div>
        <div class="about_text">
          本网站还提供了工具板块,主要是在编程过程中可能会经常进行的运算,诸如数论和组合数学运算、字符串处理、随机数,因为它们使用频繁,所以将其制作成小工具,能够很方便地在有需要的时候马上调用,节省了大量时间。所有工具代码亦为原创。
        </div>
        <div class="about_title2">联系我们:</div>
        <div class="about_text">如果您对本网站有任何宝贵的建议或意见,欢迎您随时向网站的建设者br提出。请联系微信:f1850034</div>
      </div>
      <div class="about_right about_align">
        <div class="about_title2">更新日志:</div>
        <ul class="about_list">
          <div class="about_mb">当前页面版本:V1.0</div>
          <li>21/6/13 开始页面建设</li>
          <li>21/6/15 完成帖子页面</li>
          <li>21/6/17 完成工具页面</li>
          <li>21/6/18 完成所有页面</li>
        </ul>
      </div>
      <div id="star" class="fix2"></div>
    </div>
    <iframe src="footer.html" frameborder="0" width="100%" height="48px" scrolling="no" id="footer_frame" class="footer_frame"></iframe>
  </body>
</html>

总结

设计一个样式美观又人性化的网页,除了具备扎实的专业知识,还需具备美学和人机工程学等相关知识,优秀的网页应具备以下几个特点:

1.简洁实用

尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,要去掉所有的冗余的东西;

2.使用方便

要满足使用者的要求,网页适合使用,显示出其功能美;

3.整体性好

围绕一个统一的目标设计,强调整体的功能性;

4.形象突出

尽量符合网页美的标准,能够使网站的形象得到最大限度的提升,追求雅俗共赏。页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。

5.交互式强

发挥网络的优势,想方设法使每个使用者都参与到其中来。

更多推荐
【关注作者|获取更多源码|优质文章】;Web前端网页制作、大学生毕业设计辅导、期末大作业辅导、模板源码、技术咨询等,有兴趣的联系我!

更多优质博客文章、网页模板点击以下链接查阅:

html+css+js网页设计 优快云博客
html+css+js网页设计 优快云博客
html+css+js网页设计 优快云博客

关注作者,点赞收藏博文,获取更多源码,Thanks!5000+完整代码,主题涵盖30+种类型:

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

html+css+js网页设计

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值