网页制作

wordpress模板设计PS教程七:页脚制作

15

liuying 发布于 2023-08-22

页脚(footer)包含的内容有twitter feed,widget,flickr微件,置顶评论。创建一个容纳所有元素的基本图层,页脚基本图层大小为960像素 x 345像素,因为与侧边栏的基本图层制作方式一样,此处不再赘述。 Twitter Feed 用矩形工具创建一个框 应...

阅读(137)赞 (0)

wordpress模板设计PS教程六:侧边栏制作

22

liuying 发布于 2023-08-19

侧边栏包含社交网站链接,widget,tabs和广告。首先制作基本图层,用矩形工具创建一个颜色为#353535的矩形,重复在基本图层的内容区域使用智能滤镜和杂色。 社交网站链接 创建一个颜色为#4e4e4e,340像素 x 50像素的矩形。 使用直线工具创建1像素的直线,放在下图...

阅读(123)赞 (0)

wordpress模板设计PS教程四:图片轮换区域

14

liuying 发布于 2023-08-17

图片轮换区域包含图像预览,缩略图,标题,内容,read more按钮以及轮换控制键。首先,创建一个大小为620像素 x 1305像素,颜色为#e1eaea的矩形,做安放内容之用。 在基本图层上添加噪点。进入滤镜-转换为智能滤镜,然后再进入滤镜-杂色-添加杂色-数量-1 在下图所示...

阅读(112)赞 (0)

wordpress模板设计PS教程三:页眉制作

18

liuying 发布于 2023-08-17

页眉(header)区域包含Logo,导航条,搜索栏。为了做到井然有序,分别创建3个文件用来放置logo,导航条和搜索栏的图层文件。制作一个基本形状容纳页眉里的所有元素。选用矩形工具(Rectangle Tool)创建一个960像素 x 50像素的矩形。可以用任何颜色填充,因为稍...

阅读(133)赞 (0)

wordpress模板设计PS教程二:创建文档

7

liuying 发布于 2023-08-16

在PS中创建一个1200像素 x 1700像素的文档 标尺工具在本教程中非常有用,使用之前要确保标尺和参考线已经显示 标尺快捷键:Ctrl+R 参考线快捷键:Ctrl + 使用标尺工具时,信息面板也非常重要,用标尺进行测量时,相关信息会显示在信息面板。如果没有显示,你可以到窗口(...

阅读(115)赞 (0)

wordpress模板设计PS教程一:设计概述

1

liuying 发布于 2023-08-16

通常在第一次制作新闻博客模板,很难把握方向。这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考。该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widget)。如果你是初学者,跟着本教程一步一步来就可以。...

阅读(108)赞 (0)

与文本编排有关的CSS属性设置

13

liuying 发布于 2021-12-12

与字体相关的属性包括字体族、文本大小、粗细、字体风格、行高等。 1、font-family:设置字体族。 格式为font-family:字体1,字体2,……,通用字体族|inher 通用字体族,是指一类相似的字体。W3C的CSS规则规定,要指定一个通用...

阅读(527)赞 (0)

网页设计技术基础之HTML中文本的常用标签及语义

11

liuying 发布于 2021-12-12

在 1、段落标签p 段落标签的语法格式为:<p>段落文本</p>。被其标记的文本,默认会与上下文之间产生一行的间隔。通常情况下,我们在DW的设计视图界面输入一段文本后,按回车键,就会在该段文本的前后自动加上<p>和</p>,不需要专...

阅读(936)赞 (0)

看懂这23条前端性能优化就够了!

liuying 发布于 2021-12-12

  核心提示:1、减少HTTP请求次数尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话,就只需要发出一次http请求,节省网络请求时间,加快页面的...

阅读(813)赞 (1)

4个登陆页面设计的技巧

3

liuying 发布于 2021-12-12

  核心提示: 现在很多的大型网站把登录和首页放在一起设计,由此可见产品登录页面设计的重要性。 无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。 在执行设计的第一步,便是思考如何利用原型工具诸如Mockplus或Axure在初始阶段把握产品登...

阅读(544)赞 (0)

网页设计师们特别青睐这3种设计趋势

9

liuying 发布于 2021-12-12

如果要深究近期网页设计趋势的变化,这些变化更多是关于用户模式,色彩和排版设计的。但是不论是其中哪种,都牵涉到一些微妙的设计技巧 和复杂的影响因素,将它们纳入 6 月的设计趋势,似乎略有不足。在过去一个月所出现的新网页设计作品当中,最显著的设计趋势还是体现在一些设 计元素上,风格独...

阅读(504)赞 (0)

逛淘宝停的秘密

6

liuying 发布于 2021-12-12

  核心提示:年初的时候,我在百分点的领导,让他们的算法工程师来找我,讨论如何把推荐系统的转化率提高。但是百分点已经做了很多年的推荐了,能在算法层面做的,都已经做了。所以在和这个算法工程师聊了两句后,发现聊算法聊不过他,聊推荐也聊不过他,我就决定讲一些他不懂的,就是推荐的产品设计...

阅读(999)赞 (0)

他山之石:设计师是怎样设计百度三端搜索首页

9

liuying 发布于 2021-12-12

  核心提示:作为国内访问量第一的百度首页,每个细节的改变都会引起一片哗然,在这么大的压力下,设计师是如何思考,做到商业和用户体验的平衡呢?在正式开始之前,我们首先来思考几个问题:1、 在众多的产品中,我们设计的产品在体验层面是怎么样脱引而出的,作为设计师应该想什么,做什么,怎么...

阅读(894)赞 (0)

高效整洁CSS代码原则

liuying 发布于 2021-12-12

  核心提示:CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元...

阅读(761)赞 (0)

[js]教程把表单内输入的中文逗号自动转换为英文

liuying 发布于 2021-12-12

  核心提示:把表单内用户输入的中文逗号即全角字符转换为英文逗号即半角符号,需要使用客户端脚本语言javascript来实现,请看下面的代码://将中文逗号转换为英文逗号 str:待替换的字符function ReplaceDot(str){ var Obj=document.g...

阅读(634)赞 (0)

精品JS代码大全

liuying 发布于 2021-12-12

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table...

阅读(657)赞 (0)

2015-2016年2年网页设计趋势分析

liuying 发布于 2021-12-12

 注:接触网页也有5个年头了,弯路走了不少,有付出必有回报,有得到必有所失,放眼世界,网页设计其实很美妙,它带着一个梦想。   近一年基本没做过国内的网站,基本都是国外网站,自己对某些趋势的把握还是有一定的想法的,虽然不能算是很厉害很完善,到时候会补充完善趋势分析咯,先把以前归纳...

阅读(851)赞 (0)