Translate the Learn page into zh-hans (#500)

w3c · Aug 7, 2023 · 5f720f1 · 5f720f1
1 parent eeaa334
commit 5f720f1
Show file tree

Hide file tree

Showing 3 changed files with 162 additions and 5 deletions.
diff --git a/nav/learn-data/translations.js b/nav/learn-data/translations.js
@@ -1,6 +1,6 @@
 var trans = { }
 
-trans.versions = ['en']
+trans.versions = ['en', 'zh-hans']
 
 trans.outofdatetranslations = []
 

diff --git a/nav/learn.html b/nav/learn.html
@@ -20,7 +20,7 @@
 f.path = './' // what you need to prepend to a URL to get to the /International directory 
 
 // AUTHORS AND TRANSLATORS should fill in these assignments:
-f.thisVersion = { date:'2021-04-28', time:'12:18'} // date and time of latest edits to this document/translation
+f.thisVersion = { date:'2023-07-27', time:'12:18'} // date and time of latest edits to this document/translation
 f.contributors = ''; // people providing useful contributions or feedback during review or at other times
 // also make sure that the lang attribute on the html tag is correct!
 
@@ -96,7 +96,7 @@ <h1>Learn to internationalize</h1>
 
 <section id="techniques">
 <h2>Techniques for content developers</h2>
-<p>The techniques page (top choice) is particularly useful. It presents you with a series of task-based do's and don'ts, accompanied by links to useful resources on the W3C Internationalization site and elsewhere. Following that are a set of 'tutorials', ie. pages that point to other resources to cover a particular topic.</p>
+<p>The techniques page (second choice in the links below) is particularly useful. It presents you with a series of task-based do's and don'ts, accompanied by links to useful resources on the W3C Internationalization site and elsewhere. Following that are a set of 'tutorials', ie. pages that point to other resources to cover a particular topic.</p>
 
 <div class="selector">
 <ul>
@@ -122,7 +122,7 @@ <h2>Developer checklist</h2>
 
 <div class="selector">    
     <ul>
-    <li><a href="https://w3.org/International/i18n-drafts/techniques/developing-specs.en">Spec review checklist</a></li>
+    <li><a href="https://www.w3.org/TR/international-specs/">Spec review checklist</a></li>
     </ul>
     </div>
 </section>
@@ -140,7 +140,7 @@ <h2>Language enablement</h2>
 
 <div class="selector">    
     <ul>
-    <li><a href="https://w3.org/TR/typography/">Text layout  index</a></li>
+    <li><a href="https://w3.org/TR/typography/">Language enablement index</a></li>
     <li><a href="https://w3c.github.io/type-samples/"> Type samples</a></li>
     <li><a href="/International/typography/gap-analysis/language-matrix.html">Language matrix</a></li>
     <li><a href="/International/i18n-drafts/nav/languagedev">More text layout resources</a></li>

diff --git a/nav/learn.zh-hans.html b/nav/learn.zh-hans.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="zh-hans">
+<head>
+<meta charset="utf-8" />
+<title>学习国际化</title>
+<meta name="description" content="W3C 国际化标准计划相关资料。" />
+<script>
+var f = { }
+
+// AUTHORS should fill in these assignments:
+f.directory = ''+'/'; // the path to this file, not including /International or the file name
+f.filename = 'learn'; // the file name WITHOUT extensions
+f.authors = 'Richard Ishida, W3C'; // author(s) and affiliations
+f.previousauthors = ''; // as above
+f.modifiers = ''; // people making substantive changes, and their affiliation
+f.searchString = 'learn'; // blog search string - usually the filename without extensions
+f.firstPubDate = '2009-03-12'; // date of the first publication of the document (after review)
+f.lastSubstUpdate = { date:'2013-02-06', time:'18:04'}  // date and time of latest substantive changes to this document
+f.status = 'notreviewed';  // should be one of draft, review, published, notreviewed or obsolete
+f.path = './' // what you need to prepend to a URL to get to the /International directory
+
+// AUTHORS AND TRANSLATORS should fill in these assignments:
+f.thisVersion = { date:'2023-07-27', time:'12:18'} // date and time of latest edits to this document/translation
+f.contributors = ''; // people providing useful contributions or feedback during review or at other times
+// also make sure that the lang attribute on the html tag is correct!
+
+// TRANSLATORS should fill in these assignments:
+f.translators = '薛富侨'; // translator(s) and their affiliation - a elements allowed, but use double quotes for attributes
+
+f.breadcrumb = '';
+
+f.additionalLinks = ''
+</script>
+<script src="learn-data/translations.js"> </script>
+<script src="../javascript/doc-structure/article-dt.js"> </script>
+<script src="../javascript/boilerplate-text/boilerplate-zh-hans.js"></script><!--TRANSLATORS must change -en to the subtag for their language!-->
+<script src="../javascript/doc-structure/sitepage-2022.js"> </script>
+<script src="../javascript/articletoc-2022.js"></script>
+
+<link rel="stylesheet" href="../style/sitepage-2022.css">
+<style>
+#topicArea li { font-weight: normal; font-size: 110%;  margin: 0; padding: 0; margin-bottom: 5px; }
+
+ul { margin-left: 0; padding: 0;  list-style-type: none; }
+
+.tag { list-style-type: none; margin: 0; margin-bottom:3px; padding: 0; color: teal; cursor: pointer; }
+#output { margin-bottom: 3em; }
+
+#lists td { vertical-align: top;  }
+
+.detail li { margin-bottom: 1em; }
+.detail { margin-left: 0.5em; }
+
+
+.selector ul {
+    padding: 2em 0 0 0;
+	}
+
+.selector li a {
+	border-radius: 10px;
+	padding: 5px 20px;
+	border: 1px solid #CCC;
+    display: inline-block;
+	}
+.selector li {
+	font-size: 170%;
+	text-align: center;
+	margin-bottom: 20px;
+	}
+.selector li a:hover {
+	background-color: #005a9c;
+	color: white;
+	}
+</style>
+<link rel="copyright" href="#copyright"/>
+</head>
+
+<body>
+<header>
+<nav id="mainNavigation"></nav><script>document.getElementById('mainNavigation').innerHTML = mainNavigation</script>
+</header>
+
+<div class="content">
+<h1>学习国际化</h1>
+
+
+<p>这个页面帮助你快速获取学习资源，指导你在内容开发和实现等方面应用国际化相关知识。</p>
+
+
+<div class="selector">
+<ul>
+<li><a href="about.zh-hans.html">什么是国际化？</a></li>
+</ul>
+</div>
+
+
+<section id="techniques">
+<h2>内容开发者使用的技术</h2>
+<p>技术页面（即第二个链接）特别有用，为你提供了一系列基于特定任务的注意事项，并附有指向W3C国际化网站和其他有用资源的链接。接下来是一组“教程”，包括指向其他特定主题的页面。</p>
+
+<div class="selector">
+<ul>
+<li><a href="../getting-started/index.zh-hans.html">国际化入门资源</a></li>
+<li><a href="../techniques/authoring-html.en?collapse">HTML和CSS技术</a></li>
+<li><a href="https://w3.org/International/tutorials/tutorial-char-enc/">处理HTML和CSS中的字符编码</a></li>
+<li><a href="https://w3.org/International/tutorials/language-decl/">使用HTML中的语言</a></li>
+<li><a href="https://w3.org/International/tutorials/bidi-xhtml/">制作阿拉伯语和希伯来语网页<br/><span style="font-size: 80%;">从右向左书写的语言文字</span></a></li>
+<li><a href="https://w3.org/International/articlelist">文章列表</a></li>
+    </ul>
+</div>
+</section>
+
+
+
+
+
+
+<section id="specreview">
+<h2>开发者检查清单</h2>
+<p>规范开发者可以使用以下技术审阅规范文档。该清单列出了该做什么和不该做什么，并且还给出了解释、示例等内容。</p>
+
+
+<div class="selector">
+    <ul>
+    <li><a href="https://www.w3.org/TR/international-specs/">规范审阅自查清单</a></li>
+    </ul>
+    </div>
+</section>
+
+
+
+
+
+
+<section id="layout">
+<h2>语言支持</h2>
+
+<p>W3C正在收集有关世界各地用户在使用Web时遇到的问题，特别是与排版和布局相关的问题。以下链接提供了一些有用的信息。</p>
+
+
+<div class="selector">
+    <ul>
+    <li><a href="https://w3.org/TR/typography/">语言支持索引</a></li>
+    <li><a href="https://w3c.github.io/type-samples/">排版案例</a></li>
+    <li><a href="/International/typography/gap-analysis/language-matrix.html">文种矩阵</a></li>
+    <li><a href="/International/i18n-drafts/nav/languagedev">排版相关资源</a></li>
+    </ul>
+</div>
+</section>
+</div>
+
+<br style="clear:both;" />
+
+<footer id="thefooter"></footer><script>document.getElementById('thefooter').innerHTML = g.bottomOfPage</script>
+<script>completePage()</script>
+</body>
+</html>