![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页设计
高级网络营销师
这个作者很懒,什么都没留下…
展开
-
Discuz中如何实现同步登陆?
Discuz中如何实现同步登陆?下面分享给大家能够实现同步登陆的相关代码段:UC/Control/user.php中有一个onsynlogin方法,这里就是处理同步登陆的代码段:function onsynlogin() { $this->init_input(); $uid = $this->input('uid'); ...原创 2020-04-26 04:42:31 · 722 阅读 · 0 评论 -
PHP教程:PHP基础语法全收录
PHP的语法。1、嵌入方法:类似ASP的<%,PHP可以是<?php或者是<?,结束符号是?>,当然您也可以自己指定。2、引用文件:引用文件的方法有两种:require 及 include。require 的使用方法如 require(”MyRequireFile.php”); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 requi...原创 2020-04-26 04:36:27 · 294 阅读 · 0 评论 -
PHP中的单例在整个内面周期内的唯一
单例模式在一些情况下是比较有意义的,例如BlogEngine的站点配置中采用的就是单例模式。其中载入和保存的代码可以堪称经典。但是由于asp.net属于编译型的,所以单例则会一直存在于应用程序的生命周期里,真正的做到这个实例在应用程序生命周期中的唯一性。PHP的单例模式的实现如下:class Stat{ static $instance = NULL; static f...原创 2020-04-26 04:34:56 · 199 阅读 · 0 评论 -
AppServ安装配置Apache+PHP+Mysql环境
选择一个正确的WAMP安装器有许多不同的WAMP安装器可供选择。一些比较好的有:AppServ,EasyWamp,FoxServ, PHPDev, PHP Triad, Typo3 WAMP Installer(包括内存管理系统程序)和WampServer等。以下将向大家介绍如何使用AppServ。怎样安装AppServ从SourceForge.NET下载AppServ后,双击运行。...原创 2020-04-26 04:27:27 · 732 阅读 · 0 评论 -
HTML5教程:详解datalist标签和实战代码
datalist标签:datalist标签 需要与input标签相互搭配使用才能发挥作用,例如label标签与input标签搭配使用一样。如果说datalist标签需要与input标签搭配使用,那么这两个标签之间必然存在着某种较为特殊的关系。相信看过下面的案例之后,大家自会明白:datalist标签的作用:当我们在上网的时候会在搜索框输入一个字符,在搜索框下方就会出现你输入的关键词。但是所...原创 2020-04-23 21:49:08 · 979 阅读 · 1 评论 -
float浮动在CSS中的作用
float到底是什么?float就是“浮动”的意思,在CSS中让元素能够让元素脱离文档流而使其能够浮动在父元素的,最左边或是最右边。文档流:在html中文档流即为元素从上而下排列的顺序。脱离文档流:元素从正常的排列顺序被抽离。最左边/最右边:对于上述的移动到父元素最左或是最右边指的是元素可以向左边或是向右边移动到另外一个元素或是到父元素内容区的边界,这里不包含 padding 。floa...原创 2020-04-20 05:52:39 · 1418 阅读 · 0 评论 -
HTML代码:Emmet(Zen coding)的使用技巧
Emmet(即Zen coding)称为是最棒的用以书写HTML代码的利器之一,能够提高你书写HTML代码的效率的一种工具。今天分享给大家关于Emmet书写HTML的技巧,希望能够为大家带去一丝的帮助吧!1、跳过Div跳过Div,Emmet可以很清楚的读懂你想要输入什么内容,你只需要输入class或是id,Emmet就会自动帮助你去生成正确的div。如下:从上面这幅图片大家可以发现,不管是...原创 2020-04-12 22:15:34 · 256 阅读 · 0 评论 -
iio Engine:开源的创建HTML5应用的web框架
很多人基于HTML5技术进行着网页开发框架,下面我们将介绍关于iio Engine,它是一款开源的创建HTML5应用的web框架。整个框架是非常的轻量级,并且只有45kb大小,整合了debug系统,并且可以支持跨平台操作。不会依赖于任何的第三方的类库,可支持Box2D,拥有完整的文档支持。而且可以实现快速开发。效率可谓十分的高。使用这个类库你不得不需要了解到的10多行的代码,这些代码就能够...原创 2020-04-12 09:12:00 · 172 阅读 · 0 评论 -
网页设计技巧:网站设计常用技巧
网页设计技巧有很多,今天常用于网站设计的几个技巧供大家参考使用!技巧一:网站logo添加替代文本给网站logo添加替代文本有两个好处:一个是能够让搜索引擎识别logo图片的含义;另一个是当图片由于延时未能够加载出来时,也能够让用户知道哪一个是你的网站logo。具体方法如下:① <img src="logo.png" alt="图片说明">如果你使用背景图来作为logo的话,那...原创 2020-04-12 09:04:36 · 439 阅读 · 0 评论 -
transform-style和perspective属性的使用!
这是一篇关于transform-style和perspective属性的使用分享!transform-style属性transform-style属性是3D空间中一个极为重要的属性,指定嵌套元素是如何在3D空间中进行效果呈现的。它主要油两个属性值:flat 和 preserve-3dtransform-style 属性的使用语法十分简单:transform-style: flat | ...转载 2020-04-12 02:30:12 · 2185 阅读 · 2 评论 -
网页制作:JS代码判断浏览器是否支持CSS3属性
想要知道浏览器是否支持CSS3属性就需要利用代码去实现这项功能,如何去实现,这里教大家一段比较实用的JS代码片段,通过这段代码片段来判断!var cssSupports = (function() { var div = document.createElement('div'), vendors = 'Khtml O Moz Webkit'.split(' '), len = ve...原创 2020-04-05 22:58:02 · 228 阅读 · 0 评论 -
网页制作实战:利用CSS3+jQuery制作搜索条
搜索条是建网站必备的一项功能,在网站放置一个搜索条便于用户体验的提升,增加用户对网站的喜好。方便实用的才能够受用户的喜欢。废话不多说,直接进入实战!HTML在网页中放入下面代码,搜索条#search_bar 包含一个form#myform表单,在表单中放置一个搜索输入框#search,一个搜索按钮图标search_ico。<div id="search_bar" class="sea...原创 2020-04-05 22:47:08 · 226 阅读 · 0 评论 -
将网站更改为自适应网页的具体步骤
将网站更改为自适应网页的具体步骤:1.在HTML头部增加viewport标签在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:<meta name="viewport" content="width=device-width, initial-scale=1" />这段代码支持Chrome、Firefo...原创 2020-04-05 18:10:53 · 1873 阅读 · 0 评论 -
CSS学习资料:解析Sass工具的强大功能!
很多人对Sass有略微的抵触,大多喜欢直接写CSS样式,因为这样可以避免工作中的复杂。但是Sass确实是一个强大的工具,其功能能够实现CSS样式所无法实现的。而且可以让任何形式的样式都能够方便的引入到开发工作中。可能对于Sass需要花一些时间去了解和熟悉适应,但是对于其强大功能而言,确实是有必要去认识一下Sass!起初笔者对于Sass的陌生让我不敢去尝试使用,生怕Sass会完全改变我个人的编写和...原创 2020-04-05 17:58:57 · 245 阅读 · 0 评论 -
2小时学会CSS,完成网页制作!
第一步:规划网站,本教程将以图示为例构建网站1.规划网站,本教程将以下图为例构建网站。其基本布局见下图:主要由五个部分构成:1.Main Navigation 导航条,具有按钮特效。 Width:760px Height:50px2.Header 网站头部图标,包含网站的logo和站名。 Width:760px Height:150px3.Content 网站的主要内容。 Widt...原创 2020-03-30 12:13:49 · 1328 阅读 · 0 评论 -
利用CSS3+jQuery制作搜索条
搜索条是网站中必不可少重要部分。对于有限页面空间来说放置一个搜索条是一件需要解决的难题,今天给大家分享一个如何使用 CSS3+jQuery 来实现一个可伸缩功能的搜索条的制作。HTML在需要放置搜索条的页面放置下面这段代码,搜索条#search_bar包含一个form#myform表单,表单中放置一个搜索输入框#search,一个搜索按钮.search_btn以及搜索按钮图标.search_i...原创 2020-03-30 09:06:02 · 135 阅读 · 0 评论 -
javascript网页轮播图增强用户体验
不管是对于网站运营人员而言,还是对个人站长而言,用户体验对于一个网站的整体优化起着决定性的作用。而网站前端展示图样的美感更是能够增强用户的体验。利用炫目的切换效果吸引用户。其实利用前端技术javascript制作轮播图并不难,首先需要实现3个基本功能:1、图片需按照设定好的时间进行循环播放;2、数字导航需随着图标同步循环播放;3、数字导航可以控制图片展示;为了避免影响用户体验,能够满...原创 2020-03-30 08:49:49 · 397 阅读 · 0 评论 -
HTML5代码学习:值得收藏的HTML5代码段
HTML5 是 WEB 技术发展中的重要里程碑,常用于前端的开发,一段比较重要的能够反复使用的代码将会为开发工程师节省更多的时间,也同样能够提供更多的开发上的便捷,下面给大家分享一些适用于HTML5前端开发的经常用到的代码片段,希望能够给大家能够喜欢!HTML5的简单模板当你开始创建一个全新的HTML5项目,一定需要一个最简单的模板,这里给大家提供一个非常简单并且十分清晰的HTML5模板,希望...原创 2020-03-29 19:37:03 · 446 阅读 · 0 评论 -
HTML5+CSS3教程:使用SVG提高处理网页图片效率
SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!为什么要使用SVG?1、文件非常小2、无损缩放图片尺寸3、在Retina显示屏上效果超级棒4、能够控制图片样式设计,例如:互动和过滤filter浏览器支持IE8及以上版本浏览器Android 2.3及以上版本其他浏览器都支持如需...原创 2020-01-05 12:45:24 · 355 阅读 · 0 评论 -
HTML语义:面向对象的前端架构
语义就是研究符合和标志以及其所代表的事物之间的关系。在学习语言的时候,主要是研究符号所要表达的意思(单词、短语或是声音),在Web前端开发过程中,语义涉及HTML元素、属性(attribute)及属性(attribute)值的意义(其中包括一些扩展、例如微数据)。对于定义好的语义,通常具有正式性的规范,但是定义了规范之后,元素、属性及其属性值的语义还会受到开发商共同选择和实现等因素的影响,这也是导...原创 2020-01-05 12:28:34 · 187 阅读 · 0 评论 -
hr标记代码应用:兼容浏览器的hr代码
这段hr代码兼容各类浏览器值得收藏和使用!hr { border : 0; height : 15px; background : url(hr.gif) 50% 0 no-repeat; margin : 1em 0; } 针对ie8以下:hr { display : list-item; l...原创 2020-01-05 09:57:18 · 168 阅读 · 0 评论 -
网页编写技巧:表单textarea有关焦点的用法大全!
网页编写技巧:表单textarea有关焦点的用法大全!1、文本框显示默认文字:<textarea>CSDN-csdn.net</textarea>2、鼠标点击文本框,默认文字消失:<textarea onfocus="if(value==’CSDN-csdn.net’) {value=''}">CSDN-csdn.net</textarea>...原创 2020-01-05 09:54:16 · 596 阅读 · 0 评论 -
HTML5代码示例:渐进增强版html
HTML5代码示例:渐进增强版html<!DOCTYPE HTML> <!--[if !IE]><!--><html lang="zh-cn"><!--<![endif]--> <!--[if gt IE 9]><html class="ie1这段代码具有很多的版本,可能在不同阶段的你会使用不同的版本,但是笔...原创 2020-01-05 09:40:27 · 270 阅读 · 0 评论 -
HTML5代码学习:值得初学者收藏的代码片段!
HTML5是WEB技术发展中的比较重要的里程碑,对于从事前端开发的大家来说以下这些代码是值得收藏的,可以反复使用的重要代码片段。HTML5中比较简单的模板如果你需要建立一个新的HTML5项目,那么你就需要用到一个简单的模板,下面的这个HTML5模板相信大家应该很喜欢!<!DOCTYPE html><html> <head> ...原创 2020-01-05 09:28:30 · 385 阅读 · 0 评论 -
网页箭头特效:用CSS写的网页导航向上箭头
简介:css练习写的实现箭头的写法无标题文档原创 2019-11-26 23:19:46 · 564 阅读 · 0 评论 -
移动网页设计技巧:手机应用设计原则
原则一:用户界面要符合用户喜好设计页面需要根据用户的习惯设计成用户喜欢的界面,这样更便于用户使用和浏览!不要太过于专业化,要符合人性化。作为设计师应该多站在用户的角度去设计页面,这样的页面才能够抓住用户的心理,设计出来的页面才更受用户的喜爱。原则二:引导用户进行有效的浏览在设计上不但要符合用户的习惯,还应该在页面中做设计引导,帮助用户更便捷的操作。在这一点上可能具有经验的设计者才能够将设计完...原创 2019-11-24 14:50:13 · 228 阅读 · 0 评论