Web开发
文章平均质量分 77
清楼小刘
这个作者很懒,什么都没留下…
展开
-
HTML与CSS实验1
lab1.1 a:link,a:visited {color:blue;text-decoration:none} body,input,textarea {font-size:24px} input{margin-top:20px} p {text-indent:2em} article,footer,header{clear:both;max-width:40em;ma原创 2016-09-23 10:12:01 · 1893 阅读 · 2 评论 -
建站 从白痴到新手(三)阿里云服务器jsp环境的部署和使用
前面讲到了WordPress博客的搭建,也是基本看教程一步步操作就行了。但是没法开发自己想要的网页。这回就来探索一下可以如何部署服务器,有自己的一个Web开发环境。 于是这里就先用jsp而不是LAMP(因为之前使用过jsp, 先避免其他不必要的麻烦)。首先购买云服务器,这个过程之前也已经做过了,基本没什么好说的,主要是一个镜像的选择,这里选择的是CentOS + Java + Tomcat ...原创 2018-03-24 23:28:25 · 2540 阅读 · 0 评论 -
建站 从白痴到新手(二) 智慧云虚拟机
之前搭建好了WorePress博客网站,看到教程里面还有一点东西,就继续研究一下:购买完镜像后还有一份权限放在服务器中,通过Putty远程登录:其实在阿里云的管理控制台里面也可以远程连接的(这里可以看出,操作系统是CentOS, 我们要学习习惯于命令行界面):注意用户名和密码,那么在Putty中连接应该也是一样的:后来其实发现,这些文档里面的内容都是一样的啦。第一次打开公网IP的时候已经有了这个文...原创 2018-03-05 12:46:23 · 667 阅读 · 0 评论 -
建站 从白痴到新手(一) 基础服务器购买和使用
对于像我这样的新人而言,啥都不懂,需要一个一个脚印磨出来才知道具体的建站过程。首先,肯定需要一个域名和服务器1.购买域名那么我就在阿里云上买了,有学生价。买域名时,还需要有一个信息模版(没有则新建,填写个人信息而已),然后才可以购买。付款购买之后,还实名注册该域名。(毕竟管理方便)这个实名注册需要身份证的扫描件(去复印店弄)(本人之前在腾讯云那里实名注册域名的时候,身份证扫描件还没认可,不知道为啥...原创 2018-03-05 10:36:37 · 17250 阅读 · 2 评论 -
表格中的iframe实现打开多个网页
要做到如下效果: 框架 Show a page with iframe <iframe width="600" height="300" frameborder="0" scrolling="yes" src="http://www.sysu.edu.cn"> Your browser does not handles fr原创 2017-04-04 22:25:54 · 2005 阅读 · 0 评论 -
html&css实验8.(3)CSS.hover实现两级菜单
3、采用hover实现两级菜单: (1)一级菜单的li采用inline-block和relative,使它们并列排放,并且可以用于二级菜单的绝对定位。 (2)二级菜单的ul默认不显示,只有hover到一级菜单的li时显示。 (3)字体颜色的变化采用过渡方式。实现效果:完整实现代码: menu body {原创 2017-04-17 10:59:03 · 1595 阅读 · 0 评论 -
html&css实验8.(4)CSS3实现
(slides.html)采用CSS实现幻灯片:用一个相对定位的容器A包含并列摆放的图片,再用一个只显示一幅图的定宽容器B包裹容器A。采用动画方式不断改变容器A的水平位置就可以实现幻灯片。完整代码如下: slides #slideMain { margin: 0 auto; padding: 0;原创 2017-04-17 09:30:38 · 739 阅读 · 0 评论 -
6.html&css实验6.文本格式化和盒模型的样式定义。
【实验目的】学习文本格式化和盒模型的样式定义。1、把hide.html中的p元素(id=test)分别加上display:none、visibility:hidden后,说明上面两个属性的区别:隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden",这两种方法会产生不同的结果:visibility:hidden可以隐藏某个原创 2017-04-06 12:03:44 · 517 阅读 · 0 评论 -
5.html&css实验5. 颜色、字体、文本格式化和盒模型的样式定义
1.HSL颜色实验: #test1 { border-radius:40px; background:radial-gradient(80px 80px at 20px 40px,white,blue) } #test2 { border-radius:40px; background:linear-gradient原创 2017-04-06 10:53:11 · 1773 阅读 · 0 评论 -
html&css实验4.css子女选择器
这次实验主要熟悉css中的后代选择器:nth-child,nth-of-type , >, (空格), + 之类的用法:复合选择器:后代选择器: p span {font-size:14px;}选择p元素的所有子孙元素中的span元素子女选择器: p>span {font-size:14px;}选择p元素的所有子女元素中的span元素组合选择器: p#star原创 2017-04-05 21:43:49 · 758 阅读 · 0 评论 -
3.html&css实验3.css选择器
主要是熟悉CSS选择器的运用,用到的CSS代码如下: span{color:green;} p em{color:blue;} .b{font-style:italic;} em{font-style:normal;} p em{font-size:larger;} #c{text-decoration:underline;} li原创 2017-04-05 12:52:56 · 570 阅读 · 0 评论 -
html实验2.html和javascript写表单
实现效果:代码如下:Blog Edit *{font-size:20px;font-family:宋体} input[type="text"],textarea {color:#B0B0B0} [for="content"]{vertical-align:top;} fieldset {width:800px;margin:20px auto;pa原创 2017-04-04 22:47:29 · 1210 阅读 · 1 评论 -
用框架(frameset和frame)一个网站同时打开多个窗口
要实现如下效果: 框架 <!-- frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。--> Son of bitch!!原创 2017-04-04 22:20:08 · 2002 阅读 · 0 评论 -
7.html&css实验7.学习一个通用的布局设计
这次的实验主要是一个流程来熟悉网页的设计步骤:1.基本框架1) 整个框架分为:header、nav、subnav、mainbody、footer五个部分(div)。2) 除了main,每个区都定义了高度和宽度,并且宽度均为“998px”,并用样式"margin:0 auto"对中。整个网页定义了背景色"#005825"。3) 为了以后可以定位内部的logo等元素,header采用“原创 2017-04-06 23:36:22 · 3338 阅读 · 0 评论 -
浅谈HTTP中Get与Post的区别
转载至:http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.htmlHttp定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查转载 2016-11-21 11:36:24 · 190 阅读 · 0 评论 -
alert()、confirm()和prompt()的区别与用法
转载至: http://www.cnblogs.com/ningvsban/archive/2013/04/07/3006135.html1.警告消息框alertalert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 win转载 2016-11-21 10:58:09 · 510 阅读 · 0 评论 -
Web实验3之CSS选择器的运用
实验训练文档:月光光 li.first~ul>li{font-size:larger;} ul#first>li.first+li+li,#last{font-weight:bold;} li.first~ul>li{color:green} #last{font-style:italic} ul#first>li原创 2016-09-29 17:54:01 · 439 阅读 · 0 评论 -
建站 从白痴到新手(四)阿里云LAMP环境的简单使用
之前我们部署了jsp服务器,这次我们来尝试一下部署LAMP,也就是PHP的开发环境。(虽然我并没有使用过PHP,囧)选择镜像市场中的镜像: 购买实例并且进入远程服务器之后,同样地面对着黑框白字,不知道下一步该做啥。有了jsp的经验,现在就应该去百度一下“LAMP环境搭建”,然后只看最后一步“如何启动PHP服务器即可”。 那么就顺势搜索到了,如何启动...原创 2018-03-26 11:57:47 · 2613 阅读 · 0 评论