网站本地化HTML(1).ppt

2021/10/101关于本地化关于本地化z对许多人来说，本地化听起来就像对许多人来说，本地化听起来就像“纯粹是一个语纯粹是一个语言处理过程言处理过程”，等同或类似于翻译。诚然，翻译的，等同或类似于翻译。诚然，翻译的确在所有基于文本的产品本地化中担当重要角色，确在所有基于文本的产品本地化中担当重要角色，但本地化这一过程却远比翻译的意义要广。本地化但本地化这一过程却远比翻译的意义要广。本地化行业标准协会（行业标准协会（Localization Industry StandardsAssociation，缩写为，缩写为 LISA）将本地化）将本地化定义为定义为“对产品或服务进行修改以适应不同市场所对产品或服务进行修改以适应不同市场所存在的差异的过程存在的差异的过程”。z正确实施的本地化会渗透到产品设计、开发、测试、正确实施的本地化会渗透到产品设计、开发、测试、市场营销和支持等各个方面。换句话说，本地化结市场营销和支持等各个方面。换句话说，本地化结合并超越了工程技术、翻译和实现等单项服务和学合并超越了工程技术、翻译和实现等单项服务和学科。本地化和全球化几乎在每个垂直行业中都占有科。本地化和全球化几乎在每个垂直行业中都占有一席之地，是成功的国际商业战略的核心所在。在一席之地，是成功的国际商业战略的核心所在。在致力于解决这些问题的过程中，本地化行业也由十致力于解决这些问题的过程中，本地化行业也由十多年前的多年前的“家庭手工业家庭手工业”成长为市场价值数十亿美成长为市场价值数十亿美元的行业。元的行业。2021/10/102关于本地化关于本地化 在实践中，本地化侧重解决三个方面的主要在实践中，本地化侧重解决三个方面的主要问题：问题：z语言问题语言问题这里说的是产品用户界面和文档的翻译，也这里说的是产品用户界面和文档的翻译，也可以扩大到对应用程序编程接口可以扩大到对应用程序编程接口(API)、搜、搜索引擎或向导等任何下层语言功能的翻译和索引擎或向导等任何下层语言功能的翻译和工程重组。工程重组。z内容和文化问题内容和文化问题 在许多情况下，产品所含的信息和功能都需在许多情况下，产品所含的信息和功能都需要作适当修改以符合当地使用者的习惯。例要作适当修改以符合当地使用者的习惯。例如，在英国会计软件必须遵循当地适用的会如，在英国会计软件必须遵循当地适用的会计准则。信息的表示（图标、图形、颜色、计准则。信息的表示（图标、图形、颜色、地址格式等）相关的文化问题亦需加以考虑。地址格式等）相关的文化问题亦需加以考虑。2021/10/103关于本地化关于本地化z技术问题技术问题 对当地语言和内容的支持可能要求进行对当地语言和内容的支持可能要求进行重新设计和工程重组。因此，将产品修改为重新设计和工程重组。因此，将产品修改为这些文字的版本时需要更改软件的编码和这些文字的版本时需要更改软件的编码和/或产品设计以及包装等。或产品设计以及包装等。在现实业界中，影响本地化程度的因素在现实业界中，影响本地化程度的因素包括相关产品的性质和领域、目标市场和用包括相关产品的性质和领域、目标市场和用户群的规模、产品的生命周期长度和预期的户群的规模、产品的生命周期长度和预期的更新频度、竞争者的行为、市场认可度、本更新频度、竞争者的行为、市场认可度、本土立法和国际立法等。只有对这些因素及潜土立法和国际立法等。只有对这些因素及潜在结果进行彻底的分析之后，才应决定是否在结果进行彻底的分析之后，才应决定是否进行本地化，或者部分本地化。进行本地化，或者部分本地化。2021/10/104网页制作入门网页制作入门z在互联网行业里，网页制作包括网页设计、在互联网行业里，网页制作包括网页设计、页面制作和后台程序设计等工序。网页制作页面制作和后台程序设计等工序。网页制作人员把网页设计师设计出来的网页效果图制人员把网页设计师设计出来的网页效果图制作成为可以在主流浏览器上运行的网页文档，作成为可以在主流浏览器上运行的网页文档，这就是网页制作。这就是网页制作。z网页文档是以网页文档是以HTMHTM或者或者HTMLHTML作为扩展名的文作为扩展名的文件。这类型文件可以使用系统自带的记事本件。这类型文件可以使用系统自带的记事本打开，也可以使用网页编辑软件打开，也可以使用网页编辑软件DreamweaverDreamweaver打开。在这些文件中包含的代打开。在这些文件中包含的代码就是码就是HTMLHTML语言或者语言或者XHTMLXHTML语言。这两种语语言。这两种语言能被浏览器解释并渲染成网页，它们是构言能被浏览器解释并渲染成网页，它们是构建网页的基础。建网页的基础。2021/10/105什么是网页？什么是网站？什么是网页？什么是网站？z网页：在网页：在IE浏览器主窗口中通过超链接看到的浏览器主窗口中通过超链接看到的每每一个多媒体画面一个多媒体画面称为一个网页。称为一个网页。X它是组成网站的最小单元。它是组成网站的最小单元。X基本元素：文字、图片、动画、超级链接、基本元素：文字、图片、动画、超级链接、视频、音频等。视频、音频等。z网站：是由一个特定人群和组织控制的网站：是由一个特定人群和组织控制的一组网一组网页的集合页的集合。X 网站中的网页结构性较强，具有层次性，网站中的网页结构性较强，具有层次性，组织比较严密。组织比较严密。X 通常它由一个主页和若干子页组成。通常它由一个主页和若干子页组成。2021/10/106了解浏览器和网页文档的关系了解浏览器和网页文档的关系 z网页浏览器是一种软件，用于显示网页文档。网页浏览器是一种软件，用于显示网页文档。过去，网页文档一般都是过去，网页文档一般都是HTMLHTML的格式，是以的格式，是以HTMHTM或者或者HTMLHTML作为扩展名的文件。有些网页作为扩展名的文件。有些网页需要使用特定的浏览器才能正确显示。需要使用特定的浏览器才能正确显示。z常见的网页浏览器包括微软的常见的网页浏览器包括微软的Internet Internet ExplorerExplorer（简称（简称IEIE）、）、OperaOpera、MozillaMozilla的的FirefoxFirefox、MaxthonMaxthon（基于（基于IEIE内核）等。内核）等。2021/10/107中外网页作品欣赏2021/10/108中外网页作品欣赏2021/10/109中外网页作品欣赏2021/10/1010中外网页作品欣赏2021/10/1011中外网页作品欣赏2021/10/1012中外网页作品欣赏2021/10/1013网站本地化网站本地化-实例：实例：2021/10/1014网站本地化网站本地化-实例：实例：2021/10/1015HTML的基本概念的基本概念zHTML语言语言 超文本标记语言超文本标记语言 英文全称：英文全称：Hyper Text Markup LanguageHyper Text Markup LanguageHyper Text Markup LanguageHyper Text Markup Language 注：注：HTMLHTML不是一个程序语言，而是一种描不是一个程序语言，而是一种描述文档结构的标记语言述文档结构的标记语言。z网页制作实际上就是编辑HTML文档。在设计区制作的表格、插入的图片等任何操作都会生成其对应的HTML语言代码。2021/10/1016HTML文件的编写方法文件的编写方法 编写HTML文件主要有如下三种方法：z手工直接编写 由于HTML语方编写的文件是标准的ASCII文本文件，所以我们可以使用任何的文本编辑器来打开并编写HTML文件，如Windows自带的记事本。z使用可视化软件 Microsoft公司的Frontpage、Macromedia公司的Dreamweaver、Adobe公司的Golive等软件均可以可视化的方式进行网页的编辑制作。2021/10/1017HTML文件的编写方法文件的编写方法z由Web服务器一方实时动态生成 这需要进行后端的网页编程来实现，如Asp,Jsp,Php等，一般情况下都需要数据库的配合。2021/10/1018HTML文档的基本结构文档的基本结构文档标题 HTML文档标签文档标签代表代表html文档开始文档开始代表代表html文档结束文档结束文档题目标签文档题目标签 其中包含文档标题标签其中包含文档标题标签 主体标签主体标签 其中包含文档的主体部分其中包含文档的主体部分 标题标签标题标签将显示在浏览器最上方的标题栏内将显示在浏览器最上方的标题栏内2021/10/1019编写编写HTML文件注意事项文件注意事项z“”和和“”上任何标记的开始和结束。上任何标记的开始和结束。元素的标记要用这对尖括号括起来，并且结元素的标记要用这对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。束的标记总是在开始的标记前加一个斜杠。如：如：z标记与标访之间可以嵌套，如：标记与标访之间可以嵌套，如：文档标题文档标题z在源代码中不区分大小写，如下几种写法都在源代码中不区分大小写，如下几种写法都是正确并且相同的标记：是正确并且相同的标记：2021/10/1020编写编写HTML文件注意事项文件注意事项z任何回车和空格在源代码中不起作用。为了任何回车和空格在源代码中不起作用。为了代码清晰，建议不同的标记之间回车编写。代码清晰，建议不同的标记之间回车编写。z如果希望在源代码中添加注释，便于阅读，如果希望在源代码中添加注释，便于阅读，可以以可以以“!-”开始，以开始，以“-”结束。注释结束。注释语句只出现在源代码中，而不会出现在浏览语句只出现在源代码中，而不会出现在浏览器中显示。器中显示。如：如：2021/10/1021z文字是网页设计最基础的部分文字是网页设计最基础的部分,一个标准的文字一个标准的文字页面可以起到传达信息的作用。对文字的格式页面可以起到传达信息的作用。对文字的格式化，通常可以使用以下两种方式：化，通常可以使用以下两种方式：z第一种方式是直接使用第一种方式是直接使用HTML标记，例如，可以标记，例如，可以使用标题使用标题1标记标记来将一行文本设置为标题来将一行文本设置为标题1格式，或者使用粗体标记格式，或者使用粗体标记来将选中的文本字来将选中的文本字符设置为加粗格式。符设置为加粗格式。z第二种方式是使用第二种方式是使用CSS，即层叠样式表。可以，即层叠样式表。可以对文本的格式进行精确控制，而且可以对现有对文本的格式进行精确控制，而且可以对现有标记格式进行重新定义等等。甚至可以将格式标记格式进行重新定义等等。甚至可以将格式信息定义于文档之外。信息定义于文档之外。z本节学习的是第一种方式，使用本节学习的是第一种方式，使用CSS我们以后我们以后会详细学习。会详细学习。文字文字2021/10/1022HTML文档的基本结构文档的基本结构z在在文档中手动编写文档中手动编写HTML实例实例在文本文件中的在文本文件中的Html代码代码浏览器中的浏览器中的Html文件文件2021/10/1023课堂练习课堂练习zHTML文档的基本结构文档的基本结构z文字的应用文字的应用z小结小结2021/10/1024z在在HTML页面中除了可以输入普通文字外，页面中除了可以输入普通文字外，空格符号是通过代码控制的。空格符号是通过代码控制的。z基本语法基本语法 一个半角空格使用一个一个半角空格使用一个 来表示，多来表示，多个空格只需要使用多次即可。个空格只需要使用多次即可。z代码举例代码举例  &nbsp; 这是这是  一本一本  专业的专业的 书。书。z范例效果范例效果输入空格符号输入空格符号2021/10/1025z与空格的表示方法有些相似，一些特殊符号与空格的表示方法有些相似，一些特殊符号是凭借特殊的符号码来实现的。通常由前缀是凭借特殊的符号码来实现的。通常由前缀“&”，加上字符对应的名称，再加上后缀，加上字符对应的名称，再加上后缀“；”而组成。而组成。z常用特殊符号常用特殊符号·.¥©×&§< 空格空格 输入特殊符号输入特殊符号2021/10/1026z标题字标记共有标题字标记共有6种，每一种的标题在字号上有种，每一种的标题在字号上有明显的区别。一般用标题来强调段落要表现的明显的区别。一般用标题来强调段落要表现的内容，在内容，在HTML中，定义了六级标题，从一中，定义了六级标题，从一六六级，每级标题的字体大小依次递减。一级标题级，每级标题的字体大小依次递减。一级标题使用最大字号表现，六级标题使用最小的字号使用最大字号表现，六级标题使用最小的字号表现。表现。z一级标题一级标题 二级标题二级标题 三级标题三级标题 四级标题四级标题 五级标题五级标题 六级标题六级标题 标题字标记标题字标记2021/10/1027段落标记段落标记z在在HTML语言中，有专门的标记表示段落。所谓语言中，有专门的标记表示段落。所谓段落，就是一段格式统一的文本。在段落，就是一段格式统一的文本。在HTML中，中，段落主要由标记段落主要由标记来定义。来定义。z水平对齐属性水平对齐属性align 段落的对齐方式，指的是段落相对于文档窗口段落的对齐方式，指的是段落相对于文档窗口（或浏览器窗口）在水平位置对齐方式。段落文（或浏览器窗口）在水平位置对齐方式。段落文字在页面中可以实现水平方向左、中、右的对齐，字在页面中可以实现水平方向左、中、右的对齐，便于文字在页面中编排。便于文字在页面中编排。Xleft 左对齐左对齐Xcenter 居中对齐居中对齐 Xright 右对齐右对齐Xjustify 默认（左对齐）默认（左对齐）2021/10/1028HTML代码代码 语法举例语法举例zHTML标记中可以放置各种属性，部分属性标记中可以放置各种属性，部分属性也可以在一些标记中通用，如也可以在一些标记中通用，如一一个故事一盏灯个故事一盏灯 一一个故事一盏灯个故事一盏灯z其它常用其它常用属性属性Xfont-size 字体大小字体大小Xline-height 行间距行间距Xcolor 颜色颜色2021/10/1029换行标记换行标记z段落与段落之间是隔行换行的，文字的行间段落与段落之间是隔行换行的，文字的行间距过大，这时可以使用换行标记来完成文字距过大，这时可以使用换行标记来完成文字的紧凑换行显示。的紧凑换行显示。z基本语法基本语法 或或 z其它常用标记其它常用标记 加粗加粗 下划线下划线2021/10/1030HTML代码代码 综合实例综合实例 一个故事一盏灯：努力的活出自己的生命一个故事一盏灯：努力的活出自己的生命    法国一个偏僻的小镇，法国一个偏僻的小镇，.，也知道如何过日子。也知道如何过日子。”   <默想默想> 学习为所失去的感恩，学习为所失去的感恩，努力的活出自己的生命。努力的活出自己的生命。   <名言名言&gt; 只知道刚的人，只知道刚的人，到头来终是懦夫。到头来终是懦夫。2021/10/1031HTML代码代码 综合实例综合实例(应用属性应用属性)一个故事一盏灯：努力的活出自己的生命一个故事一盏灯：努力的活出自己的生命    法国一个偏僻的小镇，法国一个偏僻的小镇，.，也知道如何过日子。也知道如何过日子。”   <默想默想> 学习为所失去的感恩，学习为所失去的感恩，努力的活出自己的生命。努力的活出自己的生命。   <名言名言> 只知道刚的人，只知道刚的人，到头来终是懦夫。到头来终是懦夫。特别注意一下特别注意一下style!2021/10/103233