在window上调用苹果苹方字体

同事做的手机网站HTML DEMO,附带了IOS系统的苹方字体,并用(代码)代码调用,但在电脑本地浏览并没有效果。

查找网络资料,下载了苹方字体,安装到自己电脑上,再给HTML加上本地调用代码,还有点复杂,备份如下:

苹方提供了六个字重,font-family 定义如下:
苹方-简 常规体
font-family: PingFangSC-Regular, sans-serif;
苹方-简 极细体
font-family: PingFangSC-Ultralight, sans-serif;
苹方-简 细体
font-family: PingFangSC-Light, sans-serif;
苹方-简 纤细体
font-family: PingFangSC-Thin, sans-serif;
苹方-简 中黑体
font-family: PingFangSC-Medium, sans-serif;
苹方-简 中粗体
font-family: PingFangSC-Semibold, sans-serif;

苹方除了简体的:苹方-简(PingFang SC),还为繁体用户提供有:苹方-繁(PingFang TC),苹方-港(PingFang HK)。苹方-繁的 CSS font-family 使用:
font-family: PingFangTC-Regular, sans-serif;
font-family: PingFangTC-Ultralight, sans-serif;
font-family: PingFangTC-Light, sans-serif;
font-family: PingFangTC-Thin, sans-serif;
font-family: PingFangTC-Medium, sans-serif;
font-family: PingFangTC-Semibold, sans-serif;

苹方-港 的 CSS font-family 使用:
font-family: PingFangHK-Regular, sans-serif;
font-family: PingFangHK-Ultralight, sans-serif;
font-family: PingFangHK-Light, sans-serif;
font-family: PingFangHK-Thin, sans-serif;
font-family: PingFangHK-Medium, sans-serif;
font-family: PingFangHK-Semibold, sans-serif;

查看全文 >>

wordpress使用数字别名的“-2”问题

曾经死犟过,以不使用wordpress后台多媒体,关闭自动保存的方式来保证wordpress文章的post的id和顺序性;可这种犟法终究会累,后来就利用起了纯数字的别名,在固定链接里使用文章名/%postname%/,保证文章链接的简洁和连续性。然而,不记得在哪个版本后,使用纯数字别名,在发布的时候,会在数字后多出一个“-2”。比如说,这篇文章在发布时候设置的别名是“894”,其链接地址是应该是 http://yyidea.com/894/,但wordpress给生成的是 http://yyidea.com/894-2/。

出现这个问题后,曾在网上翻阅若干而未见有人提及。一个纠结于连续数字的站长不多,二个可能每个人的实现连续方式不同,三个可能在乎的人并不是懂php的。

好吧,这两天作为当年折腾帝的我,又面对上这个问题,依然搜索不到答案;也考虑过是不是只有我这个老站才有该问题(其实重装过),但尝试新建wordpress测试,“-2”也还是不依不挠的存在。

最终只能变通一下,把mysql的查询脚本,放在了清理插件WP Clean Up里——本来想新写一段的,看着又麻烦,就替换了最后关于feed的清理代码。于是,每次更新发布完,运行下插件,也算曲线解决方案了。

顺道,记录mysql脚本如下:

update wp_posts set post_name = replace(post_name,'-2','') where post_type='post'

查看全文 >>

网站建站流程

很久很久以前做的流程示意,本来应该把右侧问题逐个提出解说的,也一直没做。现在把流程图发这里以备份:

建站流程之购买-YYidea.com

无论以前叫IDC空间,还是现在叫什么云,其实都是大同小异的概念,都少不了域名和储存空间两个东西。

建站流程之备案-YYidea.com

也一般少不了一些手续。

建站流程之使用-YYidea.com

使用上其实很简单,唯独是网站一块才是小小的麻烦,就看心有多大。

建站流程之定制-YYidea.com

不会的话,自然可以找人帮忙,花钱定制。

查看全文 >>

蓝色CMS网页设计案例——培训网站

呼呼,早一段时间做的一个CMS页面设计的HTML套,用以培训公司的课程宣传、师资介绍、学员招募等,其包括:首页、文章列表页、文章页、师资介绍页、注册登录页、活动相册等若干页面风格和功能设计。当然,兼容各种浏览器,具备完备的SEO,配合若干宣传广告位置,只要套入相关的网站程序就好。

首页截图如下——logo一块就马赛克了:

培训网站蓝色CMS网页设计案例-无限策划

至于整套的地址?一般我不告诉你。

唔,另外有网页游戏运营平台的页面,不过只有首页。

查看全文 >>

网页设计基础一日谈-课程大纲

1 课程安排
课题:网页设计基础一日谈
类型:专题快速进修类公开课
时间:1天
目的:
→ 认识网站、网页、互联网;
→ 学会学习,在网站上寻找关于网站的答案;
→ 快速上手,1天把你引进网站设计的大门;

2 课时和内容

2.1 课时
1 9:30~10:20 序章:网站的未来
学会学习
2 10:30~11:20 网站基础知识
3 11:30~12:20 网页设计工具
4 14:30~15:20 PHOTOSHOP的网页设计技巧
5 15:30~16:20 HTML基础初窥
6 16:30~18:00 初练:做一个个人网页

2.2 内容
2.2.1 序章:网站的未来
→ 每个公司、企业、店铺都会有自己的网站;
→ 每个个人都会有自己的网站;
→ 成为如“名字”一样的“必需品”;
→ 展望:未来互联网;
→ 解答:什么是网页设计师?

2.2.2 第一节课:学会学习
→ 为何要说这个话题:互联网的高速发展;
→ 从网络寻找答案:学会搜索;
→ 从网络寻找答案:学会利用;
→ 大胆尝试:一切从TRY开始;

2.2.3 第二节课:网站基础知识
→ 空间、域名、服务器;
→ 地址、路径、浏览器;
→ JS、CSS、HTML;
→ SEO、分享、开源、版权信息;

2.2.4 第三节课:网页设计和网站相关工具
→ 工具:NOTEPAD++、Filezilla、CHROME、FireFox、PhotoShop、DreamWeaver、FireWork、Axure、MindManager……
→ 工具的特点、功能、用法;
→ 尽量选择开源工具;

2.2.5 第四节课:PHOTOSHOP的网页设计技巧
→ 基础绘图:基础使用;
→ 设计必须:利用参考线;
→ 擅于归总:资源重组;

2.2.6 第五节课:HTML基础初窥
→ HTML常见模式和功能;
→ 扩展:HTML和CSS的发展进程;
→ CSS里的“层”概念;
→ 常用的CSS参数;
→ 常用的CSS设定;

2.2.7 第六节课:初练——做一个个人网页
→ 实操:归总个人网页的需求,进行设计和制作;

查看全文 >>