网页制作 - 问卷网的首页
<html>
<head>
<meta charest = "utf - 8">
<title>首页</title>
<link herf = "">
</head>
<style>
/********************************************************** head - style **********************************************/
*{
margin:0px;
padding:0px;
}
#log{
color:#ffffff;
font-family: "微软黑体";
Typeface:"regular";
font-size: 50px;
margin-left: 80px;
width:100px;
}
#wenjuan{
color:#ffffff;
font-family: "Arial";
font-size: 15px;
margin-top: 10px;
margin-left: 100px;
width:100px;
}
#title li:hover{
color:white;
cursor: pointer;
}
#title{
float:left;
color:#999999;
font-size: 25px;
margin-top: -20px;
margin-left: 200px;
}
li{
list-style: none;
float:left;
margin-left:25px;
font-size: 20px;
}
#administraction{
color:#ff9933;
font-size: 5px;
margin-top: -70px;
margin-left:850px;
}
#form{
color :#FFFFFF;
margin-top: -10px;
margin-left: 1065px;
}
#loginAndRegister:hover{
color:white;
cursor: pointer;
}
#loginAndRegister{
color:#ffffff;
font-size: :4px;
margin-top: 25px;
margin-left:1100px;
}
/********************************************************* body - style ********************************************/
*{
margin:0px;
padding:0px;
}
#listen-Chinese{
color:#999999;
font-size: 55px;
margin-top: -340px;
margin-left: 70px;
}
#listen-English{
color:#999999;
font-size: 20px;
margin-top: 20px;
margin-left: 80px;
}
#freeManufacture{
color:#FFFFFF;
font-size: 28px;
margin-top: 60px;
margin-left: 80px;
}
#mailForm{
color :#FFFFFF;
margin-top: 35px;
margin-left: 80px;
}
*{
margin:0px;
padding:0px;
}
#statistics{
color:#FF663C;
font-size: 40px;
margin-top: 120px;
margin-left: 200px;
}
#littleTitle{
color:#BBBBBB;
font-size: 23px;
margin-top: 50px;
}
#chiefInfo{
color:#777777;
font-size: 17px;
margin-top: 40px;
}
#table{
margin-top: 40px;
margin-left: 200px;
}
#resultList{
font-size: 23px;
margin-left: 200px;
margin-top: 20px;
}
#resultListForm{
font-size: 17px;
margin-left: 200px;
margin-top: 30px;
}
</style>
<!--*********************************************************** script ********************************************* -->
<script type = "text/javascript">
function getvalue(){
}
</script>
<!--********************************************************* body ************************************************ -->
<body>
<div style = "background-color:#1c658b;width:100%;height:100px">
<div id = "log">
<p>问卷</p>
</div>
<div id = "wenjuan">
<p>wenjuan</p>
</div>
<div id = "title">
<ul>
<li style = "color:#ffffff;">首页</li>
<li>我的问卷</li>
<li>问卷库</li>
<li>帮助</li>
<li>论坛</li>
</ul>
</div>
<div id = "administraction">
<p>管理员的推送消息</p>
</div>
<div id = "form" style = "form">
<form action = "" width = 20px height = 5px>
<input type = "text" placeholder = "邮箱/用户名" ><br>
<input type = "password" placeholder= "密码" >
</form>
</div>
<div id = "loginAndRegister">
<p>登录 | 注册</p>
</div>
</div>
<div id = "img" style = "background">
<img src = "背景.png" width = 100% height = 60%>
<div id = "listen-Chinese">
<P>倾听你在乎的</P>
</div>
<div id = "listen-English">
<p>Listen to what you care</p>
</div>
<div id = "freeManufacture">
<p>免费制作调查问卷</p>
</div>
<div id = "mailForm" style = "form" >
<mailForm action = "">
<input style = "width:300px;height:30px;" type = "text" placeholder= "输入你常用的邮箱" size = "35">
</mailForm>
</div>
<div id = "registerForm" style = "form" width = 300px height = 20px>
<!-- <regieterForm action = "">
<input type = "button" value = "" οnclick="getvalue()">
</regieterForm> -->
</div>
</div>
<div id = "statistics" >
<p><span style="color:#FF663C;">XXXXX</span>
<span style ="color:#333333;">个用户使用问卷网创建了</span>
<span style="color:#FF663C;">XXXXXX</span>
<span style="color:#333333;">个问卷</span>
</p>
</div>
<div id = "table" style = "table">
<table border = "0" width = 80% height = 50%>
<tr width = 370px height = 220px>
<td>
<img src = "1.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>轻松设计</P>
</div>
<div id = "chiefInfo">
<p>创新界面让编辑去手写般流<br>畅,更有海量问卷供你参考</p>
</div>
</td>
<td>
<img src = "2.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>丰富的题型和逻辑</P>
</div>
<div id = "chiefInfo">
<p>支持十余种常见题型，更有专<br>业的逻辑跳转功能供你使用</p>
</div>
</td>
<td>
<img src = "3.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>自定义主题</P>
</div>
<div id = "chiefInfo">
<p>支持配色，丰富的元素更能贴<br>合你的需求</p>
</div>
</td>
</tr>
<tr>
<td>
<img src = "4.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>多渠道发布</P>
</div>
<div id = "chiefInfo">
<p>不仅能帮你发布问卷还能帮<br>您获取市场数据</p>
</div>
</td>
<td>
<img src = "5.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>精美的报表</P>
</div>
<div id = "chiefInfo">
<p>提供精美的图形分析界面，让<br>您能更加直观地看到结果</p>
</div>
</td>
<td>
<img src = "6.png" width = 100px height = 100px align = left>
<div id = "littleTitle">
<P>永久免费</P>
</div>
<div id = "chiefInfo">
<p>不限问卷数，不限题目数，<br>不限答题数，完全免费，<br>使用无忧</p>
</div>
</td>
</tr>
</table>
</div>
<div id = "resultList">
<pre>用户共享的最新问卷 更多 使用最多的问卷 更多</pre>
</div>
<div id = "resultListForm" >
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
<pre>关于大学生消费观的问卷 2014年4月20日 关于大学生价值观的问卷 2014年4月20日
</pre>
</div>
</body>
</html>
网页制作 - 问卷网的首页相关推荐
- 网页制作 HTML设为首页和加入收藏_动力节点Java学院整理
网页制作 HTML设为首页和加入收藏_动力节点Java学院整理 IE浏览器下如何实现"设为首页","加入收藏"的功能 解决思路: 将指定URL设为首页的功能主要 ...
- HTML/CSS网页制作-----家居网
目录 网页优化 HTML部分代码 css部分代码 效果展示 网页优化 1, 抽取css公共样式 2, 制作成模板页(母版页) 目的:减少后期其他页面的代码复制,建议把首页制作完成后,另存为一个模板页, ...
- php网站模板制作教程视频教程,CCTVPHP网页制作教程网joomla模板制作视频教程
在这个教程里,我们将一步步的制作一个具体的JOOMLA模板,JOOMLA是一个强大的开放代码的CMS(内容管理系统),并且她有着广泛的在线社团的支持.这里强调,我们将不使用table(表单);而是使用 ...
- 用Axure RP 9制作简易网易云首页
用矩形以及文本标签.文本域制作出以下导航栏,交互效果有放在上面会实现变色效果,以及点击登录会弹出登录框 同步上面操作可实现以下 用动态面板中做出轮播图,交互效果有轮播图以及点击小圆点回跳到相应图片,左 ...
- 简易网页制作之内网穿透工具
搭建简易的网站可以使用windows环境下自带的IIS web服务器 内网穿透 : 1.ngrok (大陆无法使用) 2.花生壳 (收费) 3.pubyun(免费使用) 4.natfrp(免费) ...
- 大学生动漫网页设计模板 机动战士高达静态网页制作成品下载 HTML漫画网页作业带JS轮播图
机动战士高达静态网页制作 应用知识点 作品介绍 首页部分代码 页面最终效果 网页源地址 应用知识点 DIV CSS布局.网页背景图.JS图片轮播.在线视频 作品介绍 机动战士高达动漫网页使用DIV C ...
- HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计)
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计) 百度云链接:http://pan.baidu.com/s/1hrH6qck 密码:bc4n 01.HTML基本标签_理论 ...
- 学好英语网html首页制作,网页 英语
目录 一.网页怎么拼 websit. tools/ internet 选项(最下面的那个)/languang/添加或选择中文 要加强英语的学习,建议最好是制定学习计划. 一.在地址栏输入任何网站 ,例 ...
- HTML5期末大作业：仿阴阳师游戏网站设计——仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:仿阴阳师游戏网站设计--仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板 常见网页 ...
最新文章
- WPF .NET 4.0 OpenClipboard 失败 (异常来自 HRESULT:0x800401D0 (CLIPBRD_E_CANT_OPEN)) BUG解决
- 实战3--设计管理模块, 第4步, 新增模块, 部门管理
- 操作系统中的零拷贝与java中的使用
- 《18成长，19蜕变》
- application/x-www-form-urlencoded 与multipart/form-data
- asterisk 互联
- Java-Scanner进阶使用
- android实现截图功能吗,Android实现拍照截图功能
- java yml value_Spring Boot：从YAML文件加载@Value
- [转帖]浪潮openstack的逆袭
- 3.1词典搜索的数据结构与通配符查询
- shoppping collection
- 程序猿头头（this的绑定）
- 分布式环境下对部分热数据（如redis热key，热请求）进行探测，并对探测结果及时同步到各个client实例的JVM内存的方案简述
- 20200724-Java-抽象类、接口
- 潦草手写体也能轻松识别，快速提取文字不用愁
- Android传感器（三）：方向传感器
- 阿里云中间件是什么-阿里云中间件介绍
- 爬虫练习-爬取笔趣阁小说
- 看图学维修mp3之电源篇65Z8\65Z5
热门文章
- HIT计算机系统CSAPP-ICS2022大作业程序人生
- 利用python构建马科维茨_使用CVXOPT包实现马科维茨投资组合优化
- 信息安全三要素CIA
- ios 关于开源框架GPUImage的简单说明
- Mask RCNN 实战(二)－－像黑镜一样屏蔽图片和视频中的人和物体
- 报错，Uncaught TypeError: Cannot read properties of undefined (reading ‘inputValue‘) at ＜anonymous＞
- python如何控制鼠标键盘_Python如何控制鼠标键盘
- 树莓派刷系统(mac)
- 每日题解:LeetCode 718. 最长重复子数组
- 微信小程序 MinUI 组件库系列之 label 标签组件