You have the power

1 ■ You have the power!
2
3 Have you ever seen your page on a social networking site load really
slowly, then come through with only the HTML skeleton? (If not, it looks
like this. Crazy, right?)
4
5 Under its fancy skin, a social networking profile is just a list of text,
images, and links. And you know all about those!
6
7 We've set up your profile page with the basics, but the details are up to
you. First off, let's make this page about you!
8
9
10 □ Instructions
11 01.　Put your name between the <title></title> tags.
12 02.　Put a picture of yourself (or anything you like!) between the
<body></body> tags. If you can't think of a good picture, use this
ninja:
http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.j
pg.
13
14
15 □ Hint
16 Remember, <img> tags work like this:
17
<img src="website URL" />
18
19
20
21 ○単語・熟語・文型
22 *最初の文、何が言いたいのかさっぱり、、それとも、何かが間違っている？
23 以下のように解釈しました。
24 HTMLの学習には差し支えないと思われますので、下の「○説明&補足」では、無視させてい
ただきました。
25 全体の文型:　SVOC と取りました。
26 +(Have)+ -(you)- +(ever seen)+ @(your page on a social networking
site)@ =(load really slowly, then come through with only the HTML
skeleton)=? （(If not), -(it)- +(looks)+ (like this). Crazy, right?）
27
see　・・・　知覚動詞なので、全体の文型は、SVOCではないか？
28
page on a social networking site　・・・　facebookのようなページ
29
load　・・・　(自動詞)ロードする
30
come through　・・・　[⾃動詞句]＜ここでは＞（ページが）表示される
31
right?　・・・　でしょう？
32
訳:　フェイスブックのようなページで、ロードがとても遅く、HTMLの骨格だけのよう
33
なWebページを⾒たことありますか？、、そうでないなら、このリンク（thisをクリ
34
ック）を⾒て！、、まともじゃないよね？
35
/ さっぱりわかりません！
36
●表記の補足:
37
上の例で、「have ever seen」を１つの動詞句として解釈していますが、
38
"２語以上のかたまりの品詞のとらえ方"は、飾る方の品詞ではなく、
39
"飾られる方の品詞"
40
で、取ります。
41
つまり、この場合、ever(副詞)が、動詞seeを飾っているので、
42
43
全体として、動詞のかたまり
ということです。
44
45 first off
46
[副詞句]最初に
47
48
49
50 ○説明&補足
51 ■ You have the power!
52
/ あなたにはもうWebページを作るだけのパワーがあります！
53
54 例えば、⾃分の好きな⾊などをバックにして、⾃分のプロフィールを書いたWebページを作りま
しょう。
55 今までに学習した、
56
リスト・イメージ(画像)・リンク、
57
そしてあなたが知っているテクニック（太字にするとか）
58 を使えばいいのです。
59
60 右のページ（↓のInstructions）には、基本部分のみ、用意しました。
61 詳細は、あなたにお任せです。
62 まずは、あなたのことについて書いた、ページを作りましょう。
63
64
65 □ Instructions:　あなたへのミッション
66 ========================================
67 <!DOCTYPE html>
68 <html>
69
<head>
70

71
<meta charset="Shift_JIS">
72

73
<title></title>
74
</head>
75
<body></body>
76 </html>
77 ========================================
78 01.　あなたの名前を、<title></title> の間に書いてください。
79
80 02.　あなたの写真、いやなら、何でも好きな picture/画像を、
81
<body></body>
82 の間に入れましょう。
83 この画像を使ってもOKです。リンクは:
84
http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe
37a.jpg
85 です。
86
87
88 □ Hint
89 思い出してください！画像の取り入れ方:
90
<img src="URL（ネット上の写真のありか）" />
91 でしたね。
92
93
94
7-2　You have the power!

Download Report