首页 > 其他分享 >静态网页简单设计

静态网页简单设计

时间:2023-06-02 18:06:19浏览次数:37  
标签:网页 静态 border height width background 简单 margin left


应同学要求,帮忙简单设计一个静态网页。我就愉快的答应了,其实我心里挺没底的,但是基于我前段时间有过微信小程序的基础学习,在部分css代码上还是差不多的。
帮同学做的这个网页是《传闻中的陈芊芊》这个电视剧的部分相关内容。
下面是最终的网页界面。

网页界面最终效果:

静态网页简单设计_css


静态网页简单设计_vim_02


静态网页简单设计_vim_03


静态网页简单设计_数组_04


静态网页简单设计_javascript_05

源代码:

下面只是展示了部分的源代码,相关素材及全部代码可以点击此处链接下载

标签:网页,静态,border,height,width,background,简单,margin,left
From: https://blog.51cto.com/u_14458591/6404427

相关文章

  • 训练简单小游戏的强化学习工具箱
    详细先上效果图:启动界面主界面设置界面服务器界面(使用highchart模板画出每一局得分情况)配置的两款简单小游戏以及训练效果:贪吃蛇“是男人就下一百层”(修改)*原图像太大被迫修改大小使用说明:####【设置窗口】→在上面的主界面中点击倒三角形状的键,屏幕上会弹出一个黑色的设置窗。在......
  • 微信小程序——简单饮食推荐(二)
    该篇是转接我的文章简单饮食推荐(一)中功能实现中的订餐模块。目录1、要实现的功能2、界面的布局3、设计思路4、实现过程1、要实现的功能能够显示菜单可以切换不同的食物种类可以将菜单中的菜品或者食物添加至购物车在购物车中可以对已经选择的食物进行增加或减少可以对购物车中的......
  • 简单python界面设计(tkinter库)
    简单python界面设计(tkinter库)做这个界面初衷是为舵机做一个控制界面,这个文件被遗弃在角落里,今天刚发现,所以就简单介绍主界面以及我对tkinter库的学习是参考的上面这个链接的(感谢......
  • 软件测试|超好用超简单的Python GUI库——tkinter(十五)
    前言上一篇文章我们介绍了tkinter的Canvas画布控件,并且使用画布控件绘制了线条,本篇文章我们将介绍使用Canvas绘制更多图形。参数介绍属性说明activedash当画布对象状态为"active"的时候,绘制虚线activefill当画布对象状态为"active"的时候,填充颜色activestipple当画布对象状态为......
  • Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍
    fac项目地址:https://github.com/CNFeffery/feffery-antd-componentsfuc项目地址:https://github.com/CNFeffery/feffery-utils-components欢迎star支持⭐大家好我是费老师,由我开源维护的Python网页开发相关组件库fac和fuc分别更新到了0.2.9版本和0.1.29版本,本文就将为大家......
  • 5.12 综合案例 : 简单java类
    简单java类,基础很重要,需要手,熟练无误的写出来classDept{privatelongdeptno;privateStringdname;privateStringloc;publicDept(){//必须提供无参构造方法;}publicDept(longdeptno,Stringdname,Stringloc){this.deptno=......
  • js用户在退出或刷新网页时给出提示
        window.onbeforeunload=function(){returntrue}如果不需要给出提示的话,只需要不执行returntrue即可 需要注意的是,在chrome浏览器测试时发现,需要至少在网页中点击过一次才能正确触发此事件......
  • 01-Gradle简单安装、介绍、使用
    01-Gradle简单安装、介绍、使用简单环境配置:如果需要使用Gradle,可以简单到官网上进行查看教程Gradle官方教程重要:如果需要使用Gradle,那么至少需要准备Java开发环境JDK-8或者以上。简而言之,如果是MacOS,可以安装brew软件,从而进行安装安装指令:brewinstallgradle。如果......
  • 用Java爬虫轻松抓取网页数据
    Java爬虫可以自动化地从互联网上采集各种数据,可以帮助企业分析竞争对手的网页排名,优化自己的网站,提高搜索引擎排名。那么如何开始爬虫呢?Java爬虫的具体步骤如下:1、确定爬取目标确定需要爬取的网站、页面和数据。2、分析网页结构通过浏览器开发者工具或者其他工具,分析目标网站......
  • java爬虫详解及简单实例
    java爬虫是一种自动化程序,可以模拟人类在互联网上的行为,从网站上抓取数据并进行处理。下面是Java爬虫的详细解释:1、爬虫的基本原理Java爬虫的基本原理是通过HTTP协议模拟浏览器发送请求,获取网页的HTML代码,然后解析HTML代码,提取需要的数据。爬虫的核心是HTTP请求和HTML解析。2......