网站本地化技术1

授课班级:10专升本机翻主讲：夏多芬网站本地化技术学时安排及考核方法课程性质：考查课学时安排：总学时32课程次序：HTML语法网页编辑工具(Dreamweaver)阶段作业综合排版应用综合考试考核方法：最终成绩=教师评定成绩-学纪扣分教师评定成绩=平时+作业+综合平时20%阶段作业30%综合考试50%课堂纪律要求1.按时出勤每次课都将记录考勤情况，并依据北软的《考勤管理规定》执行：旷课一次扣2分，迟到一次扣1分；累计扣分达6分以上不允许参加期末考试。因故病、事假学时数超过1/3不允许考试。(如再有新规定,按最新通知为准!)2.遵守课堂纪律禁止将食物带入机房；上课要将手机关闭，课堂上不允许使用手机；课堂上不要做与本节课无关的事情；特殊强调：对于课堂上打游戏、看小说的学生，该生本堂课按照旷课处理。3.保持机房的卫生环境4.下课后及时进行文件的保存和上传，在5分钟内必须离开机房，积极配合机房的管理。课程目标通过学习网站本地化技术，使同学们能够掌握HTML的基本语法，熟练运用网站编辑工具的基本功能进行网页制作。最终能够独立完成原译文网页编辑等网站本地化任务。本节安排关于本地化什么是网页？什么是网站？了解浏览器和网页文档的关系HTML语言的基本概念及结构课堂练习小结HTML中的特殊符号HTML中的标题字标记HHTML中的段落标记pHTML中的换行标记br在HTML标记中使用属性课堂练习小结关于本地化对许多人来说，本地化听起来就像“纯粹是一个语言处理过程”，等同或类似于翻译。诚然，翻译的确在所有基于文本的产品本地化中担当重要角色，但本地化这一过程却远比翻译的意义要广。本地化行业标准协会（LocalizationIndustryStandardsAssociation，缩写为LISA）将本地化定义为“对产品或服务进行修改以适应不同市场所存在的差异的过程”。正确实施的本地化会渗透到产品设计、开发、测试、市场营销和支持等各个方面。换句话说，本地化结合并超越了工程技术、翻译和实现等单项服务和学科。本地化和全球化几乎在每个垂直行业中都占有一席之地，是成功的国际商业战略的核心所在。在致力于解决这些问题的过程中，本地化行业也由十多年前的“家庭手工业”成长为市场价值数十亿美元的行业。关于本地化在实践中，本地化侧重解决三个方面的主要问题：语言问题这里说的是产品用户界面和文档的翻译，也可以扩大到对应用程序编程接口(API)、搜索引擎或向导等任何下层语言功能的翻译和工程重组。内容和文化问题在许多情况下，产品所含的信息和功能都需要作适当修改以符合当地使用者的习惯。例如，在英国会计软件必须遵循当地适用的会计准则。信息的表示（图标、图形、颜色、地址格式等）相关的文化问题亦需加以考虑。关于本地化技术问题对当地语言和内容的支持可能要求进行重新设计和工程重组。因此，将产品修改为这些文字的版本时需要更改软件的编码和/或产品设计以及包装等。在现实业界中，影响本地化程度的因素包括相关产品的性质和领域、目标市场和用户群的规模、产品的生命周期长度和预期的更新频度、竞争者的行为、市场认可度、本土立法和国际立法等。只有对这些因素及潜在结果进行彻底的分析之后，才应决定是否进行本地化，或者部分本地化。网页制作入门在互联网行业里，网页制作包括网页设计、页面制作和后台程序设计等工序。网页制作人员把网页设计师设计出来的网页效果图制作成为可以在主流浏览器上运行的网页文档，这就是网页制作。网页文档是以HTM或者HTML作为扩展名的文件。这类型文件可以使用系统自带的记事本打开，也可以使用网页编辑软件Dreamweaver打开。在这些文件中包含的代码就是HTML语言或者XHTML语言。这两种语言能被浏览器解释并渲染成网页，它们是构建网页的基础。什么是网页？什么是网站？网页：在IE浏览器主窗口中通过超链接看到的每一个多媒体画面称为一个网页。它是组成网站的最小单元。基本元素：文字、图片、动画、超级链接、视频、音频等。网站：是由一个特定人群和组织控制的一组网页的集合。网站中的网页结构性较强，具有层次性，组织比较严密。通常它由一个主页和若干子页组成。了解浏览器和网页文档的关系网页浏览器是一种软件，用于显示网页文档。过去，网页文档一般都是HTML的格式，是以HTM或者HTML作为扩展名的文件。有些网页需要使用特定的浏览器才能正确显示。常见的网页浏览器包括微软的InternetExplorer（简称IE）、Opera、Mozilla的Firefox、Maxthon（基于IE内核）等。中外网页作品欣赏中外网页作品欣赏中外网页作品欣赏中外网页作品欣赏中外网页作品欣赏中外网页作品欣赏网站本地化-实例：网站本地化-实例：HTML的基本概念HTML语言超文本标记语言英文全称：HyperTextMarkupLanguage注：HTML不是一个程序语言，而是一种描述文档结构的标记语言。网页制作实际上就是编辑HTML文档。在设计区制作的表格、插入的图片等任何操作都会生成其对应的HTML语言代码。HTML文件的编写方法编写HTML文件主要有如下三种方法：手工直接编写由于HTML语方编写的文件是标准的ASCII文本文件，所以我们可以使用任何的文本编辑器来打开并编写HTML文件，如Windows自带的记事本。使用可视化软件Microsoft公司的Frontpage、Macromedia公司的Dreamweaver、Adobe公司的Golive等软件均可以可视化的方式进行网页的编辑制作。HTML文件的编写方法由Web服务器一方实时动态生成这需要进行后端的网页编程来实现，如Asp,Jsp,Php等，一般情况下都需要数据库的配合。HTML文档的基本结构html/htmltitle文档标题/titlehead/headbody/bodyHTML文档标签html代表html文档开始/html代表html文档结束文档题目标签其中包含文档标题标签主体标签其中包含文档的主体部分标题标签将显示在浏览器最上方的标题栏内编写HTML文件注意事项“＜”和“＞”上任何标记的开始和结束。元素的标记要用这对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。如：html/html标记与标访之间可以嵌套，如：headtitle文档标题/title/head在源代码中不区分大小写，如下几种写法都是正确并且相同的标记：HEADheadHead编写HTML文件注意事项任何回车和空格在源代码中不起作用。为了代码清晰，建议不同的标记之间回车编写。如果希望在源代码中添加注释，便于阅读，可以以“＜!--”开始，以“--”结束。注释语句只出现在源代码中，而不会出现在浏览器中显示。如：!--文件说明：第一个HTML文件--文字是网页设计最基础的部分,一个标准的文字页面可以起到传达信息的作用。对文字的格式化，通常可以使用以下两种方式：第一种方式是直接使用HTML标记，例如，可以使用标题1标记h1来将一行文本设置为标题1格式，或者使用粗体标记b来将选中的文本字符设置为加粗格式。第二种方式是使用CSS，即层叠样式表。可以对文本的格式进行精确控制，而且可以对现有标记格式进行重新定义等等。甚至可以将格式信息定义于文档之外。本节学习的是第一种方式，使用CSS我们以后会详细学习。文字HTML文档的基本结构在文档中手动编写HTML实例在文本文件中的Html代码浏览器中的Html文件课堂练习HTML文档的基本结构文字的应用小结在HTML页面中除了可以输入普通文字外，空格符号是通过代码控制的。基本语法 一个半角空格使用一个 来表示，多个空格只需要使用多次即可。代码举例    这是  一本  专业的 书。范例效果输入空格符号与空格的表示方法有些相似，一些特殊符号是凭借特殊的符号码来实现的。通常由前缀“&”，加上字符对应的名称，再加上后缀“；”而组成。常用特殊符号·.¥©×&&§<"“> 空格输入特殊符号标题字标记共有6种，每一种的标题在字号上有明显的区别。一般用标题来强调段落要表现的内容，在HTML中，定义了六级标题，从一~六级，每级标题的字体大小依次递减。一级标题使用最大字号表现，六级标题使用最小的字号表现。一级标题h1/h1二级标题h2/h2三级标题h3/h3四级标题h4/h4五级标题h5/h5六级标题h6/h6标题字标记H段落标记p在HTML语言中，有专门的标记表示段落。所谓段落，就是一段格式统一的文本。在HTML中，段落主要由标记p来定义。水平对齐属性align段落的对齐方式，指的是段落相对于文档窗口（或浏览器窗口）在水平位置对齐方式。段落文字在页面中可以实现水平方向左、中、右的对齐，便于文字在页面中编排。left左对齐center居中对齐right右对齐justify默认（左对齐）HTML代码–语法举例HTML标记中可以放置各种属性，部分属性也可以在一些标记中通用，如palign=“center”一个故事一盏灯/ph2align=“center”一个故事一盏灯/h2其它常用属性font-size字体大小line-height行间距color颜色换行标记br段落与段落之间是隔行换行的，文字的行间距过大，这时可以使用换行标记来完成文字的紧凑换行显示。基本语法br或br/其它常用标记b加粗u下划线HTML代码–综合实例……bodyh2一个故事一盏灯：努力的活出自己的生命/h2p    法国一个偏僻的小镇，…….，也知道如何过日子。”/pp   b<默想>/b u学习为所失去的感恩，……努力的活出自己的生命。/ubr/   b<名言>/b u只知道刚的人，……到头来终是懦夫。/u/p/body……HTML代码–综合实例(应用属性)……bodyh2align=centerstyle=font-size:24px;color:#006600;一个故事一盏灯：努力的活出自己的生命/h2pstyle=font-size:14px;line-height:24px;color:#006600;    法国一个偏僻的小镇，…….，也知道如何过日子。”/ppstyle=font-size:14px;line-height:24px;color:#006600;   b<默想>/b u学习为所失去的感恩，……努力的活出自己的生命。/ubr/   b<名言>/b u只知道刚的人，……到头来终是懦夫。/u/p/body……特别注意一下style!课堂练习HTML中的特殊符号HTML中的标题字标记HHTML中的段落标记pHTML中的换行标记br在HTML标记中应用属性小结