网站设计

分享25个带给你设计灵感的超棒音乐网站

£可爱£侵袭症+ 提交于 2021-01-09 10:00:32
日期:2012-3-28 来源: GBin1.com 是不是寻找设计灵感呢?这里我们收集了25个超棒的音乐网站设计,希望能带给大家网站设计的灵感和技巧,希望大家喜欢! Vodafone.fm Freestyle-Night Decorated Playlist More Hazards More Heroes 来源: 分享25个带给你设计灵感的超棒音乐网站 来源: oschina 链接: https://my.oschina.net/u/156697/blog/51819

优化网站设计(八):将脚本文件和样式表作为外部文件引用

霸气de小男生 提交于 2020-04-04 08:53:10
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html 同时,他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践,并结合自己的实际项目情况进行应用。 接下来的一段时间,我将结合ASP.NET这个开发平台,针对这些原则,通过一个系列文章的形式,做些讲解和演绎,以帮助大家更好地理解这些原则,并且更好地使用他们。 准备工作 为了跟随我进行后续的学习,你需要准备如下的开发环境和工具 Google Chrome 或者firefox ,并且安装 Yslow这个扩展组件.请注意,这个组件是雅虎提供的,但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh Technorati Tags:

优化网站设计(十四):使AJAX调用尽可能利用缓存特性

浪子不回头ぞ 提交于 2020-03-30 09:40:38
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html ,同时,他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践,并结合自己的实际项目情况进行应用。 接下来的一段时间,我将结合ASP.NET这个开发平台,针对这些原则,通过一个系列文章的形式,做些讲解和演绎,以帮助大家更好地理解这些原则,并且更好地使用他们。 准备工作 为了跟随我进行后续的学习,你需要准备如下的开发环境和工具 Google Chrome 或者firefox ,并且安装 Yslow这个扩展组件.请注意,这个组件是雅虎提供的,但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh https://addons.mozilla

优化网站设计(十九):减少DOM元素的数量

无人久伴 提交于 2020-03-22 22:24:04
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html ,同时,他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践,并结合自己的实际项目情况进行应用。 接下来的一段时间,我将结合ASP.NET这个开发平台,针对这些原则,通过一个系列文章的形式,做些讲解和演绎,以帮助大家更好地理解这些原则,并且更好地使用他们。 准备工作 为了跟随我进行后续的学习,你需要准备如下的开发环境和工具 Google Chrome 或者firefox ,并且安装 Yslow这个扩展组件.请注意,这个组件是雅虎提供的,但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh https://addons.mozilla

用css模拟title和alt的提示效果

不打扰是莪最后的温柔 提交于 2020-03-22 12:30:22
这段时间写了很多页面代码,除了一些知识重复以外,也学到css的一些新东西,或许是旧东西,但是还是希望能对大家有用。 其实在css里面有很多对a的样式应用,因为a标签是仅有的默认可以触发动作的标签,因此在很多时候可以用css来控制a达到js才能达到的效果,比如今天要介绍的css仿title和alt的提示效果: 先来分析一下这种效果的特点,无非就是在鼠标悬停的时候出现一个包含介绍文字的提示层,如果用传统的javascript来实现,就要设置对象的onmouseover和onmouseout属性,而如果把对象看作是a属性中的link和hover的话,这个问题就更清晰了,因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可,那么这个提示层的位置究竟在哪里呢?当然是在a标签中间了,目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部,然后设置a:link和a:hover下不同的span样式即可。 下面结合代码给大家说一下这个简单的原理: [Copy to clipboard] CODE: <style> .info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border

css模拟title和alt的提示效果

感情迁移 提交于 2020-03-22 12:27:19
运行代码框 */ /*--> */ <body> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog,里面有一些网站设计和制作的东东,希望大家常来交流</span></a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog,里面有一些网站设计和制作的东东,希望大家常来交流</span></a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog,里面有一些网站设计和制作的东东,希望大家常来交流</span></a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog,里面有一些网站设计和制作的东东,希望大家常来交流</span>

『网站设计』配色

ε祈祈猫儿з 提交于 2020-03-09 00:02:55
源文件在上传过程中图片丢失了,我可以给有兴趣的朋友提供源文件. 给您带来的不方便,深表歉意... 不论你做什么样的设计,色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息,这些信息会影响观看者的心理和感受,左右他们的判断和选择,色彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用色彩的入门知识。   色彩是设计者的得力助手,前提是应用得当。对于网站设计而言,色彩的重要性尤其突出,不过经常被粗心的站长忽视。我们经常说“第一映像最重要”,于是设计网站时,设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER,当然,它们很重要。但是,访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER,而是——色彩!   好了,在了解了色彩对于网站设计的重要性之后,我们开始探寻色彩的奥秘。   色彩入门   首先让我们熟悉一下色彩的一些基本概念。   三原色   一切颜色都来自三原色:红、黄、蓝。 [img] screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in

优化网站设计(二十一):尽量少用iframe

喜你入骨 提交于 2020-02-29 06:21:32
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html ,同时,他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践,并结合自己的实际项目情况进行应用。 接下来的一段时间,我将结合ASP.NET这个开发平台,针对这些原则,通过一个系列文章的形式,做些讲解和演绎,以帮助大家更好地理解这些原则,并且更好地使用他们。 准备工作 为了跟随我进行后续的学习,你需要准备如下的开发环境和工具 Google Chrome 或者firefox ,并且安装 Yslow这个扩展组件.请注意,这个组件是雅虎提供的,但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh https://addons.mozilla

网站设计过程中哪些细节能体现用户友好度?

限于喜欢 提交于 2020-01-03 19:13:17
网站设计似乎是一个很悬念的尝试,事实上,现在互联网的发展,网站的接受程度越来越高。许多企业和个人都有自己的网站,该网站是为了吸引用户,让他们通过网站了解企业。那么,设计网站哪些细节能体现用户友好度?接下来蜘蛛池博客小编就跟大家分享下能体现用户友好度的网站设计细节,一起来看看吧! 1、网站导航设计是否清晰 现在很多企业在网站设计上,都会要求导航设计更加与众不同,体现出不同的效果。而传统的导航是鼠标点击或指向弹出框下方,里面是子列,根据自己的需要选择浏览。但现在不同的是,许多企业认为这种弹出效应过于传统,想要在形式上做更多的改变。想法是好的,但一个简单的问题是,设计越复杂,导航就越复杂,指导也不准确,使用户更难以选择。 为什么?因为导航样式不再是文字的下拉,而是一个导航框的包装,然后在里面设计图片、动态效果等。导航是为了方便用户浏览,过于复杂的设计增加了选择的难度,使用户看不到什么是什么。同时也影响了网站的加载速度,导航的复杂性不利于用户体验,企业需要认清这一问题,导航是重点,对用户更友好。 2、设计元素 网站的设计需要提高视觉体验,让用户觉得这个网站很漂亮,很好看。因为精致的风格是可以为企业带来用户,被风格所吸引,用户更愿意在本网站停留一段时间。网站中有许多需要美化的元素,例如,班纳就是其中之一,它也是网站的一个更大的部分。这通常是为公司或品牌产品设计的图片上传,以销自己

网站设计常用技巧收集

巧了我就是萌 提交于 2019-12-18 04:16:49
------------------------------------------- 一般不会注意的地方 --------------------------------------------------------------------------------- 1.不管是IE那个版本都规定为IE8使用 <meta http-equiv="X-UA-Compatible" content="IE=8"/> 2. 关闭自动完成功能 <input id="Text1" autocomplete="off" type="text"/> 3.Title和keywords写法 到底我们的Title属性应该怎么写呢?我相信大部分人的网站title都是这样写的 <title>网站名称 - 所在网页</title> 这样写其实也没有什么,但是如果你想让你的网站在从Google和Baidu过来更大的流量,我不建议只这样写,还应该把keywords完善 <keywords>网站名称|功能名称|功能名称的各种写法</keywords> 为什么说是各种写法呢,因为我们并不知道用户是怎么找到你网站的,也不清楚是根据什么来找到的,比如HttpRequest 我们就可以这样写request|http|httpRequest等等,这样你的网站被找到的几率就会大在提高。