《21世纪大英汉词典》精美排版【全面修改CSS】【最终完美版】【2016.05.31】

qiuhao1112 · 发表于 2016-1-17 10:29:47

本帖最后由 qiuhao1112 于 2016-8-7 15:37 编辑

《21世纪大英汉词典》精美排版【全面修改CSS】【最终完美版】

==================
2016.08.07
新帖地址：《21世纪大英汉词典》全新数据  抓取自有道：https://www.pdawiki.com/forum/fo ... &fromuid=183319

此帖无需回复，帖子资源不再提供。

已下为历史：

==================
2016.07.05
是时候该更新一下《21世纪大英汉词典》这部重量级词典了，即将发布《21世纪大英汉词典》完整版，词典数据内容抓取自有道。
==================
2016.05.31
之前使用一直很正常，昨天把Bluedict升级到7.6.0后就发现之前设置的字体显示出现了问题，现已修正。请重新下载 .mdd格式文件
==================
2016.04.30
略微调整部分内容，进一步美化词典，请重新下载.mdx及.mdd文件
==================
2016.2.26
网友的回复问题我看了，前一个月放暑假回家了，老家网络条件有限，无法及时上网解决，抱歉。mdx出现查找关键词错误的问题我后来才发现，是我在转换出了点问题，因精力有限，具体为什么我也不打算花力气探明，就只好借用chacha125前辈的原mdx文件，配合我配色过的mdd文件，两者搭配使用，此问题完美解决。chacha125前辈的原mdx文件在此  链接：http://pan.baidu.com/s/1i4ryrGT 密码：hmrx ，感谢chacha125。
针对个别网友提出的词条头部配色缺陷，词典使用其实并无大碍，恕我精力有限，目前不打算再更改。
==================
2016.1.18
既然花时间制作了，力求完美，便再次花了大半天时间对之前存在的数个细节进行调整，重新布局。主其中要调整如下：
1.对正文内的关键字框添加了背景色，使其格局明朗，一目了然。
2.对音标进行了修改及位置调整，并添加了背景色。（音标框本来我是想再设置大一点的，可由于每个关键字下都有一个音标的空白DIV，如果设置偏大了，那么空白DIV也都会显示出来，显得别扭，就只好设置稍小一点了）
3.重新对<body>标签设置margin值为0,并设置了释义DIV的padding值，是整个正文内容看起来更加紧凑，整洁美观，便于阅读。

保留了之前的样式（释义边界为蓝色线体），并对网友之前反映的问题，对释义边框做了雾化边界处理，这样既轻微突出区分出了不同释义边界，又在释义没有例句的情况下弱化了边界线。两个样式都放在文件夹里，大家根据自己的喜好选择即可。
==================
2016.1.17
感谢12楼 anwan 以及31楼 erew1 提出的意见，我把每个释义边界改成了轻微雾化效果，既显示出了分界线，又弱化了在没有释义的情况下紧凑边界拥挤效果。
另外关于 erew1 提到的baron的第二个释义和第八个释义无法显示，我找了一下以前的各种原文件的源码同样都没有释义。只能期待有高手出手弄到更全的文件了。
==================
说明：本词典(.mdx)原文件来自于chacha125，原帖链接：https://www.pdawiki.com/forum/fo ... ight=21%CA%C0%BC%CD

前段时间看了大侠们的精美作品，惊叹之余忍不住自学了Python, html, css，正则表达式等知识，就希望解开Midict以及计算机语言神秘代码之谜，望有一天能自己全程制作排版一部让自己满意的词典。前两周因为没有考试的压力，每天蹲在电脑旁看Python教程，敲代码，写正则，抓网页，平均每天折腾16个小时，不出门，吃饭全叫外卖，就这样，连续折腾了十天左右，后来有些受不了只好暂时将Python的事暂时先搁下，到目前Python知识学的也还欠火候，仅仅能在线批量抓取一些图片和网页，虽然结果代码还是错误百出。就目前这水平也只是能站在前辈们的肩膀上作些修改了。

下面谈谈本人最喜欢的词典之一：21世纪大英汉词典 —— 收词量巨大，释义最全。
这本词典我在网上找了多个版本，每个版本的排版都让人不尽人意，由于前几天粗略学了关于HTML和CSS知识，决定对本词典重新进行排版，所以这两天特地花了一天半的时间，对以之前的版本作一下排版。由于CSS知识学的不深，基本上是对前面所学的边巩固边实践操作，难免有错误。
关于该词典排版的配色，我参照了别的词典，也在网上查找了字体与背景颜色的搭配例子，加上自己的一点想象力略做些调整，绝大部分时间都花在了色彩搭配上，基本上是改了又改，调了又调，反复调试，直到字体颜色和背景色彩让我感觉满意为止（注：电脑显示与手机显示有色差），最终还算比较满意。

本次排版也还有一些我目前难以修改的色彩缺点，比如正文里的关键字，本来是打算在正文框加些背景色彩的，而且正文关键字的上下间距稍大，显得不够紧凑，好像是由于正文缺少单模块的HTML标签，无法添加背景颜色，这个问题我以后修改。基本上是第一次排版，有不足之处还请指教。

若发现问题请提出来，我尽量花时间修改。

注：
PC版Mdict无法显示颜色渐进效果及边界雾化效果（显示不正常）
Android版Mdict未测
PC版Goldendict表示给力
BlueDict显示效果完美


效果截图（BlueDict及Goldendict）:

erew1 · 发表于 2016-1-17 12:37:12

12楼的建议可以考虑，在没有例句下，横线太多会看得有点疲累。而这词典的特点是收词量虽大，但例子偏少。

还有因为源文件问题，会出现释义2跟8空白的情况。参考有道词典的资料，原来有分释义就会出现问题。

zwm_427 · 发表于 2016-1-20 08:48:45

太好了又是一大利器啊

sanwan · 发表于 2016-1-17 11:14:57

楼主的排版果然精美，不过有一点个人意见：如果每个释义有例句，那么用线条分割释义显得简明醒目，但是如果连续三四个释义没有例句，也用线条分割，那么线条本身就喧宾夺主，显得臃肿。不知道用不同的颜色来代替线条区分释义会不会好一些。

春梦无痕 · 发表于 2016-5-29 12:32:44

本帖最后由春梦无痕于 2016-5-29 12:33 编辑

楼主，您好！您在南半球？？？

lixun305 · 发表于 2016-2-3 21:46:37

本帖最后由 lixun305 于 2016-2-3 21:49 编辑

pc版mdict为什么输入关键词（例如dog)总是提示找不到关键字'dog' 。明明有的呀

sg1968321 · 发表于 2016-1-17 10:31:31

太好的资料，谢谢提供。

2011star21cn · 发表于 2016-1-17 10:32:41

thanks a lot

dictionaryfans · 发表于 2016-1-17 10:43:10

谢谢楼主分享

大傻子 · 发表于 2016-1-17 10:43:12

不错不错，味道好极了

Amazon · 发表于 2016-1-17 10:46:11

再接再厉，越来越好！

经典与古典 · 发表于 2016-1-17 10:51:20

qiuhao1112 兄，手机没电了，该充电了。

谢谢qiuhao1112 兄，精益求精

sanwan · 发表于 2016-1-17 10:57:07

近来又是一波词典制作热，非常感谢！

kevinmzm · 发表于 2016-1-17 11:06:55

Very beautiful! Thank you very much for your conscientious efforts and generous sharing!

elusty · 发表于 2016-1-17 11:08:19

请问楼主，抓网页，是否说明你的版本是截止到目前的最新数据？

ROC腥猫 · 发表于 2016-1-17 11:13:09

多谢分享，辛苦了！腊八节快乐！

baiqing · 发表于 2016-1-17 11:18:46

大大滴好东东！

sparkler · 发表于 2016-1-17 11:20:35

谢谢楼主分享，下载收藏一个。

eeshu · 发表于 2016-1-17 11:21:47

谢谢，费心了。

喬治兄 · 发表于 2016-1-17 11:35:55

本帖最后由喬治兄于 2016-1-17 11:37 编辑

qiuhao1112 兄:
辛苦您了,

您親力親為的身體力行

每天蹲在电脑旁看Python教程，敲代码，写正则，抓网页，平均每天折腾16个小时，不出门，吃饭全叫外卖，就这样，连续折腾了十天左右

為善男信女
奉獻的第一次........
如此般的...噴血輸出....的精神
令小弟佩服
請保重身體
謝謝你呦

Langheping · 发表于 2016-1-17 11:54:22

本帖最后由 Langheping 于 2016-1-17 12:01 编辑

[O]21世纪大英汉词典[20151103]
https://www.pdawiki.com/forum/fo ... &fromuid=185183

补充一点《21世纪大英汉词典》主编李华驹的相关资料
https://www.pdawiki.com/forum/fo ... &fromuid=185183

“在线版” http://dict.youdao.com/

O:

根据我自己的使用经验，《21世纪大英汉词典》似乎参考World Book Dictionary、W3比较多，《英汉大词典》也一样，给我的感觉就是paraphrase了释义，增添了些义项，去掉或改选（写）了例句。
就举test为例，WBD和《21世纪大英汉词典》的释义基本可以一一对应起来，顺序都大致没变。

https://www.pdawiki.com/forum/fo ... &fromuid=185183

jamestone · 发表于 2016-1-17 11:55:20

thanks 喜欢您的作品

mitkyg · 发表于 2016-1-17 12:01:16

bt兄 python很牛掰

wwoxxoyy · 发表于 2016-1-17 12:07:14

感谢楼主无私分享。。。

70A · 发表于 2016-1-17 12:10:33

楼主很了不起！

[存档] 《21世纪大英汉词典》精美排版【全面修改CSS】【最终完美版】【2016.05.31】

本帖被以下淘专辑推荐:

点评

点评

点评

点评