喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

正文

web教程中文化计划

作者:月夜猫妖
[i=s] 本帖最后由 月夜猫妖 于 2014-1-10 22:20 编辑
教程中文化计划
Web Fundamentals
网页教程
Learn the building blocks of webdevelopment with HTML and CSS, and create your own website by the end of thecourse.
学习编写网页,使用HTMLCSS,并且通过学习本教程,你将能够写出你自己的网络站点。
Part1
来源:
Why learn HTML?
为何要学习HTML?
Every webpage you look at is written in alanguage called HTML. You can think of HTML as the skeleton that gives everywebpage structure. In this course, we'll use HTML to add paragraphs, headings,images and links to a webpage.
每一个你看到的网页都是用HTML编写的。你可以把HTML想象成每个网页结构的骨骼。我们将会使用HTML向网页添加段落、标题、图片和链接。
In the editor to the right, there's a tabcalled test.html. This is the file we'll type our HTML into. See the code withthe <>s? That's HTML! Like any language, it has its own special syntax(rules for communicating).
右边的编辑区,是一个被称之为“test.html”的区域。这是一个将被我们编写入HTML得文件。看到“<”与“>”之间的代码了吗?那就是HTML!就像其他语言一样,它有它自己的编写规则(语法)。
When we press Save & Submit Code, theresults tab will act like an Internet browser (e.g. Chrome, Firefox, InternetExplorer). A browser's job is to transform the code in test.html into arecognizable webpage! It knows how to lay out the page by following the HTMLsyntax.
当我们按下“Save & Submit Code”时,这些代码将会像网络浏览器那样工作。一个浏览器的工作就是把“test.html”中的代码翻译为可以看到的网页。它指导如何遵从HTML的规则(语法)布置网页。
Instructions
操作指南
01. To the right, we have a test.html file.
01. 向右边看,我们有一个“test.html”文件。
02. Change the text on line 2 (the bitbetween <strong> and </strong>) to anything you like!
02. 将“line 2”的中的文本(“<strong>”与“</strong>”标签间)改变为任何你想要的。
03. Hit Save & Submit Code, and you'llsee how the test.html file would look in a browser. Did you see that? The<strong></strong> tags made our text bold!
03. 点击“Save & Submit Code”,你将看到“test.html”在浏览器中的样子。你看到了吗?“<strong>”与“</strong>”标签让我们的文本变得更加粗壮(咳咳,是变为黑体字)。

回复

使用每一种标题

作者:月夜猫妖
part8: 来源: http://www.codecademy.com/zh/cou ... fb998b470000202dc8b Using every heading 使用每一种标题 Nice work! 干得好! Given that there are six heading sizes altogether, we should make use of all six. 考虑到有六种标题,我们将全部使用一遍。 Instructions 操作指南 01. Add three more headings to the code, making use of <h2>, <h4> and <h6>. Make sure to close all your tags! 01. 添加更多标题到代码,使用“<h2>”、“<h4>”与“<h6>”。记得标签配对。 02. Under each heading, add a short paragraph. Dont forget paragraphs need opening and closing <p></p> tags! 02. 在每个标题下添加一个小段,记得每个段落都需要“<p>”标签。
查看回复

关于标题的更多内容

作者:月夜猫妖
part7: 来源: http://www.codecademy.com/zh/cou ... fb998b470000202dc8b More about headings! 关于标题的更多内容。 HTML actually lets us have more than one heading size. There are six heading sizes, where <h1> is the boss and <h6> is puny! HTML允许我们使用不止一级的标题。可以使用的有六级,“<h1>”最大,“<h6>”最小。就像这样: <h1> - The CEO “<h1>”-首席执行官 <h2> - VP “<h2>”-副总裁 <h3> - Director “<h3>”-主管 <h4> - Middle management “<h4>”-中层管理 <h5> - Lowly assistant “<h5>”-低级助手 <h6> - Gets coffee for everyone “<h6>”-服务员(端茶送水) Below we'll ask you to add headings of various sizes. Feel free to write whatever you like for the headings! 下面我们将告诉你添加各式的标题,你能轻松地写出你想要的标题。 Instructions 操作指南 01. Your code currently has one <h1> heading and two paragraphs. 01. 你的代码中有一个“<h1>”标题和两个段落。 02. Add an <h3> heading before the second paragraph. 02. 在第二段前添加一个“<h3>”标题。 03. Add an <h5> heading after the second paragraph, and then add a third paragraph after this heading. 03. 添加一个“<h5>”标签在第二段后,并添加第三段在其后。
查看回复

段落与标题

作者:月夜猫妖
part6: 来源: http://www.codecademy.com/zh/cou ... fb998b470000202dc8b Paragraphs and headings 段落与标题 We're definitely making good progress! We've learned when and why we use HTML. We've also learned how to: 我们取得了很大的进步,我们已经学会在何时以及为何使用HTML。我们还学习了如何去: a. Set up an HTML file with tags a. 通过标签建立HTML文件。 b. Title the webpage (in the <head>) b. 给网页标题(在“<head>”标签中) c. Create paragraphs (in the <body> with <p> tags) c. 创建段落(在“<body>”标签中使用“<p>”标签) The next step is to give our paragraphs headings using heading tags. Let's start with the <h1> tag. The content between this tag will be the biggest! 下一步给予我们的段落标题通过使用标题标签,让我们开始使用“<h1>”标签。内容一定要在标签之间。 Instructions 操作指南 01. In the body section, create a heading. To do this, create an <h1> tag. 01. 在网页体(“<body>”标签)中写入一个标题。先写一个“<h1>”。 02. Add content. 02. 添加内容。 03. Close the element with a closing tag </h1>. (Your content should now be between <h1> and </h1>.) 03. 通过使用“</h1>”关闭元素(你的内容应该在“<h1>”标签(“<h1>”与“</h1>”)间)。 04. Underneath the heading tags, create two paragraphs using <p> tags with whatever content you like. 04. 在“<h1>”标签下写入两个段落并在段落中写入任何你喜欢的内容。
查看回复

月夜猫妖

作者:Daooo
查看回复

英语渣了好多年了

作者:染绘
_(:з」∠)_ 英语渣了好多年了
查看回复

我觉得你就是神

作者:niezerui
楼主,我觉得你就是神,因为咱英语实在烂到掉渣
查看回复

最终叹息

作者:月夜猫妖
最终叹息 发表于 2014-1-17 00:47 我能说,翻译的真的很烂么 对不起楼主
咱水平不高真是抱歉啊,咱的目的只是为了看教程的时候不用去查字典而已
查看回复

翻译的真的很烂么

作者:最终叹息
我能说,翻译的真的很烂么 对不起楼主#24t
查看回复
上一页
下一页
0%
站点地图友情链接:
喵宅苑
喵空间社区程序
喵宅苑 静态版
宅喵RPG地图编辑器
络合兔
Lanzainc
技术宅
小五四博客
莉可POI
Mithril.js
枫の主题社
Project1
午后少年
机智库
七濑胡桃
xiuno
幻想の日常
魂研社
Nothentai
0xffff
欲望之花
泽泽社长
淀粉月刊
HAYOU