充分利用HTML来让技术文章更加易读——初步探索(效果,因为既预览又源码出来效果有点怪,所以另发了)
2014-03-01 14:07
351 查看
(自己做个示例好了~~)(做完只能说,初步技术而已。。。)
为了提高技术文章可读性,增强其美观性,特别介绍一下吧~~
CSDN博客提供了HTML编辑功能,暂时还没有开放CSS,但是应该是指日可待的。有了CSS之后,估计也就是皮肤自定义吧,然后栏目排版可以自选,但是如果博文本身的质量不够的话,与CSS设计出的界面也会不协调。
另外,对于我们具体的技术人员来说,并不做网页设计,所以就算以后要用CSS来弄博文格式了也没关系,反正不管CSS还是HTML或者HTML5,我们都用可视化工具,然后生成代码复制粘贴完事。不要批判我知其然不知其所以然。。。。这个不知道也是OK的,人的精力有限。
好的,正题:
首先,我们可用 http://plugnedit.com/, 这是可视化编辑HTML的,设计好之后,产生源码是这样:
具体功能大家自己发掘~
通过这个我们可以进行一般的排版,比CSDN自己提供的要强,至少这个可以画框框,加背景色等等。
然后,当然我们不会想每次写文章都来个版面设计,这里画一个框,那里填一下色吧,所以要找那种能提供模板的,并且可以时常换换口味的网站。
我只能说。。。我换了无数关键词,几乎就没有提供这种的。。。。。
但是有一个方案,就是,看到自己喜欢的文章式样后,查看源代码,然后拷过来就行~~如果是HTML的话。
另外,HTML主要就是位置,字体大小,字体和背景颜色等等,图片之类的要用其他工具来做,特别是信息图。这个就参考下面的一些链接吧。
如果大家有好的样板,欢迎分享~~
关于博客文章的版面设计,可以参考:
How to Create �The Perfect Blog Post� http://diythemes.com/thesis/perfect-blog-post/
10 Websites and Books to Learn HTML http://weblogs.about.com/od/bloggingtools/tp/ResourcestoLearnHTML.htm
Designing a blog with html5 http://html5doctor.com/designing-a-blog-with-html5/
14 Tools to Create Engaging Infographics and Images for Social Media Posts http://www.huffingtonpost.com/belle-beth-cooper/14-tools-to-create-engagi_b_4804924.html
30 Great Examples of Blog Post Styling http://www.incomediary.com/30-great-examples-blog-post-styling
站长图库 http://www.zztuku.com/
为了提高技术文章可读性,增强其美观性,特别介绍一下吧~~
CSDN博客提供了HTML编辑功能,暂时还没有开放CSS,但是应该是指日可待的。有了CSS之后,估计也就是皮肤自定义吧,然后栏目排版可以自选,但是如果博文本身的质量不够的话,与CSS设计出的界面也会不协调。
另外,对于我们具体的技术人员来说,并不做网页设计,所以就算以后要用CSS来弄博文格式了也没关系,反正不管CSS还是HTML或者HTML5,我们都用可视化工具,然后生成代码复制粘贴完事。不要批判我知其然不知其所以然。。。。这个不知道也是OK的,人的精力有限。
好的,正题:
首先,我们可用 http://plugnedit.com/, 这是可视化编辑HTML的,设计好之后,产生源码是这样:
具体功能大家自己发掘~
通过这个我们可以进行一般的排版,比CSDN自己提供的要强,至少这个可以画框框,加背景色等等。
然后,当然我们不会想每次写文章都来个版面设计,这里画一个框,那里填一下色吧,所以要找那种能提供模板的,并且可以时常换换口味的网站。
我只能说。。。我换了无数关键词,几乎就没有提供这种的。。。。。
但是有一个方案,就是,看到自己喜欢的文章式样后,查看源代码,然后拷过来就行~~如果是HTML的话。
另外,HTML主要就是位置,字体大小,字体和背景颜色等等,图片之类的要用其他工具来做,特别是信息图。这个就参考下面的一些链接吧。
如果大家有好的样板,欢迎分享~~
关于博客文章的版面设计,可以参考:
How to Create �The Perfect Blog Post� http://diythemes.com/thesis/perfect-blog-post/
10 Websites and Books to Learn HTML http://weblogs.about.com/od/bloggingtools/tp/ResourcestoLearnHTML.htm
Designing a blog with html5 http://html5doctor.com/designing-a-blog-with-html5/
14 Tools to Create Engaging Infographics and Images for Social Media Posts http://www.huffingtonpost.com/belle-beth-cooper/14-tools-to-create-engagi_b_4804924.html
30 Great Examples of Blog Post Styling http://www.incomediary.com/30-great-examples-blog-post-styling
站长图库 http://www.zztuku.com/
相关文章推荐
- 充分利用HTML来让技术文章更加易读——初步探索
- 因为想要获取一个免费的mockups license,所以想发布一篇宣传它的文章,但自己写的又不如别人已有的好,所以,不如偷偷懒,转个贴吧!只要能宣传就好,以下是转帖原文
- 上传图片前预览效果 html css
- html+css源码之实现登录弹出框遮罩层效果
- html+css源码之实现登录弹出框遮罩层效果
- 有关 Direct3D技术的初步探索-------基本类的封装
- 有关 Direct3D技术的初步探索-------矩阵变换
- 有关 Direct3D技术的初步探索-------基本渲染流程
- 预览文章: 11月7日云栖精选夜读:阿里巴巴风鸣:做技术Leader要有危机意识
- valueForKeyPath的用法(本篇内容是拷贝别人的文章,因为不能转载,又感觉写的很好,所以复制了,希望作者不要见怪)
- “代码雨”纯HTML源码实现及效果
- 好老的文章了,今天把它挖出来了,其实在整个JAVA的学习中偶然性很多,改变你路线的东西也很多,很多东西是跟着工作的变化而变化的,因此关键在于把其中几个学精通,有个主方向,并要懂灵活变化。真个技术生涯还
- 本人CSDN已经找回,以后会经常光顾,因为多年不做本专业,所以以后文章请勿喷哈!QQ408098898
- 《PHP内核探索系列文章》系列技术文章整理收藏
- 有关 Direct3D技术的初步探索-------基本类的封装
- 有关 Direct3D技术的初步探索-------矩阵变换
- 有关 Direct3D技术的初步探索-------基本渲染流程
- Html+CSS3技术实现动画、天气图标动态效果 效果很酷
- HTML Iframes,html一个有点技术含量的知识
- html的table用法(让网页的视觉效果显示出来)