2020年07月_易de

原创 HTML基础练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>2018，新年快乐</title></head><body> <h3 align

2020-07-29 21:40:47 259 1

原创表格的练习

表格的练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>项目增补单</title></head><body> <table

2020-07-29 21:31:43 161

原创 HTML基础练习

HTML基础练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title></head><body> <img

2020-07-28 21:50:38 406 1

原创个人简历

个人简历<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简历</title></head><body> <table bord

2020-07-28 21:48:23 1026

网站建站的流程注册域名租用空间（购买服务器）产品经理UI前端后端测试推广维护一、web标准结构 — 结构 HTML表现 — 表现 css行为 — 行为 jsW3C 万维网联盟制定了结构，HTML标准和css标准ECMA 欧洲产商联盟制定了行为，js标准WHATWG 苹果二、HTML相关概念HTML，超文本标记语言（hyper text Markup language）XHTML，可扩展的超文本标记语言（extensible hyper tex

2020-07-28 21:43:55 261

原创 2020-07-22---js运算符

undefined == null，结果是true；== 判断左右两边的值是否相等，undefined和null都表示没有值，所以是相等的。parseInt，parseFloat，Number的区别：三者都是强制转换为数字的函数，但是在具体的某些场景下有区别。如果转的是布尔值、undefined、null以及纯整数的字符串，它们是相同的；如果转的带小数点的纯数字的字符串，parseInt的结果只有整数，parseFloat和Number是小数；如果转的前面数字，后面有其它字符，parseInt，pa.

2020-07-22 22:10:20 162

原创 2020-07-22---js基础语法

JavaScript官方概念：这是一个跨平台的脚本语言平台：就是运行环境，这里一般指操作系统。跨平台就是在各种环境下都可以运行。脚本语言：特点就是不能独立运行，要依赖于网页。HTML网页的运行离不开浏览器，js程序的运行离不开HTML网页。JavaScript组成1.ECMAscript；2.DOM 文档 HTML文件部分；3.BOM 浏览器每打开的一个网页就是一个bom。【注】所有的js代码在一个script标签中编写。属性：（1）type=‘text/JavaScript’ 声

2020-07-22 13:17:37 395

原创 2020-07-20---css

span标签span，一个容器标签，不具备任何特殊功能，仅当容器来使用。用于包裹一段文本，便于给文本增加样式。div标签div，一个通用容器标签，不具备任何特殊功能，仅当作容器来使用。可以包裹任何内容，也可以容器直接相互包裹。一个空的div，宽度默认是100%，高度是0。css选择器ID选择器 #boxid表示身份，在页面中元素的id不允许重复，因此id选择器只能选择单个元素。类别选择器 .nav选择拥有该类别的多个属性。标签选择器 div根据标签名，选择对应的所有标签通用选择器 *

2020-07-20 20:32:11 149

原创 2020-07-17-----背景相关的属性

背景相关的属性背景颜色：background-color；背景图片：background-image：url（）；特点：（1）背景图片默认是平铺的；（2）背景图片默认是不占位置的；（3）背景图片的显示范围由容器大小决定：容器的大小>背景图片的大小，那么会看到很多平铺的背景图容器的大小<背景图片的大小，那么会看到部分背景图容器的大小=背景图片的大小，那么会看到一张完整的背景图背景图的位置：background-position：水平方向的值垂直方向的值；水平方向的取值：l

2020-07-17 14:16:54 84

原创 2020-07-16-----移动开发的相关概念

移动开发的相关概念物理像素物理像素是指设备的实际存在的像素，这里的物理像素无论是在什么设备上都不会改变，每个设备都有自己的物理像素，例如iPhone6的物理像素是750。css像素css像素是浏览器解析移动端的时候真正解析的数据，浏览器解析iPhone6的时候css像素是375.dpr 设备像素化（1）dpr（device pixel ratio）设备像素化=物理像素/css像素（2）例如iPhone6 750/375=2知道了它们的比例是2，那么在进行页面书写的时候，例如测量的容器高度

2020-07-16 22:02:02 86

原创课程设计---宾馆客房管理系统

课程名称：数据库原理及应用项目名称：宾馆客房管理系统eclipse、Tomcat、MySQL8、Navicat【项目内容】1、主要数据表客户住房信息登记表，客房信息统计表，账目统计表等。2、功能模块1）接待人员可以完成为客人预订房间，客人入住登记，客人离店结帐，并生成结帐报表；并可以按多种属性查询客房或客人情况。2）经理可以随时查询、汇总宾馆客房和客人情况，并获得房间入住情况汇总报表。3）经理可以进行房价调整，房间增减。系统需求分析结合项目要求以及通过对部分酒店客房管理模式的分析，

2020-07-16 13:17:00 24288 28

原创论文---基于B/S中小型酒店客房管理系统的设计与实现

基于B/S中小型酒店客房管理系统的设计与实现摘要：近年来，我国经济迅猛发展，人们的生活水平日益提高，老百姓能够更好地前往全国各地消费与旅游，这也促使酒店业蓬勃发展。然而酒店如何抓住这一机遇，最关键的因素是提高自身的管理能力。由于酒店是一种服务行业，手工操作极大地制约了酒店经营水平与管理效率的提高。因此研究与开发一款适合于中小型酒店信息管理软件是迫切需要解决的问题。通过大量的调查研究，中小型酒店普遍存在如下问题：客户服务效率不高、业务流程不够规范、员工权限控制不严格等。因此，在开发与设计管理软件时，需

2020-07-16 13:12:02 10525 3

原创 2020-07-16-----web前端开发中用到的PS基础操作（PS取色、PS测量、PS切片）

web前端开发中用到的PS基础操作PS的几个区域（1）菜单栏（2）工具栏（3）内容区（4）面板，调出信息面板的快捷键是F8或者FN+F8；PS的几个工具（1）移动工具（2）矩形选框，用来测量容器大小，文字大小，如果不是矩形工具，右击可以选择矩形；（3）切片工具，用来切去页面中的相关图片素材，如果不是切片工具，右击可以选择切片工具；（4）色板，用来吸取颜色值的。一、PS取色用【色板】。打开一张图片，点【色板】，就会出来拾色器，然后光标变成一个小吸管，在要取色的地方点一下，拾色器的

2020-07-16 13:05:33 820

原创 HTML&CSS案例---咖啡店

HTML&CSS案例—咖啡店最终页面效果页面结构为：最上面header是一个头部，主要是一张图片；下面的nav是一个导航栏，包含五个链接；下面是主体部分，左侧的上面是一个表格，下面是四张图片，当鼠标放到图片上会有一个放大的效果，右侧有4个div是四种咖啡的详细介绍；最下面有一个脚本。具体代码如下；HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l

2020-07-13 16:03:05 5579 4

原创 3D变换案例

案例正面是图片，当鼠标悬停到图片上，背面出现文字。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转</title> <style> *{ margin: 0; padding: 0; } body{ background-color:#0D3462; } /* 舞台 */ .co

2020-07-13 12:42:35 209

原创 2020-07-13-----5.5CSS3 3D变换

3D变换3D transform-style属性，把transform-style属性的值设置为preserve-3d，这就意味着要做3D变换；transform-style：preserve-3d。旋转 transform属性，主要旋转变换，旋转分为空间上的3个维度，将transform属性的取值分别设为这三种：rotateX（）、rotateY（）、rotateZ（），这样就可以分别沿着这三个轴来做3D的变换，取值为角度deg。透视 perspective属性，将它的值设置为一个像素值，近大远小

2020-07-13 11:29:44 149

原创 2020-07-11-----5.4 CSS3 过渡与动画（transition属性 @keyframs规则 animation属性）

CSS3过渡与动画过渡效果：transition属性主要完成的效果是让当前的元素从一种状态过渡到另一种状态，发生两个状态之间的一个变化。动画效果：让一个元素通过animation属性来完成若干个状态之间的一个转换，利用@keyframes规则和animation属性。过渡 transition属性transition属性主要完成的效果是让当前的元素从一种状态过渡到另一种状态，发生两个状态之间的一个变化。transition 将元素的某个属性或者某几个属性或者所有属性从“一个值”在指定的时间内过渡

2020-07-11 23:19:48 395

原创 fontsquirrel字体安装（特殊字体 @font-face）

@font-face规则规定网页上可以显示的一种特殊字体，无论是浏览器还是其它软件（比如word），所有的软件上可以呈现出来用户可以选择的字体，都应该在我们的本地硬盘上相关文件夹里有关于字体的文件，如果想显示对应的字体，在文件夹里必须有对应的字体文件，如果没有则不能使用该文字字体。对于网页，在这个规则没有出台之前，要想显示某一特殊的字体，有两种解决方式：第一种方式就是让用户安装这种字体，然后显示出来；第二种方式是图片形式，把这种特殊字体做在图片里面，这样无论什么情况下用户看到的都是特殊字体的效果，但

2020-07-11 22:06:42 2127

原创 2020-07-11-----5.2CSS3文字与文本

CSS3文字与文本文本阴影text-shadowtext-shadow属性的参数有：水平偏移（正数向右偏移，负数相反方向）、垂直偏移（正数向下偏移，负数相反方向）、阴影大小（阴影的模糊范围，可以省略，省略的时候和文字的大小一样）、颜色text-shadow属性常用的两个文字效果（1）文字描边的效果把字体的偏移位移设置为零，也就是在原位置，没有偏移；然后模糊的范围是3px（这个值是根据经验来设置的，不同的字体字号它的值取值不同）。（2）文字凸起浮雕效果文字设置为白颜色的，设置阴影的时候，向右下

2020-07-11 22:03:55 157

原创 2020-07-11-----5.3 CSS3 2D转换

CSS3 2D转换2D转换方法：对元素进行旋转、缩放、移动、拉伸主要使用transform属性，它的不同的取值采用不同的函数，就可以完成不同的效果。rotate（deg）；函数，旋转效果。transform：rotate（deg）；transform：rotate（deg）；将 rotate（）函数设置为transform属性的取值，rotate（deg）中带有的参数deg是旋转的角度，单位是degree，需要设置的酵素的值可以是正值，也可以是负值，如果是正值就是顺时针地进行旋转，如果是负值就是逆

2020-07-11 18:57:27 165

原创 2020-07-10-----5.1 CSS3圆角边框与阴影

CSS3圆角边框与阴影圆角边框border-radius四个子属性（1）border-top-left-radius左上角的形状（2）border-top-right-radius右上角的形状（3）border-bottom-left-radius左下角的形状（4）border-tbottom-rightt-radius右下角的形状每个属性的取值是这样的：如果是两个值的情况，就表示一个是水平方向的值，一个是垂直方向的值；如果是一个值的情况，就表示水平方向和垂直方向的值相等。border-r

2020-07-10 22:33:07 161

原创 2020-07-08-----4.4-4.7 CSS定位

CSS定位机制概述1.定位机制：把各个盒子（也就是页面元素）放在具体的位置。2.定位机制的分类：（1）文档流flow：默认的一种情况，不需要额外的设置，每种元素在当前的页面上呈现出来的状态。页面元素从左到右，从上到下显示，只是有的元素单独占一行，有的元素排在别的元素的右边。（2）浮动定位float：改变默认的文档流的情况。脱离文档流，让元素浮动起来。浮动定位采用float属性，属性值为right，向右浮动，属性值为left，向左浮动。（3）层定位layer：当前的网页的元素像图层一样前后层叠在一起

2020-07-08 19:24:07 162

原创 2020-07-08-----基于MVC模式的登录注册功能的实现（详细步骤）

基于MVC模式的Web系统开发eclipse、Tomcat、MySQL、Navicat一、实验目的和要求理解MVC设计模式。掌握基于MVC（Servlet+JSP+JavaBean相结合）开发Java Web系统。二、实验内容基于MVC（Servlet+JSP+JavaBean相结合）实现用户的登录注册功能。要求：用户信息至少包含：用户名和密码，用户名不能重复，注册时要求用户输入两次密码确认。三、实验原理MVC（JavaBean+JSP+Servlet相结合）适合开发复杂的Web应用

2020-07-08 12:22:31 7254 2

原创 2020-07-08-----Servlet应用（监听器和过滤器）

Servlet应用一、实验目的和要求了解Servlet的工作原理和生命周期；理解Servlet的常用接口和类；了解过滤器和监听器的作用；了解过滤器链。掌握过滤器和监听器的开发与部署的步骤；掌握过滤器和监听器的应用。二、实验内容编写一个过滤器改变请求编码。编写一个ServletRequestListener事件监听器，记录某个页面自应用程序启动以来被访问的次数。三、实验原理过滤器是Web服务器上的组件，它们对客户和资源之间的请求和响应进行过滤。过滤器的工作原理是：当Serv

2020-07-08 11:58:21 919 1

原创 2020-07-07-----4.2、4.3盒子模型

盒子模型首先要清楚盒子可以是页面中的任意元素1.盒子模型：页面中的所有元素都可以看成一个盒子，占据着一定的页面空间。盒子模型的组成：content（内容），内容占据着一定的空间，用height（高度）和width（宽度）来表示；在内容和边框可以有空白距离，我们把这个空白距离叫做内边距，用padding来表示；我们可以用border来设定一个边框；在边框之外的距离称为外边距，用margin来表示；当页面上有多个盒子的时候，我们可以通过外边距margin来设定盒子之间的距离。即盒子模型由con

2020-07-07 23:22:27 477

原创 2020-07-07-----4.1CSS布局与定位概述

CSS布局与定位概述web前端开发会拿过来一个如下图所示类似的效果图，然后对里面的样式进行设计，但是最开始考虑的并不是像字体颜色，标题大小等的细节内容，要最先考虑的是整个效果图里面体现出来的一个页面结构，通常会逐级划分，要决定每个部分分别在什么位置，大小是多少，占据页面多大的空间等。把这种大的结构的划分称为布局。我们可以把上面的效果图划分为下面的页面结构上面的结构就像一个大盒子里放了大小形状不同的物品，每个物品都放在自己的位置，我们可以用盒子模型来描述网页，外面最大的盒子相当于整张网页，盒子里面

2020-07-07 17:00:45 134

原创 2020-07-05-----3.4-3.6CSS样式

CSS样式一、文字样式1.单位与颜色属性css样式的常用单位单位描述px像素，1个字符—12pxem1em—1个字符；2em—2个字符；自动使用用户所使用的字体；文本类型经常使用%百分比，相对父级颜色颜色描述red，blue，green颜色名 css 合法颜色值rgb（x,x,x）RGB值，每个颜色分量取值0-255，红色：rgb(255,0,0)rgb（x%,x%,x%）RGB百分值，0%-100%，红色：rg

2020-07-05 19:24:10 212

原创 2020-07-05-----3.3CSS选择器

CSS选择器选择器的类型1.标签选择器选择器的名字就是标签的名字。样式作用于对应的标签里的内容。语法结构就是选择器名字（即标签名），后面跟上花括号{}，在花括号里面写上对应的属性以及属性值。p{ font-size: 12px;}2.类别选择器在HTML代码部分，在对应的要作用的标签之内，采用它的class属性来进行类别样式的引用，设置的class属性的取值就是类别样式的名称。然后在CSS代码部分，选择器的名字是我们在HTML里面设置的类别样式的名称，即class属性的取值，然后再

2020-07-05 12:57:28 621

原创 2020-07-04-----3.2CSS添加方法

CSS添加方法我们要实现下面的样式，即让字体变为红色，可以有下面三种方法。1.行内样式将属性和属性的取值直接添加到当前需要添加样式的元素的标签内部。现在我们要将段落添加样式，我们就将段落的标签p标签，在它的内部加一个style属性，然后style属性设置的值直接写上color这个属性的名字，冒号后面是属性的取值。2.内嵌样式将CSS代码内嵌到当前页面的head标签部分。当前的样式只对当前页面的标签有用。body部分不再包含样式，只包含段落内容，要将样式用一对style标签表示出来，并且st

2020-07-04 20:38:32 156

原创 2020-07-04-----3.1CSS概述

CSS概述1.CSS样式早期的时候，用HTML标签来规定网页的内容和它的基本结构，用标签的一些属性来规定样式。但是这样内容和样式混合在一起，当其中一个发生变化，另外一个不得不改变。随着web技术的发展，我们将HTML和CSS拆分开，也就是将内容与样式拆分开，所有关于网页结构的部分，用HTML语言规范，关于样式的部分，用CSS语言来规范。CSS（Cascading Style Sheets），层叠样式表，内容和样式相分离，一个内容可以有多个样式，这些样式都是叠加的效果，便于修改样式，也不会影响内容的部

2020-07-04 18:57:13 209

原创 2020-06-30至07-04-----2.3-2.8HTML标签

HTML标签1.标题h1~h6< h1 >标题内容< /h1 >一个页面建议只有一个一级标签2.段落p< p > 段落内容< /p>这是段落标签，每使用一个p标签，就会自动换行，即另起为一个段落，并且段落之间自动添加段落间距。对于HTML的源文件是自动去掉空格的，段落内部连续的空格只会生成一个空格，换行也会显示为一个空格，注意：不会显示空格，也不会显示换行3.段内换行 br< br /> 单标签，直接结束4.空

2020-07-04 18:01:53 373

原创 2020-07-03-----sublime的一些快捷操作

sublime的一些快捷操作（1）Ctrl和+：可以放大显示比例；Ctrl和-：可以缩小显示比例；（2）分屏显示不同的文件，按住alt和shift，然后单击数字键，如果单击的数字是2，那么页面将被分成左右两块，他的好处就是可以左边显示HTML代码，右边显示CSS代码；alt和shift和1，回到单屏。（3）折叠代码和展开代码，当代码比较多的时候，行号的附近会出现一个向下的箭头，单击这个箭头，这部分的代码就被折叠，再次单击，代码就会被展开。（4）选择，Ctrl和D键，可以选择一个单词；Ctrl和L键，

2020-07-03 21:27:14 239

基于BS的酒店客房管理系统.pdf

PyV8.zip PyV8.zip

bootstrap.zip

HTML CSS JS的作用.zip

空空如也