深圳网站建设公司怎么做/刚出来的新产品怎么推
案例一 网页课程
<!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>
</head>
<body><p>课程体系</p><hr><img src="week1/1001/1.png" height="200px"><img src="week1/1001/2.png" height="200px"><p>实战课程</p><hr><img src="week1/1001/3.png" height="200px"><img src="week1/1001/4.png" height="200px"><img src="week1/1001/5.png" height="200px">
</body>
</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>
</head>
<body><h1>商品详情</h1><hr><p>产品参数：</p><p>产品名称：HTML5+CSS3网页设计 ISBN编号：9787302480723 书名：HTML5+CSS3网页设计</p><p>作者：刘玉红，蒲娟 出版时间：2017-09 定价：78.00元</p><p>出版社名称：清华大学出版社 开本：16开 是否是套装：否</p><hr><img src="img.week1/1002/1.jpg" height="150px" width="800px"><img src="img.week1/1002/2.jpg" width="800px"></body>
</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><script>function p(){var v=document.getElementById("video1");if (v.paused) {v.play();} else {v.pause();} }function small(){var v=document.getElementById("video1");v.width = v.width * 0.5;v.height = v.height * 0.5; }function big(){var v=document.getElementById("video1");v.width = v.width * 2;v.height = v.height *2; }function same(){var v=document.getElementById("video1");v.width = 500;v.height = 300; }</script><style>.cont{margin: 0,auto;height: 300px;width: 500px;}</style>
</head>
<body><div class="cont"><video id="video1" src="../img/video.mp4" width="500" height="300" ></video><div><center><button onclick="p()">播放/暂停</button><button onclick="big()">放大</button><button onclick="small()">缩小</button><button onclick="same()">普通</button></center></div></div>
</body>
</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><style>*{padding: 0;margin: 0;}.c1{background-color: gainsboro;height: 40px;width: 300px;}.c2{background-color: gainsboro;height: 40px;width: 300px;margin-top: 20px;}form{background: url(../img/4001.png) no-repeat;height: 550px;width: 600px;position: absolute;background-color: gainsboro;}.all{position: relative;margin-top: 110px;margin-left: 110px;}[type="button"]{background-color: yellow;border: none;border-radius:12px;width: 70px;height: 40px;font-size: 20px;margin-top: 20px;margin-left: 30px;}</style>
</head>
<body><form><div class="all"><div class="c1"><img src="../img/user.png" height="30px" ><label><input style="border: 0px;background-color: gainsboro;height: 25px;" type="text" ></label></div><div class="c2"><img src="../img/pass.png" height="30px" ><label><input style="border: 0px;background-color: gainsboro;height: 25px;" type="text"></label></div><input type="button" value="登录"><a href="#" style="height: 10px;color: rgb(0, 179, 255);font-size: 15px;margin-left: 10px;">注册</a><a href="#" style="height: 10px;color: rgb(0, 179, 255);font-size: 15px;margin-left: 10px;">忘记密码？</a></div></form>
</body>
</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><style>*{bottom: 0;padding: 0;}.cont{background: url(../img/bg.png);position:relative;width:1000px;height:600px;background-size:100%;background-position:bottom center;position:absolute;}form{background-color: papayawhip;border-radius: 25px;width: 700px;height: 350px;margin:70px 100px;border: 3px solid peachpuff;position:absolute;}.addr{background-color: #FFF8D7;height: 50px;width: 620px;margin-left: 32px;}.little{padding-top: 15px;}.end{margin-top: 30px;height: 50px;background-color: bisque;width: 700px;border-radius: 0 0 25px 25px;}.title{margin-top: 93px;margin-left: 400px;}</style>
</head>
<body><div class="cont"><div class="title"><p style="float:left;margin-top:30px;height:30px;background-color: papayawhip;font-size: 15px;padding-top: 10px;"><span style="font-size: 20px;font-weight: bolder;">祝福瓶</span><span>祝福瓶，准确无误的送去你的祝福</span></p><img src="../img/bot.png"></div> <form><p style="margin: 20px 10px;color:DarkOliveGreen;font-size: 18px;"> 祝福远在他乡的你幸福安康...</p><div class="addr"><p style="float: left;"> 我要祝福的他在：</p><div class="little"><select><option>吉林</option><option>安徽</option></select><select><option>咸阳</option><option>合肥</option></select><label><input type="text" value="请输入地址信息" style="color:gainsboro";></label></div></div><textarea cols="90" rows="7" style="background-color:#FFFFDF;margin:20px 30px;"></textarea><div class="end"><label ><input type="checkbox" style="margin: 20px;">转发到微博</label><label ><input type="checkbox">同时扔给很多人</label><input type="button" value="关闭" style="background-color: #FFF0AC;margin-left:250px;width: 70px;height: 30px;border: 2px solid #FFDCB9 ;"><input type="button" value="扔出去" style="background-color:skyblue;width: 70px;height: 30px;color: white;border-radius: 10px;border: 2px solid #2894FF;"></div></form></div>
</body>
</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><style>*{padding: 0;margin: 0;}.cont{background: url(../img/4003/bg\ .png) no-repeat;width: 800px;height: 500px;margin: 20px auto;}.pic{margin: 9px 200px;width: 300px;height: 40px;padding-top:60px;}textarea{margin-left: 200px;}.button{margin-left: 200px;padding-left: 20px;background-color: aliceblue;height: 50px;line-height:50px;width: 570px;}.b1{height:25px;width: 70px;line-height:25px;font-size: 14px;font-weight: bolder;color: white;background-color: gainsboro;border: none;}.b2{height:25px;width: 70px;line-height:25px;font-size: 14px;color: white;background-color: orange;border: none;}</style>
</head>
<body><div class="cont"><div class="pic"><label><input type="radio" name="judge" ><img src="../img/4003/red.png"></label> <label><input type="radio" name="judge"><img src="../img/4003/yellow.png"></label> <label><input type="radio" name="judge"><img src="../img/4003/black.png"></label></div><textarea rows="9" cols="83"></textarea><div class="button"><button class="b1">我要晒图</button><button class="b2">发表评价</button> <label><input type="radio" name="choose">公开</label><label><input type="radio" name="choose">匿名</label></div></div>
</body>
</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><style>*{padding: 0;margin: 0;}.button{float: left;}.cont{margin-top: 100px;margin-left:300px;background-color:skyblue;height: 270px;width: 700px;padding-left:40px;padding-top: 20px;}.theme{padding-left: 4px;padding-top: 10px;}.a1{margin-left: 80px;color: #000;font-size: 10px;}.a2{color: #000;font-size: 10px;margin-left: 0px;}a:link{text-decoration:none;}.main{padding-top:4px ;}.button{padding-left: 70px;font-size: 10px;font-weight: bolder;}button{background-color:#39c0d4;border:none;height: 30px;line-height: 30px;border-radius: 10%;}.choose{font-size: 10px;padding-top: 4px;}</style>
</head>
<body><div class="cont"><div class="reciver"><span>收件人 </span></span><textarea rows="1" cols="50"></textarea></div><div class="theme"><span>主 题 </span><textarea rows="1" cols="50"></textarea></div><a href="" class="a1">添加附件</a> <a href="" class="a2">在线文档</a><div class="main"><span style="float: left;">正 文 </span><textarea rows="10" cols="83"></textarea></div><div class="button"><button>直接发送</button><button>存草稿</button><button>其它选项</button></div><div class="choose"> <span>是否保存到已发送</span> <label><input type="radio" name="choose">是</label><label><input type="radio" name="choose">否</label></div></div>
</body>
</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><style>*{padding: 0;margin: 0;} form{background-image: url(../img/back.png);height: 500px;padding: 200px;}p{background-color:rgba(28, 164, 226, 0.614);color: white;font-size: 20px;margin-top: 20px;}label{margin-top:15px;padding-top: 1px;font-size: 12px;display: block;margin-left: 30px;}</style>
</head>
<body> <form><p>申请个人讲师</p><label><input type="checkbox">为企业宣传</label><label><input type="checkbox">上传文档至网站</label><label><input type="checkbox">个人需要</label><label><input type="checkbox">团购个人会员</label><label><input type="checkbox">扩充自身网站内容</label><label><input type="checkbox">借助明日科技技术，搭建企业内部平台</label><p>您所在企业名称</p><label>请输入您的回答 <input type="text"></label><p>您所在单位的规模</p><label><input type="radio" name="count">100人以内</label><label><input type="radio" name="count">100-500人</label><label><input type="radio" name="count">500人-1000人</label><label><input type="radio" name="count">1000人-5000人</label><label><input type="radio" name="count">5000人以上</label><p>你是机构的负责人吗</p><label><input type="radio" name="que">是</label><label><input type="radio" name="count">不是</label></form></body>
</html>相关文章：
【web前端开发】HTML及CSS简单页面布局练习
案例一 网页课程 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-wi…...
2.7日学习打卡----初学RabbitMQ（二）
2.7日学习打卡 JMS 由于MQ产品很多，操作方式各有不同，于是JAVA提供了一套规则 ——JMS，用于操作消息中间件。JMS即Java消息服务 （JavaMessage Service）应用程序接口，是一个Java平台中关于面 向消息中间件的…...
【工作学习 day04】 9. uniapp 页面和组件的生命周期
问题描述 uniapp常用的有：页面和组件，并且页面和组件各自有各自的生命周期函数，那么在页面/组件请求数据时，是用created呢，还是用onLoad呢？ 先说结论: 组件使用组件的生命周期，页面使用页面的…...
Mysql-数据库优化-客户端连接参数
客户端参数 原文地址 # 连接池配置 # 初始化连接数 spring.datasource.druid.initial-size1 # 最小空闲连接数，一般设置和initial-size一致 spring.datasource.druid.min-idle1 # 最大活动连接数，一个数据库能够支撑最大的连接数是多少呢？ …...
【十二】【C++】vector用法的探究
vector类创建对象 /*vector类创建对象*/ #if 1 #define _CRT_SECURE_NO_WARNINGS#include <iostream> using namespace std; #include <vector> #include <algorithm> #include <crtdbg.h>class Date {public:Date(int year 1900, int month 1, int …...
Docker 基本介绍
Docker 基本介绍 镜像 Docker镜像就是一个只读的模板。 例如：一个镜像可以包含一个完整的ubuntu操作系统环境，里面仅安装了Apache或用户需要的其它应用 程序。 镜像可以用来创建Docker容器。Docker提供了一个很简单的机制来创建镜像或者更新现有的镜…...
CentOS 7 安装 install abiword
安装 1.下载noarch安装包 wget http://repo.iotti.biz/CentOS/7/noarch/lux-release-7-1.noarch.rpm 2.安装noarch rpm -Uvh lux-release-7-1.noarch.rpm 3.安装abiword yum -y install abiword...
开源的直播平台
直播平台系统界面介绍 开源一套直播平台 私信可获取源码...
ChatGPT 变懒最新解释！或和系统Prompt太长有关
大家好我是二狗。 ChatGPT变懒这件事又有了最新解释了。 这两天，推特用户Dylan Patel发文表示： 你想知道为什么 ChatGPT 和 6 个月前相比会如此糟糕吗？ 那是因为ChatGPT系统Prompt是竟然包含1700 tokens，看看这个prompt里面有多…...
书生·浦语大模型第三课作业
基础作业： 复现课程知识库助手搭建过程 (截图) 进阶作业： 选择一个垂直领域，收集该领域的专业资料构建专业知识库，并搭建专业问答助手，并在 OpenXLab 上成功部署（截图，并提供应用地址&#x…...
【Redis笔记】分布式锁及4种常见实现方法
线程锁 主要用来给方法、代码块加锁。当某个方法或代码使用锁，在同一时刻仅有一个线程执行该方法或该代码段。线程锁只在同一JVM中有效果，因为线程锁的实现在根本上是依靠线程之间共享内存实现的，比如Synchronized、Lock等。 进程锁 控制同…...
SpringMVC第一天
一、SpringMVC简介 1 SpringMVC概述 1.1 SpringMVC概述 SpringMVC是一种基于Java实现MVC模型的轻量级Web框架 优点 使用简单，开发便捷（相比于Servlet） 灵活性强 2 入门案例【重点】 问题导入 在Controller中如何定义访问路径ÿ…...
如何利用腾讯工蜂提升广告推广和用户运营效率
无代码开发：腾讯工蜂的连接优势 在广告推广和用户运营中，腾讯工蜂的无代码开发优势让广告系统和用户运营系统能够轻松地实现无需API开发的集成。这使得没有专业编程技能的工作人员也能通过腾讯工蜂的用户友好界面，实现系统的快速连接和集成&…...
【QT+QGIS跨平台编译】之三十二：【MiniZip+Qt跨平台编译】（一套代码、一套框架，跨平台编译）
文章目录 一、MiniZip介绍二、文件下载三、文件分析四、pro文件五、编译实践一、MiniZip介绍 MiniZip是一个轻量级的开源库，用于创建、读取和操作ZIP文件格式的压缩文件。它提供了一组简单而灵活的API，可以方便地在应用程序中进行ZIP文件的压缩和解压操作。 MiniZip的主要特…...
OLAP技术的发展及趋势简述
这里写自定义目录标题 历史发展基于电子表格的数据分析基于传统数据库的数据分析基于大数据的数据分析 当下的现状OLAP技术的分类MOLAPROLAPHOLAP 主流的OLAP引擎新技术的普及内存向量计算列式数据存储及交换增量查询多源融合计算下推物化视图 发展趋势智能化分析多源融合和自动…...
stupid_brain
前言： 本文用于记录本人AI新手期间犯的各种错误，时常更新。 正文开始： 读取数据的num_worker设置过少，以至于训练速度卡在读取数据上。训练集数据处理：数据增强有利于解决过拟合问题。模型：relu少写、batc…...
C# BackgroundWorker的使用
C# 中的 BackgroundWorker 类是 .NET Framework 提供的一个组件，用于在后台线程上异步执行长时间运行的操作，同时保持与用户界面（UI）的交互，如更新进度信息或处理取消请求。这使得可以轻松地在不冻结UI的情况下执行耗时…...
（简单有案例）前端实现主题切换、动态换肤的两种简单方式
目录 背景 （强烈推荐）实现方法1：CSS中原生变量“--”和var() 步骤1：定义css变量 步骤2：使用CSS变量 步骤3：切换主题 实现完整案例 实现方法2：link 动态引入 背景 我们需要做一个功能&#…...
wyh的迷宫
涉及知识点：求迷宫能否到达终点的，而不是求路径数的，用bfs时可以不用重置状态数组（回溯）。 题目描述 给你一个n*m的迷宫，这个迷宫中有以下几个标识： s代表起点 t代表终点 x代表障碍物 .代…...
AWS云用户创建
问题 需要给工友创建AWS云的用户，这里假设使用分配给自己AWS开发者IAM账号，给别人创建aws IAM账号。 登录系统 打开页面：https://xxx.signin.aws.amazon.com/console，使用分配的开发者账号登录。如下图： 创建用户…...
微信小程序（三十七）选项点击高亮效果
注释很详细，直接上代码 上一篇 新增内容： 1.选择性渲染类 2.以数字为需渲染内容（数量） 源码： index.wxml <view class"Area"><!-- {{activeNumindex?Active:}}是选择性添加类名进行渲染 -->&l…...
通过Demo学WPF—数据绑定（二）
准备 今天学习的Demo是Data Binding中的Linq： 创建一个空白解决方案，然后添加现有项目，选择Linq，解决方案如下所示： 查看这个Demo的效果： 开始学习这个Demo xaml部分 查看MainWindow.xaml： …...
数据湖的整体思路
湖本质上是一个集中化，中心化的，一体化的存储技术，并且在其之上追求技术架构的统一化，如流批一体，服务分析一体化。 当数据湖成为中心，那么就可以围湖而建“数据服务环”，环上的服务包括了数仓、…...
51单片机 跑马灯
#include <reg52.h>//毫秒级延时函数 void delay(int z) {int x,y;for(x z; x > 0; x--)for(y 114; y > 0 ; y--); }sbit LED1 P1^0x0; sbit LED2 P1^0x1; sbit LED3 P1^0x2; sbit LED4 P1^0x3; sbit LED5 P1^0x4; sbit LED6 P1^0x5; sbit LED7 P1^0x6; s…...
迎新年年终总结
迎新年年终总结 1、除夕迎新年登高有感 1、除夕迎新年登高有感 除旧岁，迎新年。凭栏立，意阑珊。 天空阔，世道艰。唯自强，可彼岸。 于2024年2月9日 10:51。...
一台服务器可以支持多少TCP连接
前言 在linux系统中一切皆文件，每当有一个tcp连接建立，那么就会打开一个文件描述符。在Linux系统中，文件描述符打开的个数是有限制的，当超过这个限制的时候内核就会跑出too many open files异常。 linux上能打开的最大文件…...
svg基础（六）滤镜-图像，光照效果（漫反射，镜面反射），组合
1 feImage：图像滤镜 feImage 滤镜从外部来源取得图像数据，并提供像素数据作为输出（意味着如果外部来源是一个 SVG 图像，这个图像将被栅格化。） 1.1 用法: <feImage x"" y"" width"&quo…...
电脑数据误删如何恢复？9 个Windows 数据恢复方案
无论您是由于软件或硬件故障、网络犯罪还是意外删除而丢失数据，数据丢失都会带来压力和令人不快。 如今的企业通常将其重要数据存储在云或硬盘上。但在执行其中任何一项操作之前，您很有可能会丢失数据。 数据丢失的主要原因是意外删除，任何…...
【doghead】uv_loop_t的创建及线程执行
worker测试程序，类似mediasoup对uv的使用，是one loop per thread 。创建一个UVLoop 就可以创建一个uv_loop_t Transport 创建一个： 试验配置创建一个： UvLoop 封装了libuv的uv_loop_t ，作为共享指针提供 对uv_loop_t 创建并初始化...
云计算运营模式介绍
目录 一、云计算运营模式概述 1.1 概述 二、云计算服务角色 2.1 角色划分 2.1.1 云服务提供商 2.1.2 云服务消费者 2.1.3 云服务代理商 2.1.4 云计算审计员 2.1.5 云服务承运商 三、云计算责任模型 3.1 云计算服务模式与责任关系图 3.2 云计算服务模式与责任关系解析…...