喵宅苑 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>”标签让我们的文本变得更加粗壮(咳咳,是变为黑体字)。

回复

有人看吗

作者:月夜猫妖
有人看吗?给个回复ok?
查看回复

意思是超文本标记语言

作者:月夜猫妖
Part2 来源: http://www.codecademy.com/zh/cou ... fb998b470000202dc8b HTML and CSS HTML与CSS HTML stands for HyperText Markup Language. Hypertext means "text with links in it." Any time you click on a word that brings you to a new webpage, you've clicked on hypertext! HTML意思是超文本标记语言,超文本意味着包含文本与链接。当你点击一个文本,它带你转向一个新的页面,你就是点击在了超文本上。 A markup language is a programming language used to make text do more than just sit on a page: it can turn text into images, links, tables, lists, and much more. HTML is the markup language we'll be learning. 标记语言是一种被用于让文本做更多不仅仅是显示其本身的编程语言,它能让文本变为图片、链接、标签、列表或更多。HTML是一种我们将要学习的标记语言。 What makes webpages pretty? That's CSS—Cascading Style Sheets. Think of it like skin and makeup that covers the bones of HTML. We'll learn HTML first, then worry about CSS in later courses. 如何让网页更加漂亮?答案是使用CSS——层叠样式表。你可以把它想象成覆盖在HTML构成的骨架上的皮肤或者补充。我们将先学习HTML然后再学习CSS。 The first thing we should do is set up the skeleton of the page. 首先我们应该去制作网页的骨架。 a. Always put <!DOCTYPE html> on the first line. This tells the browser what language it's reading (in this case, HTML). a. 始终把“<!DOCTYPE html>”放在第一行,这是告诉浏览器何种语言被读取(这里的例子中是HTML)。 b. Always put <html> on the next line. This starts the HTML document. b. 始终把“<html>”放在第二行,这是HTML的起始声明。 c. Always put </html> on the last line. This ends the HTML document. c. 始终把“</html>”放在最后一行,这是HTML的结束声明。 Instructions 操作指南 01. Go ahead and put the three lines mentioned above into test.html, which is now blank. 01. 同意并把上述三行添加到“text.html”,“text.html”是现在空白的地方。 02. In between the second and last line (between the <html> and the </html>), feel free to write whatever message you like. 02. 在第二行与最后一行间(“<html>”与“</html>”间)填入你想要的任何内容。
查看回复

欢迎各位接力

作者:月夜猫妖
欢迎各位接力
查看回复
上一页
下一页
0%
站点地图友情链接:
喵宅苑
喵空间社区程序
喵宅苑 静态版
宅喵RPG地图编辑器
络合兔
Lanzainc
技术宅
小五四博客
莉可POI
Mithril.js
枫の主题社
Project1
午后少年
机智库
七濑胡桃
xiuno
幻想の日常
魂研社
Nothentai
0xffff
欲望之花
泽泽社长
淀粉月刊
HAYOU