Rainshadow StudioRainshadow StudioRainshadow StudioRainshadow Studio
  • Home
  • Photography
  • Design
  • Techniques
    • Photography Techniques
    • Design Techniques
  • Others

Blog

Home Posts tagged "html"

如何将页脚固定在页面底部

By rainshadow | 设计技巧 | 0 comment | 31 3月, 2016 | 0

作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢?注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定在显示器屏幕的底部,换句话说,就是当内容只有一点点时,Web页面显示在浏览器底部,当内容高度超过浏览器高度时,Web页面的footer部分在页面的底部,总而言之Web页面的footer部分永远在页面的底部,换句说,Footer部分永远沉底。 Read more

处理页面滚动效果jQuery插件20例

By rainshadow | 设计技巧 | 0 comment | 25 11月, 2014 | 0

对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性。如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果。幸运的是有各种各样的jquery 滚动插件可供他们使用,有了这些插件,他们可以根据页面滚动的位置做出很多吸引眼球的效果,像背景变换、动画等等。

本文中我收集了20款可以帮你实现很绚效果的Jquery滚动插件。 有了下面的这些jQuery滚动插件,你可以随意的让网站中的任何元素滚动, 使网站变得更加绚丽、吸引眼球。 Read more

让Adobe Dreamweaver CC支持ASP JSP

By rainshadow | 设计技巧 | 0 comment | 22 10月, 2014 | 0

Adobe Dreamweaver CC默认不支持JSP、ASP和ASP.net文件的关联和语法着色,对于用这些语音编写的网站来说,使用Dreamweaver CC编辑网站是个不小的麻烦。

Adobe将JSP、ASP和ASP.net的支持作为扩展发放,如果要用这些功能,就需要给Dreamweaver CC手动添加这些扩展,扩展文件存放在程序安装文件夹里,在我机子上具体路径是: C:Program Files (x86)AdobeAdobe Dreamweaver CCconfigurationDisabledFeatures,在这个文件夹里有JSP_Support. mxp、ASP_JS_Support. mxp、ASPNet_Support. mxp这3个扩展包分别对应JSP、ASP和ASP.net。

Read more

Adobe Edge Reflow CC 响应式网页设计

By rainshadow | 设计技巧 | 0 comment | 16 10月, 2014 | 0

响应式网页设计基础【从零开始】

如今的互联网事业突飞猛进,可谓一日千里。响应式网页设计凭借其能为开发者提高开发效率,降低维护成本,提升用户体验等突出优势更是为Web 2.0时代掀起了又一股狂潮,致使无数开发者倾心致力于响应式网页设计。纷纷为响应式设计贡献自己的绵薄之力,当然各大软件制造上肯定不会放过如此良机,也纷纷推出各类响应式设计软件。 Read more

CSS优先级

By rainshadow | 设计技巧 | 0 comment | 17 9月, 2014 | 0

优先级顺序

下列是一份优先级逐级增加的选择器列表:

  • 通用选择器(*)
  • 元素(类型)选择器 div
  • 类选择器 .classname
  • 属性选择器 input[type=“button”]
  • 伪类 :hover
  • ID 选择器 #id
  • 内联样式 <style=””>

Read more

移动平台自动跳转到移动版网页

By rainshadow | 设计技巧 | 0 comment | 28 7月, 2014 | 0

原先网站是flash制作的首页,随着进入移动互联网时代,移动客户端几乎都不支持flash,那么就有2个解决方法:一是全部用jQuery之类的方法重做首页,另一种就是在建立一个简化版的移动版首页。

如果用后一种方法,那么在原首页上就需要判断是否是移动端,找了一个js,达到了这个效果。

将文件uaredirect.js ,放入你网站。

在首页中head标签内加入2句js语句:

<script src="http://你的网站/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你想跳转的网址");</script>

UI设计师不可不知的安卓屏幕知识

By rainshadow | 设计技巧 | 0 comment | 14 7月, 2014 | 0

1、了解几个概念

(1)分辨率。分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽×高”,安卓手机屏幕常见的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。

(2)屏幕大小。屏幕大小是手机对角线的物理尺寸,以英寸(inch)为单位。比如某某手机为“5寸大屏手机”,就是指对角线的尺寸,5寸×2.54厘米/寸=12.7厘米。

(3)密度(dpi,dots per inch;或PPI,pixels per inch)。从英文顾名思义,就是每英寸的像素点数,数值越高当然显示越细腻。假如我们知道一部手机的分辨率是1080×1920,屏幕大小是5英寸,你能否算出此屏幕的密度呢?哈哈,中学的勾股定理派上用场啦!通过宽1080和高1920,根据勾股定理,我们得出对角线的像素数大约是2203,那么用2203除以5就是此屏幕的密度了,计算结果是440。440dpi的屏幕已经相当细腻了。 Read more

CSS中用背景图片做为超链接的方法

By rainshadow | 设计技巧 | 0 comment | 24 3月, 2014 | 0
a{
display:block;
width:100px;
height:100px;
cursor:hand;
}
<a href="#"></a>

可以在a上做背景,也可以在父级标签上做背景。

网站广告通用尺寸

By rainshadow | 设计技巧 | 0 comment | 28 11月, 2013 | 0

Read more

响应式布局 Media Queries

By rainshadow | 设计技巧 | 0 comment | 1 7月, 2013 | 0

讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。 Read more

12345

标签

Adobe ai app apple BBC CIVIC code css dreamweaver excel Flash Google Gphone HD html ipad jequery js jsp office ppt PS PS3 TV UI wordpress 上海 吃吃喝喝 奥运 婚礼 小常识 幽默 手机 报价 摄影 摄影技巧 汽车 流行 电影 电脑 网站 视频 设计 软件 音乐
Copyright 2017 Rainshadow Studio | All Rights Reserved
  • Home
  • Photography
  • Design
  • Techniques
    • Photography Techniques
    • Design Techniques
  • Others
Rainshadow Studio