1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
Дејвид Џ MALAN: Во ред.

3
00:00:01,210 --> 00:00:02,160
Ние сме назад.

4
00:00:02,160 --> 00:00:05,810
Значи, целта на оваа последната сесија
е да се воведе уште неколку концепти

5
00:00:05,810 --> 00:00:09,290
но, исто така, им даде на сите шанси
да вид на се водат вашите прсти

6
00:00:09,290 --> 00:00:11,270
и всушност направиме нешто
малку практично.

7
00:00:11,270 --> 00:00:13,897
Целта не е да го вклучите
сите нас во веб програмери

8
00:00:13,897 --> 00:00:16,230
од страна на било каков начин, но, навистина само
да ви даде вкусот на некои

9
00:00:16,230 --> 00:00:21,750
од основните конструкции на она што
оди во веб-програмирање и денес веб-

10
00:00:21,750 --> 00:00:23,980
развој, па
статички страна на things--

11
00:00:23,980 --> 00:00:26,660
Нема логика, без Програмирање
јазик, само статична содржина.

12
00:00:26,660 --> 00:00:29,660
И тоа ќе ни даде можност
да всушност гледаат она што е на веб сервер,

13
00:00:29,660 --> 00:00:34,140
Погледнете што се HTML датотека е, да видиме што
тоа е HTTP е, всушност, служејќи се.

14
00:00:34,140 --> 00:00:38,600
Но, пред да нурне во, било ретроспектива
прашања во врска со cloud computing

15
00:00:38,600 --> 00:00:43,922
или безбедност или нешто помеѓу?

16
00:00:43,922 --> 00:00:44,890
>> Не?

17
00:00:44,890 --> 00:00:47,181
Добро, добро, ајде
да го направите ова, само во случај

18
00:00:47,181 --> 00:00:49,680
процесот на регистрирање
нешто трае само неколку минути.

19
00:00:49,680 --> 00:00:51,221
Ќе нека го направи тоа во позадина.

20
00:00:51,221 --> 00:00:56,860
Оди напред, ако може,
на овој URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Ова е трета страна service--
платформа како сервис, ако will--

22
00:01:02,810 --> 00:01:05,190
кој ќе ве покани
да се регистрирате за сметка,

23
00:01:05,190 --> 00:01:08,650
и тоа се случува да им даде на секој од вас
сметка во т.н. облак

24
00:01:08,650 --> 00:01:11,330
на инфраструктурата на некој друг,
компанија наречена Cloud9.

25
00:01:11,330 --> 00:01:13,350
Но, она што е убаво за
ова е тоа што тие ви даде

26
00:01:13,350 --> 00:01:15,990
приближување на
вистински развој на реалниот свет

27
00:01:15,990 --> 00:01:18,530
животната средина, иако на
облакот и во веб прелистувачот,

28
00:01:18,530 --> 00:01:21,175
и ние ќе го користат ова за да всушност
експериментирате малку денес.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
А потоа оди напред и само се движите
на вашиот пат во процесот на регистрација

31
00:01:30,260 --> 00:01:32,630
ако можеш.

32
00:01:32,630 --> 00:01:36,080
Значи ние се случи да го користите овој во класата
Јас ги учат за сите од нашите студенти,

33
00:01:36,080 --> 00:01:39,140
како на кампусот и надвор сега, и
тоа е она што го замени историски

34
00:01:39,140 --> 00:01:41,390
беше поинаку превземање софтвер.

35
00:01:41,390 --> 00:01:44,620
Значи она што се добивање на пристап до
е еден од овие виртуелни машини,

36
00:01:44,620 --> 00:01:46,460
Во суштина, тоа што е опишано претходно.

37
00:01:46,460 --> 00:01:50,260
Значи оваа компанија Cloud9 веројатно
наемнини од трета party-- навистина

38
00:01:50,260 --> 00:01:52,760
во овој случај, Google-- целина
куп на виртуелни машини

39
00:01:52,760 --> 00:01:56,500
дека тие некако се исецка до во
илузијата на индивидуални сервери

40
00:01:56,500 --> 00:01:58,610
дека секој од нас има целосна контрола над.

41
00:01:58,610 --> 00:02:01,640
Тоа не е сосема точно да се каже
дека тие се виртуелни машини,

42
00:02:01,640 --> 00:02:04,550
Сепак, затоа што
Cloud9 всушност се користи

43
00:02:04,550 --> 00:02:07,570
е малку понова технологија
наречен containerization.

44
00:02:07,570 --> 00:02:13,150
И дозволете ми да го зграби оваа слика
тука за да се наслика оваа слика.

45
00:02:13,150 --> 00:02:16,540
>> А сад е, ако
Се сеќаваш ли на сликата

46
00:02:16,540 --> 00:02:19,900
од порано, малку полесни
тежина од виртуелната машина.

47
00:02:19,900 --> 00:02:22,090
Всушност, додека минатата
време ние разговаравме за тоа има

48
00:02:22,090 --> 00:02:25,170
да се биде оперативен
систем и хипервизорот

49
00:02:25,170 --> 00:02:28,260
а потоа гостин оперативен систем, гостин
оперативен систем, гостин оперативен

50
00:02:28,260 --> 00:02:30,940
систем, на врвот на својата
физички хардвер,

51
00:02:30,940 --> 00:02:33,740
разликата со оваа понова
технологија, containerization,

52
00:02:33,740 --> 00:02:37,290
е дека сите тие некако споделување
на истиот оперативен систем.

53
00:02:37,290 --> 00:02:39,970
Но, тие се уште се создаде
илузија на сите

54
00:02:39,970 --> 00:02:44,590
има неговата или нејзината сопствена ексклузивни
административни права и датотеки

55
00:02:44,590 --> 00:02:45,400
на серверот.

56
00:02:45,400 --> 00:02:48,230
Но, има помалку софтвер во
помеѓу вас и хардвер.

57
00:02:48,230 --> 00:02:52,260
Како резултат на што е,
теорија, повисоки перформанси,

58
00:02:52,260 --> 00:02:55,470
затоа што користите или
трошат помалку ресурси

59
00:02:55,470 --> 00:02:57,360
на тој т.н. виртуелизација слој.

60
00:02:57,360 --> 00:02:59,420
Значи ова се нарекува
containerization по природа

61
00:02:59,420 --> 00:03:02,920
по пат на технологија наречена Docker,
кој е многу доаѓа во свои.

62
00:03:02,920 --> 00:03:05,086
И ова е нешто што
инженери во вашата компанија

63
00:03:05,086 --> 00:03:08,610
може да се вид на вид на почнам да зборувам
за наскоро, ако тие не се веќе,

64
00:03:08,610 --> 00:03:11,590
иако има сигурно нема
причина да скокаат на секој bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Значи со тоа, рече, она што
најверојатно видиме сега

66
00:03:15,410 --> 00:03:22,670
е екран кој изгледа нешто како ова.

67
00:03:22,670 --> 00:03:23,170
ДОБРО.

68
00:03:23,170 --> 00:03:25,260
И само ме викаат во текот ако не.

69
00:03:25,260 --> 00:03:27,440
И ако so-- ќе дојдат ако не.

70
00:03:27,440 --> 00:03:30,244
Оди напред и да кликнете дека големите
плус да се создаде простор,

71
00:03:30,244 --> 00:03:31,660
и ќе го видите на екранот вака.

72
00:03:31,660 --> 00:03:35,020
Можете да се јавите на работниот простор
именува нешто што сакате за сега.

73
00:03:35,020 --> 00:03:38,660
И само, всушност, за едноставност,
and-- оди добро, некои од вас

74
00:03:38,660 --> 00:03:39,660
веќе имаат работни места.

75
00:03:39,660 --> 00:03:47,050
Наречи го тоа што ќе want-- бизнис,
Харвард, четврток, она што би сакале.

76
00:03:47,050 --> 00:03:48,800
Вие не треба опис.

77
00:03:48,800 --> 00:03:52,380
Можете да го оставиме приватни, освен ако
веќе имаат еден куп на работни површини.

78
00:03:52,380 --> 00:03:55,280
Ако сте принудени да се направи тоа јавно,
тоа е во ред за денешните цели.

79
00:03:55,280 --> 00:03:56,750
Овде, исто така, е еден од upsells.

80
00:03:56,750 --> 00:03:59,939
Ќе добиете една приватна простор од страна на
стандардните. Но, ако сакате повеќе,

81
00:03:59,939 --> 00:04:00,980
ќе мора да плаќаат за повеќе.

82
00:04:00,980 --> 00:04:02,870
Во спротивно, тие ги принуди
да се направи вашата работа јавноста.

83
00:04:02,870 --> 00:04:05,600
Но, тоа е во ред, затоа што тие, исто така,
се справуваат со оваа на софтвер со отворен код заедници

84
00:04:05,600 --> 00:04:07,700
да ги охрабри луѓето да се
всушност соработуваат.

85
00:04:07,700 --> 00:04:10,699
>> И последното нешто што е важно,
сепак, е, откако ќе се избере име

86
00:04:10,699 --> 00:04:17,140
и откако ќе се избере приватен или јавен,
кликнете на HTML5, портокалова икона големите

87
00:04:17,140 --> 00:04:22,430
втор од лево, и
потоа кликнете на Креирај работен простор.

88
00:04:22,430 --> 00:04:24,580
И тоа веројатно ќе
се земе една минута или така,

89
00:04:24,580 --> 00:04:26,540
но тогаш ќе имаат
животната средина, но откако ќе

90
00:04:26,540 --> 00:04:30,544
го направите тоа, што изгледа потсетува на
она што го имам на екранот овде.

91
00:04:30,544 --> 00:04:33,210
Но, повторно, тоа може да потрае една минута
или повеќе да се дојде до овој екран

92
00:04:33,210 --> 00:04:34,770
откако сте кликнале Креирајте работен простор.

93
00:04:34,770 --> 00:04:37,936
Но, само ме знаме над ако би ми се допаѓа
да ги разгледаме во нешто или совети.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
Во ред.

96
00:04:40,690 --> 00:04:42,390
Па јас ќе одам да се оваа позадина за сега.

97
00:04:42,390 --> 00:04:44,260
Јави ми се над ако ви се чини дека
имате било какви технички тешкотии.

98
00:04:44,260 --> 00:04:46,210
Но, повторно, тоа може да потрае
малку за тоа да се отвори.

99
00:04:46,210 --> 00:04:49,570
И да одиме напред и да се зборува за она што
тоа всушност значи да се направи веб страница,

100
00:04:49,570 --> 00:04:52,780
она што HTML е, и како сето тоа
сега ги поврзува како ние сме почнуваат

101
00:04:52,780 --> 00:04:54,730
всушност да ги користат некои од технологија.

102
00:04:54,730 --> 00:04:58,310
Значи излегува дека можам да
одат на мојот мал Mac тука,

103
00:04:58,310 --> 00:05:01,650
отвори едноставна програма наречена
TextEdit, или на Windows можев

104
00:05:01,650 --> 00:05:04,480
отворен нешто што се нарекува Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
И јас би можеле едноставно да се направи нешто
како this-- "Здраво, свет".

106
00:05:08,260 --> 00:05:12,020
И тогаш јас би можела да спаси ова како
hello.txt Значи без магија таму.

107
00:05:12,020 --> 00:05:15,200
Ова нема никаква врска со веб
програмирање, нема никаква врска со HTML.

108
00:05:15,200 --> 00:05:16,790
Само создавање на едноставна текстуална датотека.

109
00:05:16,790 --> 00:05:20,600
Но, се покажа дека веб-
страница е буквално само тоа.

110
00:05:20,600 --> 00:05:24,020
Тоа е едноставна текстуална датотека што го содржи текстот
кои можеби ќе напишете во вашата тастатура,

111
00:05:24,020 --> 00:05:30,070
но тоа обично, но не секогаш
завршува во .txt но не .htm или .html.

112
00:05:30,070 --> 00:05:32,050
И не само да
внесуваат зборовите во датотеката.

113
00:05:32,050 --> 00:05:35,280
Што всушност треба да го користат нешта наречени
тагови или, поопшто, нешто

114
00:05:35,280 --> 00:05:37,190
наречен Селектирај јазик.

115
00:05:37,190 --> 00:05:40,510
>> Па јас ќе одам да многу брзо пишувате
а потоа објасни следново.

116
00:05:40,510 --> 00:05:42,290
Одам до првата
тип овој, кој вели:

117
00:05:42,290 --> 00:05:45,730
Еј, интернет пребарувач, тука доаѓа
веб-страница напишан во HTML.

118
00:05:45,730 --> 00:05:51,850
И овие две работи заедно се каже, еј,
прелистувачот, следново е навистина HTML.

119
00:05:51,850 --> 00:05:55,790
Еј, интернет пребарувач, тука доаѓа
главата или на врвот на мојата страница.

120
00:05:55,790 --> 00:05:59,900
Еј, интернет пребарувач, во внатрешноста на врвот на
мојата страница, стави наслов кој е: "Здраво,

121
00:05:59,900 --> 00:06:01,610
светот ".

122
00:06:01,610 --> 00:06:08,370
Еј, интернет пребарувач, откако е на чело на мојот
страница, тука доаѓа телото на мојата страница.

123
00:06:08,370 --> 00:06:12,170
И еј, интернет пребарувач, телото на мојот
страница, исто така треба да се каже, "Здраво светот".

124
00:06:12,170 --> 00:06:15,500
Значи она што се истакнатите детали тука?

125
00:06:15,500 --> 00:06:17,960
Тоа е она што е, генерално,
наречен декларација doc-тип,

126
00:06:17,960 --> 00:06:20,190
и, искрено, тоа е малку
тешко да се запаметат ова во прв план.

127
00:06:20,190 --> 00:06:21,481
Вие само вид на копи-паста тоа.

128
00:06:21,481 --> 00:06:23,760
Ова е формален начин
да се каже, еј, интернет пребарувач,

129
00:06:23,760 --> 00:06:28,030
Јас сум со користење на HTML верзија 5, кои
излезе малку неодамна.

130
00:06:28,030 --> 00:06:31,380
Тоа е еден магичен инкантација дека некои
луѓето со лоша смисла на дизајн

131
00:06:31,380 --> 00:06:33,640
одлучи да се стави на
самиот врв на датотеката.

132
00:06:33,640 --> 00:06:35,473
И покрај тоа што е
малку таинствени, тоа е се

133
00:06:35,473 --> 00:06:38,250
тоа means-- еј, интернет пребарувач, тука
доаѓа со верзија 5 на HTML.

134
00:06:38,250 --> 00:06:41,741
>> Остатокот од овој беше со нас
за некое време сега, историски,

135
00:06:41,741 --> 00:06:44,740
но тоа е се развива, а тоа е
веројатно е добивање малку поедноставно.

136
00:06:44,740 --> 00:06:47,320
Забележите неколку карактеристики
на она што сум го истакнат.

137
00:06:47,320 --> 00:06:49,890
Има овие работи со искосени
brackets-- на лева заграда

138
00:06:49,890 --> 00:06:51,040
и правото заграда.

139
00:06:51,040 --> 00:06:52,490
И ќе забележите дека симетрија тука.

140
00:06:52,490 --> 00:06:57,340
И од страна на симетрија, мислам, само како што јас
имаат оваа почетниот таг тука или отворен таг

141
00:06:57,340 --> 00:07:01,560
ако сакате, овде имам
блиски таг или на крајот таг тоа е

142
00:07:01,560 --> 00:07:06,460
различни само доколку тоа има оваа
намалување на почетокот на зборот

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
И можете да замислите
овој, како што беше случајно

145
00:07:09,360 --> 00:07:12,280
предлагање и досега, еј,
пребарувачот, тука доаѓа некои HTML.

146
00:07:12,280 --> 00:07:16,060
И обратно, еј, интернет пребарувач, кој е
тоа за почеток на HTML-- и крај.

147
00:07:16,060 --> 00:07:18,440
>> Во меѓувреме еј, интернет пребарувач, тука
доаѓа на чело на мојата страница.

148
00:07:18,440 --> 00:07:20,140
Еј, интернет пребарувач, тоа е тоа за главата.

149
00:07:20,140 --> 00:07:22,240
Еј, интернет пребарувач, тука е
телото на мојата страница.

150
00:07:22,240 --> 00:07:24,020
Еј, интернет пребарувач, тоа е тоа за телото.

151
00:07:24,020 --> 00:07:26,940
И во внатрешноста на тоа е некој
произволен текст за сега.

152
00:07:26,940 --> 00:07:30,520
И во внатрешноста на главата, пак,
некои произволни, но обележани,

153
00:07:30,520 --> 00:07:34,410
така да се каже, текст кој вели, насловот
на мојата страница ќе биде "Здраво, свет".

154
00:07:34,410 --> 00:07:37,470
Сега за сега, можете да
се претпостави дека пребарувачи

155
00:07:37,470 --> 00:07:41,762
имаат only-- или, поточно, веб страници имаат
само две parts-- на главата и телото.

156
00:07:41,762 --> 00:07:44,220
И на главата е обично се само
како на лента со мени, работи

157
00:07:44,220 --> 00:07:45,510
навистина само во самиот врв.

158
00:07:45,510 --> 00:07:48,910
И телото е храброст на страницата,
се што е во толку голема правоаголник

159
00:07:48,910 --> 00:07:50,239
која го исполнува екранот.

160
00:07:50,239 --> 00:07:51,780
Па јас ќе одам да се оди напред и да го направите тоа.

161
00:07:51,780 --> 00:07:54,400
Јас да се оди напред и
кликнете на Зачувај, File Save.

162
00:07:54,400 --> 00:07:58,580
И јас одам да се спаси
ова како hello.html,

163
00:07:58,580 --> 00:08:00,870
и јас сум само ќе се
го стави на мојот десктоп.

164
00:08:00,870 --> 00:08:03,520
И јас одам да се оди
напред и да кликнете на Зачувај.

165
00:08:03,520 --> 00:08:05,806
И notice-- мојот Mac во
барем се вика на мене.

166
00:08:05,806 --> 00:08:07,180
Дали сте сигурни дека сакате да го направите ова?

167
00:08:07,180 --> 00:08:08,710
И јас одам да се каже, да, да користам HTML.

168
00:08:08,710 --> 00:08:10,400
Знам подобро во овој случај.

169
00:08:10,400 --> 00:08:14,686
И сега јас ќе одам да одат на мојот десктоп
каде што имам оваа датотека одеднаш.

170
00:08:14,686 --> 00:08:16,060
И јас одам да се зголеми двојно-кликнете на неа.

171
00:08:16,060 --> 00:08:18,268
И ќе забележите дека со
Стандардно, Хром отвори.

172
00:08:18,268 --> 00:08:19,996
Тоа е затоа што тоа е
мојот прелистувач.

173
00:08:19,996 --> 00:08:21,370
И тоа само вели: "Здраво, свет".

174
00:08:21,370 --> 00:08:23,078
Но, тој вели: "Здраво,
светот ", на две места.

175
00:08:23,078 --> 00:08:23,979
Забележете горниот лев агол.

176
00:08:23,979 --> 00:08:25,020
Прилично тешко да го пропушти тоа.

177
00:08:25,020 --> 00:08:26,180
Тоа е голем и смел.

178
00:08:26,180 --> 00:08:30,690
А каде на друго место Ви се чини
да се каже, "Здраво светот"?

179
00:08:30,690 --> 00:08:31,470
>> ПУБЛИКАТА: На табот.

180
00:08:31,470 --> 00:08:33,100
>> Дејвид Џ MALAN: Да, на самата картичка.

181
00:08:33,100 --> 00:08:35,159
Значи, кога го изјави шефот на
страница е сè што top--

182
00:08:35,159 --> 00:08:36,367
и навистина ова е насловот.

183
00:08:36,367 --> 00:08:37,710
Тоа е само во јазичето тука.

184
00:08:37,710 --> 00:08:40,320
И јас може да се извлече од ова јазиче
надвор, така што нема да се збуни.

185
00:08:40,320 --> 00:08:43,360
Ова е само еден таб сега,
и навистина ги гледаме "Здраво, свет"

186
00:08:43,360 --> 00:08:45,970
до тука и "Здраво, свет" овде долу.

187
00:08:45,970 --> 00:08:47,160
Значи прилично јасна.

188
00:08:47,160 --> 00:08:49,050
Но, тоа е, исто така, прилично едноставна.

189
00:08:49,050 --> 00:08:50,440
И, всушност, се зумира.

190
00:08:50,440 --> 00:08:53,272
Јас може да се промени големината на фонтот само
да го зголемува за пристапност.

191
00:08:53,272 --> 00:08:56,830
Но, ајде сега да се направи нешто
малку повеќе интересно.

192
00:08:56,830 --> 00:08:59,760
>> Одам да go-- Whoops, ајде
ме да се вратам на мојот текст фајл.

193
00:08:59,760 --> 00:09:02,400
Јас сум да се вратам во мојата
текстуална датотека, а јас ќе одам

194
00:09:02,400 --> 00:09:06,320
да се промени ова и велат
"Здраво, Disney World."

195
00:09:06,320 --> 00:09:07,970
Спаси.

196
00:09:07,970 --> 00:09:10,919
И да се вратам во мојата
прелистувач и кликнете Reload.

197
00:09:10,919 --> 00:09:12,710
И сега, се разбира,
вели: "Disney World."

198
00:09:12,710 --> 00:09:15,500
И јас одам да се вештачки зумирате
само така што е полесно да се види.

199
00:09:15,500 --> 00:09:19,012
Па сега, за жал, јас вид на сакаат
to-- всушност, тоа е карактеристика Мак.

200
00:09:19,012 --> 00:09:21,720
Сакам да кликнете на Disney World
и да си одат некаде како disney.com,

201
00:09:21,720 --> 00:09:23,290
но тоа не функционира.

202
00:09:23,290 --> 00:09:26,850
Значи, основниот принцип на веб е
линкови, линкови, кои одат на друго место.

203
00:09:26,850 --> 00:09:28,390
Па, како да го направам тоа?

204
00:09:28,390 --> 00:09:34,690
Па, јас само може да се каже,
"Здраво, http://www.disney.com".

205
00:09:34,690 --> 00:09:36,110
Зачувај ова.

206
00:09:36,110 --> 00:09:37,620
Вчитај ја страната повторно.

207
00:09:37,620 --> 00:09:39,400
Но, тоа исто така, не кликање.

208
00:09:39,400 --> 00:09:42,930
И, што е убаво тука, иако
тоа се уште не е во функција,

209
00:09:42,930 --> 00:09:45,930
е во тоа што се чини дека
прелистувачот е буквално само

210
00:09:45,930 --> 00:09:46,950
она што јас го кажам да се направи.

211
00:09:46,950 --> 00:09:50,110
Значи, ако јас само тип на URL-то, како таков,
тоа е само ќе да ми го покаже URL-то.

212
00:09:50,110 --> 00:09:54,270
Јас треба да се користат тагови или Селектирај
јазик за да всушност се каже

213
00:09:54,270 --> 00:09:55,621
на пребарувачот за да се направи дури и повеќе.

214
00:09:55,621 --> 00:09:57,870
Па јас ќе одам да се оди напред и да се
ја избришете оваа за момент.

215
00:09:57,870 --> 00:10:00,980
И јас одам да се каже, еј,
пребарувач, проектот сидро тука,

216
00:10:00,980 --> 00:10:02,650
линк така да се каже.

217
00:10:02,650 --> 00:10:07,500
И хипер-референтноста, дестинација
тоа сидро, треба да биде на овој URL.

218
00:10:07,500 --> 00:10:08,750
И ќе забележите мојот цитати.

219
00:10:08,750 --> 00:10:11,590
Јас може да се користи единечен наводник, исто така,
но мора да биде конзистентна,

220
00:10:11,590 --> 00:10:14,270
и јас генерално би само користење
двојни наводници да биде едноставно.

221
00:10:14,270 --> 00:10:16,820
Забележиш јас ќе одам да го затвори таг.

222
00:10:16,820 --> 00:10:21,160
А потоа тука јас ќе одам
да се каже, "Дизни Ворлд".

223
00:10:21,160 --> 00:10:26,890
И сега јас треба некои symmetry--
отворена заграда, / a, затворена заграда.

224
00:10:26,890 --> 00:10:28,090
>> Значи она што јас воведе?

225
00:10:28,090 --> 00:10:30,100
Имавме неколку тагови веќе.

226
00:10:30,100 --> 00:10:32,410
HTML, раководител, наслов, тело,
сите тагови, така да се каже,

227
00:10:32,410 --> 00:10:34,280
со отворени и затворени колеги.

228
00:10:34,280 --> 00:10:36,530
Но известување, ова е вид
од фундаментално различно.

229
00:10:36,530 --> 00:10:39,140
Тоа е она што ние ќе го наречеме
во HTML атрибут.

230
00:10:39,140 --> 00:10:41,451
И атрибут е
само клучна вредност пар.

231
00:10:41,451 --> 00:10:43,950
Ова е вообичаена работа во
компјутер science-- клучните вредност пар.

232
00:10:43,950 --> 00:10:45,770
Тоа е еден вид на алатка на трговијата.

233
00:10:45,770 --> 00:10:47,040
Клучен и вредност.

234
00:10:47,040 --> 00:10:49,390
Еден збор, а потоа некои
друг збор или зборови.

235
00:10:49,390 --> 00:10:53,790
И во овој случај, клучот е href,
а вредноста е дека целосната URL-то.

236
00:10:53,790 --> 00:10:57,890
И што атрибут не е
влијае на однесувањето на таг.

237
00:10:57,890 --> 00:11:01,010
И во овој случај, треба да се влијае врз
однесувањето на таг сидро,

238
00:11:01,010 --> 00:11:04,140
затоа што ние треба да се зацврсти
овој линк за да некаде.

239
00:11:04,140 --> 00:11:06,960
И како да го направите тоа е
по пат на атрибутот.

240
00:11:06,960 --> 00:11:08,970
>> Па јас ќе одам да се оди напред
и да ја зачувам датотеката сега.

241
00:11:08,970 --> 00:11:11,300
Вратете се на мојот интернет пребарувач и вчитување.

242
00:11:11,300 --> 00:11:14,580
И Voila, сега имаме
Почетоците на легитимните веб-страница.

243
00:11:14,580 --> 00:11:18,420
Супер-едноставен, но ако можам да лебди над
this-- известување во долниот лев агол,

244
00:11:18,420 --> 00:11:19,830
тоа е супер-мал.

245
00:11:19,830 --> 00:11:21,730
Но, не гледам www.disney.com.

246
00:11:21,730 --> 00:11:27,076
И ако јас кликнете на неа, навистина ова
ме маталки далеку да disney.com.

247
00:11:27,076 --> 00:11:29,380
Сега, чудна работа
тука е дека тоа не е

248
00:11:29,380 --> 00:11:33,940
на best-- најмногу се продава рачно, но
тоа е во ред, бидејќи оваа датотека не

249
00:11:33,940 --> 00:11:35,360
постои на World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Таа постои како локална датотека во навидум
мојот Корисниците directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
Џон Harvard-- / десктоп.

252
00:11:41,890 --> 00:11:42,634
Но, тоа е URL-то.

253
00:11:42,634 --> 00:11:43,800
Тоа едноставно се случува да бидат локални.

254
00:11:43,800 --> 00:11:47,050
За жал, никој од вас не можат да го посетат
ова, затоа што ако го напишете овој URL-то,

255
00:11:47,050 --> 00:11:49,980
што би се кажува вашиот интернет пребарувач,
за датотека наречена hello.html погледнете

256
00:11:49,980 --> 00:11:50,772
на вашиот хард диск.

257
00:11:50,772 --> 00:11:53,271
И, се разбира, освен ако не сте
следи по рачно,

258
00:11:53,271 --> 00:11:54,530
тоа не се случува да постои таму.

259
00:11:54,530 --> 00:11:55,190
>> Па тоа е во ред.

260
00:11:55,190 --> 00:11:57,815
Ние сè уште треба на некој начин, во крајна линија,
да се добие оваа датотека во веб,

261
00:11:57,815 --> 00:12:01,180
но ајде да ги разграничат неколку
безбедносни импликации на она што ние само

262
00:12:01,180 --> 00:12:04,850
видов и врзете ја во опавче на претходно
Расправата од ова утро.

263
00:12:04,850 --> 00:12:08,200
Излегува дека, ако
пребарувач буквално само го прави тоа

264
00:12:08,200 --> 00:12:12,560
она што јас го кажам да се направи, и се чини дека
да биде случај дека сидро таг е

265
00:12:12,560 --> 00:12:17,380
под влијание на вредноста на
овој атрибут наречен href

266
00:12:17,380 --> 00:12:20,810
но тоа покажува оваа
текст, ова се чини

267
00:12:20,810 --> 00:12:26,520
да се имплицира дека би можел да стави на URL-то
во двете места и повторно вчитајте

268
00:12:26,520 --> 00:12:29,100
и сега види на URL-то и да одат во URL-то.

269
00:12:29,100 --> 00:12:32,680
Известување, ако лебдат над долниот лев,
Јас сум навистина се случува уште да disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Значи, ако некогаш сте биле во
phished-- Р-Н-И-С-Н-Е-D--

271
00:12:38,340 --> 00:12:42,820
со еден од оние лажни пораки
од како PayPal вашата банка,

272
00:12:42,820 --> 00:12:46,470
Веројатно сте добиле врски во
на пораката што ти ја читаш дека

273
00:12:46,470 --> 00:12:49,970
ви кажува да кликнете тука за да се потврдуваат
вашата лозинка или ја потврдите вашиот датум на раѓање

274
00:12:49,970 --> 00:12:53,840
или социјални или нешто општествено
ќе инженерство за да се открие

275
00:12:53,840 --> 00:12:54,920
информации.

276
00:12:54,920 --> 00:12:57,625
Па, би можел да вид на се
Предност на ова, не може јас?

277
00:12:57,625 --> 00:13:01,240
Можам да кажам нешто
како, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
И наместо disney.com, јас
можеше да оди, како, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Вчитај ја страната повторно.

280
00:13:12,850 --> 00:13:16,620
И колку е лесно е тоа да будала,
особено не-техничко читач

281
00:13:16,620 --> 00:13:20,649
или површно читање
читателот отколку да кликнете

282
00:13:20,649 --> 00:13:23,940
линк како овој, што ако јас кликнете it--
Јас всушност не сакаат да одат badguy.com.

283
00:13:23,940 --> 00:13:25,398
Јас не знам што е всушност таму.

284
00:13:25,398 --> 00:13:30,080
Значи paypal.com, информации, е
она што го кажува тоа се случува да,

285
00:13:30,080 --> 00:13:33,210
но се разбира, ако се погледне надолу
супер-ниски, тоа е малку матно,

286
00:13:33,210 --> 00:13:34,230
но вели дека badguy.com.

287
00:13:34,230 --> 00:13:38,644
Тоа е единствениот кажам право сега
дека јас ќе одам да се на погрешно место.

288
00:13:38,644 --> 00:13:41,560
И кога реков претходно дека банките
навистина не треба да ги охрабри или воз

289
00:13:41,560 --> 00:13:44,510
корисници во кликање линкови, овој
е само една манифестација на тоа.

290
00:13:44,510 --> 00:13:45,430
И тоа е толку едноставно.

291
00:13:45,430 --> 00:13:48,120
Вие сте сега противник ако
да се направи нешто како ова

292
00:13:48,120 --> 00:13:51,000
и да се обиде да трик на корисникот
во посета на вашиот веб-сајт.

293
00:13:51,000 --> 00:13:53,320
Но, за сега, ние ќе продолжиме
работи убаво и чисто.

294
00:13:53,320 --> 00:13:55,640
Ние си оди за да се оди напред
и премотување назад на овие промени.

295
00:13:55,640 --> 00:13:56,530
Вчитајте ја страницата.

296
00:13:56,530 --> 00:13:57,740
И ќе се вратам во disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Ајде да видиме ако не можеме да се закачам
ова освен малку повеќе.

298
00:14:00,660 --> 00:14:04,160
Така, "Здраво, Disney World."

299
00:14:04,160 --> 00:14:05,950
Јас ќе одам да се каже овде долу.

300
00:14:05,950 --> 00:14:08,220
Можеби и јас ќе одам да се направи некоја соба.

301
00:14:08,220 --> 00:14:12,730
"Се надеваме дека ќе уживате во вашиот престој!"

302
00:14:12,730 --> 00:14:13,830
Спаси.

303
00:14:13,830 --> 00:14:15,850
Вчитај ја страната повторно.

304
00:14:15,850 --> 00:14:19,010
Тоа не е rea-- тоа не е
она што се наменети, нели?

305
00:14:19,010 --> 00:14:21,870
Мислам, ако сум лекување на мојот текст
поднесе како збор процесор,

306
00:14:21,870 --> 00:14:24,894
она што не се надеваат дека ќе се случи овде?

307
00:14:24,894 --> 00:14:27,060
Да, јас се чувствувам како има
треба да биде линија пауза тука,

308
00:14:27,060 --> 00:14:28,799
па таа се чувствува кабриолет на некој начин.

309
00:14:28,799 --> 00:14:31,090
Но, тоа е, всушност, намерно,
затоа што како и порано,

310
00:14:31,090 --> 00:14:33,381
на пребарувачот се случува само на
го направи она што го кажам да се направи.

311
00:14:33,381 --> 00:14:34,806
Не сум го рекол да се скрши линии.

312
00:14:34,806 --> 00:14:37,930
Јас не сум го рекол да се движат надолу, дури и
сепак, интуитивно, се чувствувам како да сум го правела.

313
00:14:37,930 --> 00:14:39,805
Значи излегува ние треба
малку повеќе обележја,

314
00:14:39,805 --> 00:14:41,390
и јас одам да го надминете овој како што следи.

315
00:14:41,390 --> 00:14:46,160
Одам да предговор ова прво здраво
со она што се нарекува став таг.

316
00:14:46,160 --> 00:14:48,920
И тогаш јас ќе одам да се оди напред
и да ја заврши оваа друга казна

317
00:14:48,920 --> 00:14:54,370
во друг став таг, иако
тие се супер-кратки параграфи.

318
00:14:54,370 --> 00:14:55,930
Сега ќе одам да се спаси.

319
00:14:55,930 --> 00:14:57,160
Вчитај ја страната повторно.

320
00:14:57,160 --> 00:14:59,070
И сега имаме дека
простор, а ние вид на

321
00:14:59,070 --> 00:15:01,680
има семантика
две одделни ставови.

322
00:15:01,680 --> 00:15:05,290
>> Тоа е се во ред и добро, но за тоа ќе
било убаво да додадете слика на оваа страница,

323
00:15:05,290 --> 00:15:08,710
па јас ќе одам да се оди за да се погледне
Мики Маус на слики на Google.

324
00:15:08,710 --> 00:15:12,830
И само за забава, јас сум
ќе го имате оваа слика.

325
00:15:12,830 --> 00:15:15,350
Одам да се оди напред сега и
дофати URL на оваа слика,

326
00:15:15,350 --> 00:15:16,510
Точно е дека постојат различни
начини да го направите тоа.

327
00:15:16,510 --> 00:15:18,520
За сега, јас сум само ќе копирате URL-то.

328
00:15:18,520 --> 00:15:24,770
Одам да се вратам во мојот текст
датотека, а јас ќе одам да се каже тука,

329
00:15:24,770 --> 00:15:31,160
img src = цитат unquote
дека URL, супер-долго.

330
00:15:31,160 --> 00:15:34,580
И тогаш поимот на
сликата е малку поинаква.

331
00:15:34,580 --> 00:15:38,640
Има навистина нема поим за почетна
слика и стави крај на сликата,

332
00:15:38,640 --> 00:15:40,630
како почетниот таг крај таг.

333
00:15:40,630 --> 00:15:43,840
Значи тоа се чувствува малку чудно да
ме семантички да го направите ова,

334
00:15:43,840 --> 00:15:45,390
да имаат ознака за затворање на слика.

335
00:15:45,390 --> 00:15:46,780
Тоа не е неточна.

336
00:15:46,780 --> 00:15:48,840
Сосема е точно,
и тоа се охрабруваат,

337
00:15:48,840 --> 00:15:50,870
но има стенографија нотација.

338
00:15:50,870 --> 00:15:53,780
Можам вид на истовремено
се отвораат и затвораат истата ознака,

339
00:15:53,780 --> 00:15:55,510
и дека ќе се направи пребарувач среќни.

340
00:15:55,510 --> 00:15:56,950
Така, тоа е само малку
повеќе содржаен за работи

341
00:15:56,950 --> 00:15:59,408
кои концептуално навистина не
да има смисла за почеток и крај.

342
00:15:59,408 --> 00:16:01,190
Тие само се таму, или тие не се.

343
00:16:01,190 --> 00:16:06,020
>> Па јас ќе одам да се спаси оваа и се врати
во мојата "Здраво, свет" страница и вчитување.

344
00:16:06,020 --> 00:16:09,880
И тоа е малку надвор од контрола,
затоа што на сликата е всушност

345
00:16:09,880 --> 00:16:12,210
малку е голема, но тоа е во ред.

346
00:16:12,210 --> 00:16:13,710
Можев да ја промените големината на програмата.

347
00:16:13,710 --> 00:16:14,900
Или знаете што.

348
00:16:14,900 --> 00:16:17,350
Само за да се покаже, јас сум
ќе всушност се каже

349
00:16:17,350 --> 00:16:21,760
дека ширината на оваа работа треба
да биде само 200 пиксели, 200 точки.

350
00:16:21,760 --> 00:16:24,360
Дозволете ми да оди напред и да се спаси
ја и повторно, и сега на страницата

351
00:16:24,360 --> 00:16:25,690
изгледа малку повеќе разумни.

352
00:16:25,690 --> 00:16:27,260
Но забележите шема.

353
00:16:27,260 --> 00:16:30,030
Па, јас сум вид на предавал сите вас
на HTML во некоја смисла, барем

354
00:16:30,030 --> 00:16:33,531
Концептуално, бидејќи сите HTML-от е е
овие tags-- отворен ознаки, затворени ознаки,

355
00:16:33,531 --> 00:16:35,280
и атрибути кои
менувате нивното однесување.

356
00:16:35,280 --> 00:16:38,380
И, очигледно, секој
ознака може да има нула или еден

357
00:16:38,380 --> 00:16:43,005
или два или повеќе атрибути, секој од
која се занимава со нешто малку различен.

358
00:16:43,005 --> 00:16:44,380
Сега, како да знаете што постои?

359
00:16:44,380 --> 00:16:46,800
Можете само да слушате некој
како ми да ви кажам она што постои,

360
00:16:46,800 --> 00:16:50,860
или пак само Google околу еден туториал
на HTML, и тоа навистина е овој едноставен.

361
00:16:50,860 --> 00:16:54,030
>> Навистина, кога бев undergrad
пред неколку години и научив HTML,

362
00:16:54,030 --> 00:16:56,530
еден од моите математика настава
асистенти само трошат

363
00:16:56,530 --> 00:16:59,600
малку време ми туторство
како за половина час, еден час,

364
00:16:59,600 --> 00:17:00,660
и тогаш бев на мојот начин.

365
00:17:00,660 --> 00:17:03,300
Бев на пат за да го
најмногу одбивни веб-сајтови секогаш,

366
00:17:03,300 --> 00:17:05,549
која, очигледно, не сум
навистина напредуваше пошироко.

367
00:17:05,549 --> 00:17:09,849
Но поентата е во тоа што, откако ќе
се разбере овие едноставни ideas--

368
00:17:09,849 --> 00:17:13,450
ако таинствениот text-- но овие едноставни
идеи за започнување на една мисла

369
00:17:13,450 --> 00:17:15,960
и затворање на мислата, чување
се што е убаво избалансиран,

370
00:17:15,960 --> 00:17:19,150
барате нешто нагоре, менување на
однесувањето на таа ознака, тоа е навистина сите

371
00:17:19,150 --> 00:17:20,079
што има на него.

372
00:17:20,079 --> 00:17:28,140
И всушност, ако ние сега одат на
нешто како google.com-- всушност,

373
00:17:28,140 --> 00:17:31,920
ајде да одиме на место малку повеќе
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
И јас одам да се оди за да ја видите,
Инвеститорот, View Source.

375
00:17:37,800 --> 00:17:41,400
Тоа е грда, но notice--
и јас ќе зумирате во огласот

376
00:17:41,400 --> 00:17:43,432
некои работи кои се веќе познати.

377
00:17:43,432 --> 00:17:45,140
Таму е овој овде,
кој е пребарувач.

378
00:17:45,140 --> 00:17:46,800
Еве доаѓа HTML5.

379
00:17:46,800 --> 00:17:47,634
Има HTML.

380
00:17:47,634 --> 00:17:49,550
Очигледно, постои
припишуваат дека не сум

381
00:17:49,550 --> 00:17:51,540
се користи за карактеристиките на
јазик на страницата,

382
00:17:51,540 --> 00:17:54,380
и ова може да помогне со автоматски
превод и работи како што.

383
00:17:54,380 --> 00:17:55,546
Еве ја главата на страната.

384
00:17:55,546 --> 00:17:57,790
Тука е насловот на страната на Стенфорд.

385
00:17:57,790 --> 00:17:59,832
Има еден таг јас не
се зборува за yet-- Мета таг.

386
00:17:59,832 --> 00:18:01,540
Тоа е само вид на
позадина информации.

387
00:18:01,540 --> 00:18:04,210
Тоа им помага со SEO, или
оптимизација на пребарување моторот,

388
00:18:04,210 --> 00:18:06,320
или Google пребарување резултати или слично.

389
00:18:06,320 --> 00:18:09,029
Но, ако ние ги бараме, да ги задржи
изглед, тука е таг тело.

390
00:18:09,029 --> 00:18:11,570
И таму е гроздовете на други
тагови се уште не разговаравме за.

391
00:18:11,570 --> 00:18:13,750
Но Div е еден за еден
поделба на страната.

392
00:18:13,750 --> 00:18:16,680
Тоа е како невидлива правоаголник
ако вид на сакаат да се ментално

393
00:18:16,680 --> 00:18:20,160
поделете ја вашата страница во
различни единици онлајн.

394
00:18:20,160 --> 00:18:22,650
И тогаш многу divs јас
види, нешто што се нарекува класа,

395
00:18:22,650 --> 00:18:24,440
но ние ќе се вратам на тоа.

396
00:18:24,440 --> 00:18:26,200
>> Ова е interesting-- форми.

397
00:18:26,200 --> 00:18:27,730
Форми се сите во текот на веб.

398
00:18:27,730 --> 00:18:30,310
Секое поле за пребарување сте
некогаш се користи е форма.

399
00:18:30,310 --> 00:18:31,490
И така, ајде да всушност гледаат.

400
00:18:31,490 --> 00:18:32,790
Форма.

401
00:18:32,790 --> 00:18:33,910
Акција.

402
00:18:33,910 --> 00:18:37,660
Дејството на оваа форма, за што
историски причини, е дека URL-то.

403
00:18:37,660 --> 00:18:38,840
Метод е "пост".

404
00:18:38,840 --> 00:18:44,060
Излегува дека HTTP барања може да се користи
глаголот "да", како што видовме претходно,

405
00:18:44,060 --> 00:18:45,070
или "пост".

406
00:18:45,070 --> 00:18:47,030
И ќе ја видите разликата
на овој во еден момент.

407
00:18:47,030 --> 00:18:48,363
Ајде да всушност се види што е ова.

408
00:18:48,363 --> 00:18:49,830
Дозволете ми да се врати на страната на Стенфорд.

409
00:18:49,830 --> 00:18:53,330
Што форма се тие зборуваат
за, мислите?

410
00:18:53,330 --> 00:18:54,485
Она што се издвојува во вас?

411
00:18:54,485 --> 00:18:54,970
>> ПУБЛИКАТА: полето за пребарување.

412
00:18:54,970 --> 00:18:55,845
>> Дејвид Џ MALAN: Да.

413
00:18:55,845 --> 00:18:58,410
Значи до во горниот десен агол
тука е овој полето за пребарување.

414
00:18:58,410 --> 00:19:02,441
И тоа е како тие се спроведуваат на it--
таг, кој е буквално отворен заградата форма.

415
00:19:02,441 --> 00:19:03,940
А потоа нека си го бараат за нешто.

416
00:19:03,940 --> 00:19:09,220
Ајде да пребарувате за пријатели
на mine-- "Ник Parlante".

417
00:19:09,220 --> 00:19:11,380
Enter.

418
00:19:11,380 --> 00:19:13,750
И, се разбира, таа отиде во
малку поинаков URL-то.

419
00:19:13,750 --> 00:19:15,140
Дозволете ми да се вратам тука.

420
00:19:15,140 --> 00:19:18,960
Ајде да пребарувате за "предмети".

421
00:19:18,960 --> 00:19:19,460
По ѓаволите.

422
00:19:19,460 --> 00:19:20,484
Отиде во друг URL.

423
00:19:20,484 --> 00:19:23,400
Значи, Стенфорд, додавајќи некоја магија
дека тие не се ме водеше во URL-то

424
00:19:23,400 --> 00:19:25,820
што сме го виделе во
акција атрибут таму.

425
00:19:25,820 --> 00:19:32,480
Но, овој вид тука се спроведува чисто
по пат на ова Селектирај тука, овие тагови.

426
00:19:32,480 --> 00:19:35,710
Всушност, тука е влез за
од типот на пребарување, кои што го сакате.

427
00:19:35,710 --> 00:19:38,940
Тука е влез за
друг тип на пребарување.

428
00:19:38,940 --> 00:19:41,960
Тука е влез за себе низа.

429
00:19:41,960 --> 00:19:45,394
И така цел не е да заврши
нашите умови низ овие тагови

430
00:19:45,394 --> 00:19:46,060
но само за да ја видите.

431
00:19:46,060 --> 00:19:48,300
Тоа е само отворање и затворање
тагови и гледа на работите.

432
00:19:48,300 --> 00:19:48,560
Да?

433
00:19:48,560 --> 00:19:48,920
Викторија?

434
00:19:48,920 --> 00:19:49,795
>> ПУБЛИКАТА: [Беззвучен]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
Дејвид Џ MALAN: Тоа е добро прашање.

437
00:19:53,550 --> 00:19:54,660
Тоа е малку сложени да ја формира за да ја видите.

438
00:19:54,660 --> 00:19:56,300
Дозволете ми да се вратам на тоа
прашање во само неколку минути

439
00:19:56,300 --> 00:19:59,000
кога ќе погледнеме во нешто што се нарекува
CSS или Cascading Style Sheets,

440
00:19:59,000 --> 00:20:02,500
и можеме да се обидеме да заклучиме
колку од страната.

441
00:20:02,500 --> 00:20:08,090
Значи, ако ние сега да ги разгледаме во google.com,
ајде да видиме што на нивната страница изгледа како.

442
00:20:08,090 --> 00:20:09,840
Вие ќе they're-- дека е симпатична денес.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
ДОБРО.

445
00:20:12,990 --> 00:20:13,690
Се е готово.

446
00:20:13,690 --> 00:20:15,260
Сите во право, па View Source.

447
00:20:15,260 --> 00:20:19,590
Ќе помислите дека Google има
навистина убаво изворниот код.

448
00:20:19,590 --> 00:20:24,970
Значи, очигледно, она што се случува овде?

449
00:20:24,970 --> 00:20:27,880
И всушност, тоа не е дури и HTML.

450
00:20:27,880 --> 00:20:30,930
Ова е нешто што се нарекува JavaScript.

451
00:20:30,930 --> 00:20:32,344
И ајде да продолжувам да одам и да оди.

452
00:20:32,344 --> 00:20:34,010
Јас дури и не знаат каде на страницата започнува.

453
00:20:34,010 --> 00:20:37,240
Одам да се користи команда
F, отворен заградата HTML.

454
00:20:37,240 --> 00:20:38,200
Сите во право, таму е.

455
00:20:38,200 --> 00:20:44,150
Го најдов на почетокот на страницата, и
има толку многу работи тука.

456
00:20:44,150 --> 00:20:45,310
>> Што всушност се случува?

457
00:20:45,310 --> 00:20:47,460
Па, знаеш што,
ние може да се исчисти ова.

458
00:20:47,460 --> 00:20:52,109
Ако јас наместо да одат на овој Увид
лентата со алатки, овој специјален дијагностичка алатка,

459
00:20:52,109 --> 00:20:54,150
и не одат да се поврзат,
каде што ги чуваме случува денес,

460
00:20:54,150 --> 00:20:56,420
но ако одам со Елементи,
што е навистина убаво

461
00:20:56,420 --> 00:20:59,990
е дека пребарувач има многу
многу подобро очите од мене.

462
00:20:59,990 --> 00:21:02,670
И на прелистувачот може да се прочита
тој метеж на веб-страница,

463
00:21:02,670 --> 00:21:04,700
дека HTML ние пошта само
погледна, и тоа може да

464
00:21:04,700 --> 00:21:08,340
го анализирам или да прочитате и
анализираат и да ја форматирате

465
00:21:08,340 --> 00:21:09,910
во еден убав човек-пријателски начин.

466
00:21:09,910 --> 00:21:11,740
Значи она што го гледам сега
Во овој екран тука

467
00:21:11,740 --> 00:21:15,470
под Елементи, иста содржина,
но тие го вовлечен сè,

468
00:21:15,470 --> 00:21:18,140
тие ги обоена, но
тоа е точно ист текст

469
00:21:18,140 --> 00:21:19,620
дека јас преземена од серверот.

470
00:21:19,620 --> 00:21:23,630
>> И, што е убаво е сега можам да видам
во телото, за instance-- известување,

471
00:21:23,630 --> 00:21:26,480
страната е сеуште составен
на само главата и телото,

472
00:21:26,480 --> 00:21:28,660
и јас може да се нурне во хиерархиски тука.

473
00:21:28,660 --> 00:21:32,420
Забележете дека Google се чини дека да се има
да divs-- оваа и оваа.

474
00:21:32,420 --> 00:21:33,310
Јас може да се прошири тоа.

475
00:21:33,310 --> 00:21:35,370
Постојат еден куп други divs.

476
00:21:35,370 --> 00:21:36,900
Така, тоа е малку комплексна.

477
00:21:36,900 --> 00:21:37,400
Но, чекајте.

478
00:21:37,400 --> 00:21:40,970
Ова се чини многу повеќе
може да се чита, релативно, од ова.

479
00:21:40,970 --> 00:21:43,840
Зошто Google засрамувачки
себе со само испраќање

480
00:21:43,840 --> 00:21:50,400
овој огромен хаос на кодот на некои
Покажи само за спроведување на нешто

481
00:21:50,400 --> 00:21:53,640
кое изгледа толку едноставна на прв поглед?

482
00:21:53,640 --> 00:21:55,270
Како, зошто не ги додадете повеќе простори?

483
00:21:55,270 --> 00:21:56,811
Зошто тие не притиснете Enter како што го направив?

484
00:21:56,811 --> 00:21:59,110
Гледај колку е добар јас бев
во пишување на веб-страница.

485
00:21:59,110 --> 00:22:00,680
Јас хит Внесете така внимателно.

486
00:22:00,680 --> 00:22:03,760
Јас вовлечени па сè
е толку убаво и лесно читлива.

487
00:22:03,760 --> 00:22:08,463
Зошто Google не го практикуваат истото?

488
00:22:08,463 --> 00:22:11,409
>> ПУБЛИКАТА: [Беззвучен]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
Дејвид Џ MALAN: Добро.

491
00:22:13,180 --> 00:22:14,270
Многу фер.

492
00:22:14,270 --> 00:22:16,650
Тие немаат некои
лице во Google рачно

493
00:22:16,650 --> 00:22:18,160
ажурирање на почетната страница повеќе.

494
00:22:18,160 --> 00:22:20,010
Тоа не е 1999 година повеќе.

495
00:22:20,010 --> 00:22:21,140
Така што тие имаат софтвер.

496
00:22:21,140 --> 00:22:25,397
Тие имаат и други алатки кои
генерираат динамички тие се HTML.

497
00:22:25,397 --> 00:22:27,480
Се разбира, овој код се
е напишана од страна на луѓето,

498
00:22:27,480 --> 00:22:30,220
но реалноста е,
тоа е сосема фер да се каже,

499
00:22:30,220 --> 00:22:33,340
прелистувачот секако не
е гајле како неуредна кодот е.

500
00:22:33,340 --> 00:22:35,940
Но, има уште
релевантни технички причини

501
00:22:35,940 --> 00:22:42,580
дека Google дистрибуира нивните HTML
код на таков невешт, навидум

502
00:22:42,580 --> 00:22:48,350
Најголемиот начин сите спакувани заедно
со многу малку way-- многу малку

503
00:22:48,350 --> 00:22:51,274
во начинот на форматирање како што го направив.

504
00:22:51,274 --> 00:22:52,570
>> ПУБЛИКАТА: [Беззвучен]

505
00:22:52,570 --> 00:22:53,528
>> Дејвид Џ MALAN: побрз?

506
00:22:53,528 --> 00:22:54,040
Зошто?

507
00:22:54,040 --> 00:22:55,680
И што да се каже, Лидија?

508
00:22:55,680 --> 00:22:56,240
Побрзо?

509
00:22:56,240 --> 00:22:57,281
Зошто побрзо?

510
00:22:57,281 --> 00:22:58,156
ПУБЛИКАТА: [Беззвучен]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
Дејвид Џ MALAN: Нема
нема простор за читање.

513
00:23:02,230 --> 00:23:02,730
Да.

514
00:23:02,730 --> 00:23:04,560
Така што мислам за тоа што просторот е.

515
00:23:04,560 --> 00:23:08,394
Значи секој лик на тастатурата се
некои износот на простор да се претставува,

516
00:23:08,394 --> 00:23:10,560
или физички, како што тоа
зазема толку многу простор,

517
00:23:10,560 --> 00:23:13,250
или некако под
капакот на моторот, со која се бара меморија.

518
00:23:13,250 --> 00:23:15,740
И како aside-- и ние ќе
се зборува повеќе за овој tomorrow--

519
00:23:15,740 --> 00:23:19,930
секој лик на тастатурата
обично бара 8 бити, или еден бајт.

520
00:23:19,930 --> 00:23:23,360
Значи модел на 8 нули или
нови, или пак само 1 бајт, како што

521
00:23:23,360 --> 00:23:24,720
луѓето обично би рекол.

522
00:23:24,720 --> 00:23:27,690
Значи тоа е мал, но
тоа е уште не е нула.

523
00:23:27,690 --> 00:23:29,940
Тоа е уште некои износот на просторот.

524
00:23:29,940 --> 00:23:36,082
Значи, ако инженер или Google хитови
просторот бар само еднаш, и претпоставувам

525
00:23:36,082 --> 00:23:38,540
Google-- тоа е супер-popular--
Претпоставувам дека милијарда луѓе

526
00:23:38,540 --> 00:23:40,780
посетете ја нивната почетна страница на ден,
или некои број на луѓе

527
00:23:40,780 --> 00:23:43,290
посетете ја страната на еден од
милијарда пати на ден,

528
00:23:43,290 --> 00:23:48,890
колку дополнителни бајти е дека
софтверски инженер само чини Google

529
00:23:48,890 --> 00:23:51,310
со притискање на неговиот или нејзиниот простор бар еднаш?

530
00:23:51,310 --> 00:23:52,692
>> ПУБЛИКАТА: [Беззвучен]

531
00:23:52,692 --> 00:23:54,150
Дејвид Џ MALAN: Не е баш толку лошо.

532
00:23:54,150 --> 00:23:57,070
Само еден бајт пати милијарди долари.

533
00:23:57,070 --> 00:23:57,871
Значи a--

534
00:23:57,871 --> 00:23:59,120
ПУБЛИКАТА: 8 милијарди гигабајти.

535
00:23:59,120 --> 00:24:00,370
Дејвид Џ MALAN: Не е 8 милијарди долари.

536
00:24:00,370 --> 00:24:01,240
8 милијарди бајти.

537
00:24:01,240 --> 00:24:02,410
Но, 1 гигабајт.

538
00:24:02,410 --> 00:24:04,080
1 гигабајт ќе биде единица мерка.

539
00:24:04,080 --> 00:24:08,240
Ако тој или таа не две
простори, 2 гигабајти.

540
00:24:08,240 --> 00:24:09,030
Три гигабајти.

541
00:24:09,030 --> 00:24:09,530
Нели?

542
00:24:09,530 --> 00:24:11,860
Тоа скали скапо.

543
00:24:11,860 --> 00:24:16,150
И така, во случаи како Google,
кои, готово, се екстремни случаи,

544
00:24:16,150 --> 00:24:21,450
постојат и други проблеми кои се јавуваат само
со тоа што многу разумни одлуки

545
00:24:21,450 --> 00:24:25,744
или со земање на многу едноставен човечките постапки,
бидејќи има зголемени овој ефект.

546
00:24:25,744 --> 00:24:27,660
Значи една од причините
ова изгледа толку компресирана

547
00:24:27,660 --> 00:24:30,660
е токму онака како што беше Викторија said--
само генерирана од компјутери во секој случај.

548
00:24:30,660 --> 00:24:31,900
Па не е голема работа.

549
00:24:31,900 --> 00:24:33,309
Нека пребарувач да го дознаам.

550
00:24:33,309 --> 00:24:35,350
Но, тоа, исто така, намерно
нема многу простор,

551
00:24:35,350 --> 00:24:36,766
бидејќи просторот не е потребно.

552
00:24:36,766 --> 00:24:38,250
И просторот, всушност, чини пари.

553
00:24:38,250 --> 00:24:40,670
>> Тоа било чини време,
бидејќи само да им помогнам на

554
00:24:40,670 --> 00:24:44,670
дека многу повеќе податоци од
седиштето google.com е само

555
00:24:44,670 --> 00:24:47,710
мора да преземе некои износот на
време, дури и ако тоа е милисекунди

556
00:24:47,710 --> 00:24:51,190
или микросекунди, но дека додава до
над толку многу корисници, или уште поверојатно,

557
00:24:51,190 --> 00:24:52,270
тоа веројатно чини пари.

558
00:24:52,270 --> 00:24:54,690
Google веројатно се поврзува со
некој друг во светот, еден

559
00:24:54,690 --> 00:24:56,398
на оние peering
поени, а ако тие имаат

560
00:24:56,398 --> 00:24:59,880
некој вид на финансиски односи
при што нивните податоци чини пари,

561
00:24:59,880 --> 00:25:01,730
тие, како и
минимизира колку податоци

562
00:25:01,730 --> 00:25:04,530
тие се плукање на
нивната интернет конекција.

563
00:25:04,530 --> 00:25:07,630
>> Значи, смешно нешто, сепак, во крајна линија,
или можеби нешто смирувачко,

564
00:25:07,630 --> 00:25:11,030
е тоа што и покрај тоа што изгледа страшно
големо, на крајот на денот,

565
00:25:11,030 --> 00:25:16,750
тоа е се уште точно истите принципи како и
оваа многу едноставна страница тука на HTML

566
00:25:16,750 --> 00:25:17,390
страница.

567
00:25:17,390 --> 00:25:20,610
Па само да резимираме и така што ќе
има канонска верзија, ако не беа

568
00:25:20,610 --> 00:25:25,900
Следниве заедно со избор тука, тука
може да биде најмногу едноставен на веб страници,

569
00:25:25,900 --> 00:25:28,240
така нешто да се игра со можеби подоцна.

570
00:25:28,240 --> 00:25:30,790
>> Па, ајде да се воведе
неколку други идеи сега.

571
00:25:30,790 --> 00:25:33,420
Ние сме за да се воведе
нешто што се нарекува таг стил.

572
00:25:33,420 --> 00:25:38,110
Ние можеме да стилизирам оваа страница
во повеќе интересни начини.

573
00:25:38,110 --> 00:25:40,860
Па со оглед на HTML-мејл
е за сите обележување до

574
00:25:40,860 --> 00:25:44,470
на податоци, вид на одредување на
прелистувачот како да структура на податоци,

575
00:25:44,470 --> 00:25:48,110
каде да се стави тоа, CSS, или
Cascading Style Sheets,

576
00:25:48,110 --> 00:25:52,640
е втор јазик, кој
обично добива измешани со HTML

577
00:25:52,640 --> 00:25:55,670
како што ќе see-- но можеме да се исчисти
дека во еден moment-- која се

578
00:25:55,670 --> 00:25:59,850
тоа го последниот чекор, при што ја стилизира.

579
00:25:59,850 --> 00:26:02,460
Станува бои само право,
на големини само право,

580
00:26:02,460 --> 00:26:03,860
позиционирање само во право.

581
00:26:03,860 --> 00:26:06,510
Сето ова е за естетиката
или форматирање, а не за

582
00:26:06,510 --> 00:26:08,330
самиот основните податоци.

583
00:26:08,330 --> 00:26:11,390
И најлесен начин да се покаже
ова е можеби со пример.

584
00:26:11,390 --> 00:26:15,320
Па јас ќе одам да се премине
во мојата едноставна текстуална датотека.

585
00:26:15,320 --> 00:26:17,970
И во само еден миг, јас ќе
ни прошетка низ процесот

586
00:26:17,970 --> 00:26:19,360
на овој прават самите.

587
00:26:19,360 --> 00:26:23,310
>> Одам да се вратам во мојата датотека
тука и повторно вчитајте ја страницата само

588
00:26:23,310 --> 00:26:25,800
се потврдува она што изгледа како.

589
00:26:25,800 --> 00:26:27,190
Тоа е каде што ние сме во моментов.

590
00:26:27,190 --> 00:26:31,170
Се чувствувам како деца ќе уживаат
има малку боја на оваа веб-страница.

591
00:26:31,170 --> 00:26:34,480
Па јас ќе одам да одиме до тука
во главата на страната.

592
00:26:34,480 --> 00:26:38,130
И јас одам да се направи стил, / стил.

593
00:26:38,130 --> 00:26:44,060
А потоа и во внатрешноста на оваа, јас ќе одам
да им кажам на телото на мојот page--

594
00:26:44,060 --> 00:26:46,870
и овој формат е, во
прв поглед, можеби малку

595
00:26:46,870 --> 00:26:49,400
Чудно но конвенционално.

596
00:26:49,400 --> 00:26:55,010
Јас ќе одам да се каже дека на позадината
боја на оваа страница треба да биде зелена.

597
00:26:55,010 --> 00:26:57,960
И тоа е за жал,
вид на не е најдобар дизајн.

598
00:26:57,960 --> 00:27:00,710
Забележете дека претходно
во светот на HTML,

599
00:27:00,710 --> 00:27:03,190
Јас реков дека атрибути
овие се клучните вредност парови.

600
00:27:03,190 --> 00:27:05,760
Нешто еднаква цитат
unquote "нешто".

601
00:27:05,760 --> 00:27:08,810
Во светот на CSS, која беше
дизајниран од страна на некои различни луѓе,

602
00:27:08,810 --> 00:27:11,020
тие одлучија дека, во нивните
светот, клучните вредност парови

603
00:27:11,020 --> 00:27:13,920
ќе биде зборот нешто на дебелото црево.

604
00:27:13,920 --> 00:27:15,220
Така, тоа е истата идеја, иако.

605
00:27:15,220 --> 00:27:18,620
Тоа е поврзување на вредност
со некои клучни дека на некој начин

606
00:27:18,620 --> 00:27:20,330
влијае на однесувањето на оваа страница.

607
00:27:20,330 --> 00:27:21,901
>> И веројатно може да се погоди.

608
00:27:21,901 --> 00:27:24,150
Што е ова веројатно нема
да се направи дури и ако никогаш не сум

609
00:27:24,150 --> 00:27:27,867
види CSS или HTML и пред тоа?

610
00:27:27,867 --> 00:27:29,450
ПУБЛИКАТА: Промена на боја на позадината.

611
00:27:29,450 --> 00:27:30,560
Дејвид Џ MALAN: Да,
промени бојата на позадина.

612
00:27:30,560 --> 00:27:33,280
А особено на
боја на позадината на телото.

613
00:27:33,280 --> 00:27:36,290
Но, со оглед дека
тело за сега е веб-

614
00:27:36,290 --> 00:27:38,870
page-- тоа е единственото нешто
под наслов лента really-- на

615
00:27:38,870 --> 00:27:40,870
тоа е веројатно нема да
влијае на истото.

616
00:27:40,870 --> 00:27:41,430
Па ајде да видиме.

617
00:27:41,430 --> 00:27:42,490
Ајде да го спаси ова.

618
00:27:42,490 --> 00:27:44,310
Одете овде и да ја превчитате.

619
00:27:44,310 --> 00:27:46,140
Тоа е прилично одбивни.

620
00:27:46,140 --> 00:27:48,070
И она што се случува
тука е пропратен ефект.

621
00:27:48,070 --> 00:27:49,850
Јас само ја одбрав оваа слика по случаен избор.

622
00:27:49,850 --> 00:27:53,305
Зошто не зелен
permeating зад Мики?

623
00:27:53,305 --> 00:27:54,180
ПУБЛИКАТА: [Беззвучен]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
Дејвид Џ MALAN: Токму така.

626
00:27:57,880 --> 00:28:01,750
Излегува дека сликите, убава
многу ги сите слики кои ние може да се користи,

627
00:28:01,750 --> 00:28:03,670
сите rectangles-- на правоаголници.

628
00:28:03,670 --> 00:28:07,710
Дури и ако Мики има некои кривини
за себе и има искуство,

629
00:28:07,710 --> 00:28:09,330
дека минатото треба да биде нешто.

630
00:28:09,330 --> 00:28:10,280
Тоа мора да биде бела.

631
00:28:10,280 --> 00:28:11,910
Таа треба да биде црна или нешто друго.

632
00:28:11,910 --> 00:28:13,650
Тоа може да биде транспарентен.

633
00:28:13,650 --> 00:28:16,100
И всушност, би можел
отвори Мики Маус тука

634
00:28:16,100 --> 00:28:18,590
во програма наречена Photoshop
или нешто слично

635
00:28:18,590 --> 00:28:21,176
и го промени сето тоа бело
позадина на транспарентен,

636
00:28:21,176 --> 00:28:22,550
па зелени ќе блесне.

637
00:28:22,550 --> 00:28:25,980
Но, тоа е нешто што ќе треба
да се бара од мене или графички уметник

638
00:28:25,980 --> 00:28:28,130
или дизајнер во мојата
компанија, на пример,

639
00:28:28,130 --> 00:28:31,490
да се направи, особено бидејќи јас само
позајмени овој пат од интернет.

640
00:28:31,490 --> 00:28:33,030
Но, тоа е причината зошто ова се случува.

641
00:28:33,030 --> 00:28:34,980
>> Па што друго би можеле да сакате да направите?

642
00:28:34,980 --> 00:28:41,040
Па, ние можеби ќе сакате да се каже
Навистина се надевам дека ќе уживате во вашиот престој.

643
00:28:41,040 --> 00:28:44,150
И за нагласување, сакам
да се направи оваа силна,

644
00:28:44,150 --> 00:28:48,310
и така јас ќе кажам отворено силна и
затвори силна, а потоа повторно ставете го.

645
00:28:48,310 --> 00:28:50,320
И тоа е малку тешко
да се види на проектор

646
00:28:50,320 --> 00:28:53,250
но можеби и навистина сега
скокнува во вас малку повеќе.

647
00:28:53,250 --> 00:28:56,180
Така можете да додавате закосени букви во овој
начин, храбар соочува во овој начин.

648
00:28:56,180 --> 00:28:57,500
Ние може да се промени бои.

649
00:28:57,500 --> 00:29:01,610
Всушност, само за клоци, јас сум
да се оди напред и да го направите тоа.

650
00:29:01,610 --> 00:29:05,120
Јас не навистина ми се допаѓа како ми
ставови се во оваа блиску,

651
00:29:05,120 --> 00:29:06,870
па јас може да се направи нешто како ова.

652
00:29:06,870 --> 00:29:13,310
Одам да се каже на прелистувачот,
се менуваат на секои став таг за да имаат,

653
00:29:13,310 --> 00:29:16,952
ајде say-- всушност, знаеш што,
ајде да го усогласат текст-align, центар.

654
00:29:16,952 --> 00:29:19,410
И повторно, знам дека ова само
бидејќи некој го предава на мене

655
00:29:19,410 --> 00:29:21,118
или јас погледна нагоре во
онлајн референца.

656
00:29:21,118 --> 00:29:22,450
Значи, да ме спаси ова.

657
00:29:22,450 --> 00:29:25,070
И, ах, сега сум
во центарот на сликата таму.

658
00:29:25,070 --> 00:29:28,490
И всушност, знаеш што, ако
Се движи мојот слика во ставот

659
00:29:28,490 --> 00:29:34,510
tag-- па третиот став,
и покрај тоа што не е текст.

660
00:29:34,510 --> 00:29:36,917
Ајде да го спаси тоа и да ја превчитате.

661
00:29:36,917 --> 00:29:40,000
Сега на страницата почнува да изгледа вид
of-- Мислам, тоа е сè уште прилично грда,

662
00:29:40,000 --> 00:29:43,180
но барем тоа изгледа како да сум поминал
две минути, наместо на една минута

663
00:29:43,180 --> 00:29:43,950
што го прави.

664
00:29:43,950 --> 00:29:47,200
>> И така, постепено, можеме да
овие естетски промени сега се на страната?

665
00:29:47,200 --> 00:29:50,860
Јас не сум навистина е изменета на податоци во
страница која не е додавање на зборот навистина.

666
00:29:50,860 --> 00:29:52,650
Јас додадов метаподатоци, ако сакате.

667
00:29:52,650 --> 00:29:54,830
Еј, интернет пребарувач, го прават
зборот "навистина" со задебелени букви.

668
00:29:54,830 --> 00:29:56,940
Но, податоците не е силна.

669
00:29:56,940 --> 00:29:57,830
Тоа е метаподатоци.

670
00:29:57,830 --> 00:29:59,410
Податоците претставуваат "навистина."

671
00:29:59,410 --> 00:30:02,200
Значи ние се уште имаат некои од
истите концепти како порано.

672
00:30:02,200 --> 00:30:05,990
Сега, се разбира, тоа не е на интернет,
па јас ќе одам да се направи еден последен чекор тука.

673
00:30:05,990 --> 00:30:10,300
>> Одам да се оди на hello.html
и само се потенцира и копира оваа.

674
00:30:10,300 --> 00:30:12,285
И сега јас ќе одам да се
одат во Cloud9, која

675
00:30:12,285 --> 00:30:13,910
Јас ќе ти прошетка низ во само еден миг.

676
00:30:13,910 --> 00:30:17,080
И шансите се дека наскоро ќе биде, ако
веќе не, на екранот се допаѓа ова.

677
00:30:17,080 --> 00:30:21,080
И дозволете ми да ви даде брз
турнеја на Cloud9 она што навистина е.

678
00:30:21,080 --> 00:30:26,590
Значи, повторно облак 9 е
овој облак-базирани услуги

679
00:30:26,590 --> 00:30:30,580
дека јас и ти дава илузија
на постоење на нашата сопствена виртуелна машина

680
00:30:30,580 --> 00:30:33,090
во облакот, технички
контејнер во облакот,

681
00:30:33,090 --> 00:30:35,160
дека имаме целосна
административни привилегии за.

682
00:30:35,160 --> 00:30:37,130
Така што во теорија, никој не
на друго место во светот има

683
00:30:37,130 --> 00:30:39,152
пристап до екранот сум
гледа во моментов,

684
00:30:39,152 --> 00:30:40,860
освен можеби луѓето
кои се кандидира на сајт,

685
00:30:40,860 --> 00:30:43,470
бидејќи технички тие имаат
физички пристап и така натаму.

686
00:30:43,470 --> 00:30:44,740
>> Значи она што го гледаме во оваа средина?

687
00:30:44,740 --> 00:30:46,230
Одам да одзумирате,
затоа што тоа е малку мала.

688
00:30:46,230 --> 00:30:48,104
И дозволете ми да истакнам повеќе
тука за само еден миг.

689
00:30:48,104 --> 00:30:53,210
На левата страна од мојот и вашиот
екран, има интернет пребарувач датотека во лево.

690
00:30:53,210 --> 00:30:55,362
Така слични во духот
до Mac OS и Windows.

691
00:30:55,362 --> 00:30:57,070
Овие се сите
додадени фајлови во мојот профил.

692
00:30:57,070 --> 00:30:59,250
И по дифолт, ако вашиот
сметка е како моите,

693
00:30:59,250 --> 00:31:05,090
ќе видите или наскоро да видат
helloworld.html и readme.md.

694
00:31:05,090 --> 00:31:07,950
Овде на десната страна, ова е
каде што моите текстуални датотеки се случува да одам.

695
00:31:07,950 --> 00:31:11,620
Ако некогаш сте се користи Microsoft
Збор или Notepad или TextEdit,

696
00:31:11,620 --> 00:31:14,100
ова е мојот збор за уредување
на датотеки се случува да одам.

697
00:31:14,100 --> 00:31:16,540
И тогаш повеќето таинствени
карактеристика на оваа средина

698
00:31:16,540 --> 00:31:20,100
дека ние навистина не ќе треба да се користи е
овде наречен терминален прозорец.

699
00:31:20,100 --> 00:31:23,390
Ако сте користеле ДОС од
недалечното минато, тоа е Линукс

700
00:31:23,390 --> 00:31:25,450
или Линукс еквивалент на ДОС.

701
00:31:25,450 --> 00:31:28,190
Тоа е текст-базирани interface--
Не глувчето, без влечење.

702
00:31:28,190 --> 00:31:30,770
Сите можете да направите е тип
команди, но тие заповеди

703
00:31:30,770 --> 00:31:34,400
да креирате датотеки, преместите датотеки, отворен
директориуми, во близина директориуми,

704
00:31:34,400 --> 00:31:35,740
направи било кој број на нештата.

705
00:31:35,740 --> 00:31:38,060
Но, за сега, ние само ќе
да поминат нашето време тука.

706
00:31:38,060 --> 00:31:39,050
>> И така да го направиме тоа.

707
00:31:39,050 --> 00:31:41,008
Ако сте во оваа
животната средина, која треба да се

708
00:31:41,008 --> 00:31:45,900
да биде ако создаде простор
веќе, одиме напред и само одат нагоре

709
00:31:45,900 --> 00:31:48,690
во датотека, Њу за момент.

710
00:31:48,690 --> 00:31:51,740
И тоа ќе ви даде ново
табот, токму тука во средината на теренот.

711
00:31:51,740 --> 00:31:54,250
И јас just-- и ајде
оди напред и да го направите тоа.

712
00:31:54,250 --> 00:31:59,910
Ајде да одиме напред и сега се фајл, зачувајте
и да оди напред и да го наречеме hello.html,

713
00:31:59,910 --> 00:32:02,740
не треба да се меша со
helloworld.html, што

714
00:32:02,740 --> 00:32:06,910
дојде со својата нова бесплатна сметка,
што е само датотека примерок.

715
00:32:06,910 --> 00:32:11,020
Ќе видите дека одеднаш се појави,
најверојатно на левата страна,

716
00:32:11,020 --> 00:32:12,810
и јазичето се уште ќе биде отворен.

717
00:32:12,810 --> 00:32:21,300
И дозволете ми да ве охрабруваме сега да се рекреираат
оваа датотека или некои нивни варијанти.

718
00:32:21,300 --> 00:32:24,607
И ако може да не сосема го видите на
екран, ова е идентичен со слајдовите

719
00:32:24,607 --> 00:32:26,190
кои најверојатно имаат во друг таб.

720
00:32:26,190 --> 00:32:29,296
>> Значи во кратки, направете ја вашата прва веб-страница,
спаси го, а потоа во само еден миг,

721
00:32:29,296 --> 00:32:31,170
Јас ќе ви покажеме како можете
всушност може да го видиш овој.

722
00:32:31,170 --> 00:32:32,970
Но промени барем една работа.

723
00:32:32,970 --> 00:32:35,400
Промена на HelloWorld
нешто на свој избор,

724
00:32:35,400 --> 00:32:39,821
така што ќе се убедени дека тоа е вашата
датотека, а не онаа што ја креиравте.

725
00:32:39,821 --> 00:32:40,320
Во ред.

726
00:32:40,320 --> 00:32:43,804
И кога сте ready-- не
rush-- кога ќе завршиш,

727
00:32:43,804 --> 00:32:46,220
оди напред и да ја зачувам датотеката
Откако сте го направиле овие промени.

728
00:32:46,220 --> 00:32:49,540
И ако кликнете на
Стартувај копчето до врвот, овој

729
00:32:49,540 --> 00:32:53,610
треба да се отвори ново ливче што ќе каже
URL вас она што можете да ја посетите вашата датотека во,

730
00:32:53,610 --> 00:32:56,380
но тоа може да се земе еден миг да се
цитат unquote "Start Апачи", која

731
00:32:56,380 --> 00:32:58,820
е името на веб серверот.

732
00:32:58,820 --> 00:33:02,430
Па бидете внимателни да го прават токму
што е во датотеката во крајна линија.

733
00:33:02,430 --> 00:33:04,610
Па сега, јас ќе зумирате.

734
00:33:04,610 --> 00:33:07,780
Ако почнам пишување
отворен заградата HTML, известување

735
00:33:07,780 --> 00:33:09,650
тоа ме поттикна да се заврши мојата мисла.

736
00:33:09,650 --> 00:33:13,750
И ако го завршив мојата мисла него,
автоматски ми дава таг затворање.

737
00:33:13,750 --> 00:33:17,190
Но, за очекување е тогаш јас ќе се погоди
Enter, а потоа се пресели во внатрешноста има

738
00:33:17,190 --> 00:33:21,180
и да се упатат во и
Јас тогаш се направи тело внатре.

739
00:33:21,180 --> 00:33:24,430
И тоа е малку чудно на прв,
затоа што тоа се прави во право за вас,

740
00:33:24,430 --> 00:33:27,110
но сфати дека на крајот
тоа ви заштедува тастатурата.

741
00:33:27,110 --> 00:33:30,500
И всушност, многу честа карактеристика на
програмирање средини, овие денови

742
00:33:30,500 --> 00:33:33,260
и за веб развој, како на
ова и Вистинското програмирање,

743
00:33:33,260 --> 00:33:36,960
што ние ќе зборуваме за утре,
Токму овие авто-заврши карактеристики,

744
00:33:36,960 --> 00:33:39,710
работи кои само им овозможи на
програмер или дизајнер

745
00:33:39,710 --> 00:33:42,010
да напишеш помалку тастатурата да
се постигне истото.

746
00:33:42,010 --> 00:33:43,176
Понекогаш тоа е добро, иако.

747
00:33:43,176 --> 00:33:44,560
Понекогаш тоа е само досадни.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
И, повторно, откако ќе го транскрибира
на лизгачот или некоја негова варијанта,

750
00:33:54,010 --> 00:33:57,360
можете да кликнете на копчето Изврши до врвот.

751
00:33:57,360 --> 00:33:59,910
А потоа и во долниот
прозорец, ќе бидат информирани

752
00:33:59,910 --> 00:34:04,290
во она URL адресата што можат да го посетат вашиот веб-страница.

753
00:34:04,290 --> 00:34:08,790
Рудникот, на пример, е во
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
и така натаму.

755
00:34:11,480 --> 00:34:14,580
Сите во право, па, нека me-- било какви прашања?

756
00:34:14,580 --> 00:34:19,460
Било други прашања за само добивање
оваа работа, пред да додадете карактеристики?

757
00:34:19,460 --> 00:34:21,692
И дозволете ми предложи, само
да се добие луѓе comfortable--

758
00:34:21,692 --> 00:34:24,400
бидејќи тоа е една работа да се само
копи-паста слепо она што го направив.

759
00:34:24,400 --> 00:34:27,177
Но, исто така, кои луѓе се борат
со најмалку еден со обврски,

760
00:34:27,177 --> 00:34:28,510
Одам да го вклучите некои музика.

761
00:34:28,510 --> 00:34:32,630
Одам да предложи листа на
работи што потенцијално може да го додадете.

762
00:34:32,630 --> 00:34:34,086
И сигурно може да користите Google.

763
00:34:34,086 --> 00:34:36,210
И зошто не ние само
предложи да се обиде да го реши

764
00:34:36,210 --> 00:34:38,710
најмалку еден посебен проблем тука.

765
00:34:38,710 --> 00:34:45,090
Значи во однос на картичките,
дозволете ми да повторна употреба на овој овде.

766
00:34:45,090 --> 00:34:48,280
>> Всушност, дозволете ми да се стави
тоа во форма текстуални.

767
00:34:48,280 --> 00:35:02,380
Да речеме дека меѓу тагови ние би можеле
користат тука се и некои тагови овде.

768
00:35:02,380 --> 00:35:06,090
Видовме на став таг.

769
00:35:06,090 --> 00:35:07,850
Сега тоа се случува да се авто-заврши.

770
00:35:07,850 --> 00:35:12,220
Став таг, сидро таг.

771
00:35:12,220 --> 00:35:15,250
Да речеме дека сакате да го
направи нешто поголемо,

772
00:35:15,250 --> 00:35:19,480
па можеби ќе like--
таг век може да помогне.

773
00:35:19,480 --> 00:35:23,010
Па, можеби ќе треба помош
за тоа во само еден миг.

774
00:35:23,010 --> 00:35:24,830
Видовме div.

775
00:35:24,830 --> 00:35:26,170
Ќе видите има маса.

776
00:35:26,170 --> 00:35:27,928
Постои нешто што се нарекува TR, td.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
Та, td.

779
00:35:32,860 --> 00:35:34,770
Се вратам на тоа во еден момент.

780
00:35:34,770 --> 00:35:36,590
Што друго може да биде корисна?

781
00:35:36,590 --> 00:35:38,310
Има силна.

782
00:35:38,310 --> 00:35:43,640
Постои акцент, или подобро кажано, Ем.

783
00:35:43,640 --> 00:35:50,110
There's-- што друго
може да ви фенси тука?

784
00:35:50,110 --> 00:35:51,930
Па, ние ќе се
гледам во тоа заедно.

785
00:35:51,930 --> 00:35:53,230
Форма, што сме виделе.

786
00:35:53,230 --> 00:35:54,130
Има форма.

787
00:35:54,130 --> 00:35:56,500
Има влез и уште неколку други.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
Сите во право, па ајде да го направите тоа.

790
00:36:00,090 --> 00:36:02,330
За да одговорите на Викторија
прашање, дозволете ми да првата

791
00:36:02,330 --> 00:36:05,020
само бидете сигурни дека секој е
во можност да добијат здраво за работа.

792
00:36:05,020 --> 00:36:06,900
Тогаш дозволете ми да се воведе
неколку други идеи.

793
00:36:06,900 --> 00:36:09,209
Тогаш ние ќе ги споделите со луѓе се реши
некој проблем на сопствените.

794
00:36:09,209 --> 00:36:11,500
Тогаш ние всушност ќе се вратам
на тој поим на форма,

795
00:36:11,500 --> 00:36:14,950
и ние ќе всушност повторно спроведување
заедно пред крајот на интерфејс,

796
00:36:14,950 --> 00:36:16,450
така да се каже, на Google себе.

797
00:36:16,450 --> 00:36:19,700
Ние ќе го користат Google како задниот крај и нека
да го направите на напорна работа, пребарување,

798
00:36:19,700 --> 00:36:22,760
но ние ќе се рекреираат на предниот крај
на Google и образецот за пребарување

799
00:36:22,760 --> 00:36:24,520
дека тие имаат на своја страница.

800
00:36:24,520 --> 00:36:27,050
И така ние ќе се вратам на
овие тагови во само еден миг.

801
00:36:27,050 --> 00:36:30,270
>> Значи ова е она што
предложен пред само еден миг.

802
00:36:30,270 --> 00:36:33,940
Ние можеме да додадете стилизација на
страница во внатрешноста на овој стил таг,

803
00:36:33,940 --> 00:36:36,950
а ние може да стилизирам позадина
боја, усогласување на текстот,

804
00:36:36,950 --> 00:36:39,000
без разлика дали тоа е центар или лево или десно.

805
00:36:39,000 --> 00:36:41,630
Но, многу брзо би
најдете или веб-дизајнер

806
00:36:41,630 --> 00:36:44,060
ќе најдете дека ова
станува малку тежок за употреба,

807
00:36:44,060 --> 00:36:48,330
затоа што го правиш она што е
наречен мешање на содржината

808
00:36:48,330 --> 00:36:50,120
со презентација на истите.

809
00:36:50,120 --> 00:36:53,756
Ти си мешање на вашите податоци
и естетиката на истите.

810
00:36:53,756 --> 00:36:56,380
И всушност, ако се земе предвид
што ќе се случи во текот time--

811
00:36:56,380 --> 00:36:58,350
ова е многу мал
веб-страница, се разбира.

812
00:36:58,350 --> 00:37:01,590
Но, ако го додадете содржината на оваа страница
и јас додадете стил на оваа страница,

813
00:37:01,590 --> 00:37:04,650
страницата многу брзо се добива
подолго и подолго и подолго.

814
00:37:04,650 --> 00:37:07,510
И да претпоставиме дека сакам
има втор веб страница, која

815
00:37:07,510 --> 00:37:09,010
акциите на некои од овие атрибути.

816
00:37:09,010 --> 00:37:12,350
Претпоставувам дека мојот втор веб-страница за мојата
site--, исто така, сакам се што е центар,

817
00:37:12,350 --> 00:37:14,960
и јас исто така, сакаат се '
со зелена позадина.

818
00:37:14,960 --> 00:37:17,940
Јас сум прилично многу ќе мора да се
копирајте го и ставете некои од овие линии

819
00:37:17,940 --> 00:37:20,730
во тој втор датотека, која се чувствува добро.

820
00:37:20,730 --> 00:37:22,030
Тоа ќе го реши проблемот.

821
00:37:22,030 --> 00:37:26,060
>> Но, што ако сакам третата страница
или 30 страница или 40-страница?

822
00:37:26,060 --> 00:37:28,730
Сега ќе одам да се копирање и
вметнување многу дупликат код

823
00:37:28,730 --> 00:37:30,430
во повеќе датотеки.

824
00:37:30,430 --> 00:37:32,600
И така се претпостави дека
Јас одлучувам или јас сум изјави,

825
00:37:32,600 --> 00:37:34,780
еј, не сте со користење на
повеќе зелена позадина.

826
00:37:34,780 --> 00:37:36,380
Ние ќе треба да започнат со користење на портокал.

827
00:37:36,380 --> 00:37:38,690
Што имаш да се промени?

828
00:37:38,690 --> 00:37:42,900
Па, мора да се промени тој стил
од зелена во портокалова колку места?

829
00:37:42,900 --> 00:37:44,920
Како 30 или 40 места.

830
00:37:44,920 --> 00:37:45,900
Тоа е досаден.

831
00:37:45,900 --> 00:37:47,039
Тоа е склони кон грешки.

832
00:37:47,039 --> 00:37:49,580
Има голем број на причини
каде што не би сакал да предизвикаат

833
00:37:49,580 --> 00:37:51,840
тој вид на болка за себе.

834
00:37:51,840 --> 00:37:54,760
И така не би било убаво
ако би можеле да се земе она што јас само

835
00:37:54,760 --> 00:37:58,240
стави меѓу овие два жолти
тагови, овие тагови стил,

836
00:37:58,240 --> 00:38:04,050
тоа фактор надвор, и го стави сите мои
стилизација во една централна датотека

837
00:38:04,050 --> 00:38:08,470
дека сите 30 или 40 од моите други датотеки
позајми од или некако референца,

838
00:38:08,470 --> 00:38:11,640
не за разлика од вмрежување
дијаграми што се прави и пред тоа?

839
00:38:11,640 --> 00:38:15,030
>> Значи, ако јас одам во тука, јас сум
ќе всушност предлага

840
00:38:15,030 --> 00:38:17,880
дека можеме замени
стил таг со нешто

841
00:38:17,880 --> 00:38:21,620
наречен таг линк, како што
е ужасно, ужасно име,

842
00:38:21,620 --> 00:38:24,370
затоа што не ги користат
линк ознака за да се создаде она што

843
00:38:24,370 --> 00:38:26,380
ние, луѓето знаат како линк во веб-страница.

844
00:38:26,380 --> 00:38:29,750
За тоа, го користите која таг?

845
00:38:29,750 --> 00:38:31,464
Како да се создаде линк во веб-страница?

846
00:38:31,464 --> 00:38:32,130
ПУБЛИКАТА: a.

847
00:38:32,130 --> 00:38:34,870
Дејвид Џ MALAN: А, или котва
таг, кој отиде на Дизни порано.

848
00:38:34,870 --> 00:38:39,090
таг линк тука е велејќи дека
this-- линк до датотеката со име

849
00:38:39,090 --> 00:38:44,350
styles.css, односот на кои
ќе биде дека тоа е моја интерфејс.

850
00:38:44,350 --> 00:38:48,290
Значи ова е еден од S во
CSS-- Cascading Style Sheets.

851
00:38:48,290 --> 00:38:50,490
Стил sheet-- две од С во CSS.

852
00:38:50,490 --> 00:38:52,550
Каскадни стил лист.

853
00:38:52,550 --> 00:38:58,640
Ова само значи дека, еј, пребарувач, одете
најдете styles.css на локален сервер

854
00:38:58,640 --> 00:39:01,870
и го користат како вашиот интерфејс,
што значи во внатрешноста на оваа датотека

855
00:39:01,870 --> 00:39:05,310
се случува да се биде на сите
стилизации дека ние сме само направено.

856
00:39:05,310 --> 00:39:07,396
И така, таа датотека
може да изгледа како е тоа.

857
00:39:07,396 --> 00:39:10,020
И јас само ќе го направите ова е брз
На пример, бидејќи ние не треба

858
00:39:10,020 --> 00:39:12,000
да се добие премногу во плевел тука.

859
00:39:12,000 --> 00:39:17,840
Но, ако јас го копирате овој, она што јас сум предлагање
е дека програмер креирате нова датотека,

860
00:39:17,840 --> 00:39:24,450
ставете во оние lines--
whoops-- ставете во тие линии,

861
00:39:24,450 --> 00:39:32,270
зачувајте ја како styles.css, а потоа, во
Од друга датотека, бришење сето тоа

862
00:39:32,270 --> 00:39:35,450
и да го замени, наместо
Со овој линк таг.

863
00:39:35,450 --> 00:39:43,090
Така што ако јас се поврзат href = "styles.css"
односот ќе биде "интерфејс"

864
00:39:43,090 --> 00:39:44,170
блиски таг.

865
00:39:44,170 --> 00:39:45,250
Зачувај го.

866
00:39:45,250 --> 00:39:47,000
Се вратам во мојата HelloWorld.

867
00:39:47,000 --> 00:39:48,690
Вчитај ја страната повторно.

868
00:39:48,690 --> 00:39:51,290
>> Буквално ништо не се случило.

869
00:39:51,290 --> 00:39:54,710
Тоа е добра работа, бидејќи тоа
значи дека е всушност сите работи.

870
00:39:54,710 --> 00:39:58,860
За да се покаже како многу, претпоставувам дека се направи
печатна грешка, и јас ова го нарекуваат "styles.css"

871
00:39:58,860 --> 00:40:03,080
со голема S, што е
неточни, а потоа повторно ставете го.

872
00:40:03,080 --> 00:40:05,470
Сега може да се види тоа едноставно не функционира.

873
00:40:05,470 --> 00:40:06,362
Сега, зошто?

874
00:40:06,362 --> 00:40:08,070
Па, ајде да се користи
техника од порано.

875
00:40:08,070 --> 00:40:10,153
Дозволете ми да оди напред и,
мојот интернет пребарувач, во Хром, јас сум

876
00:40:10,153 --> 00:40:12,900
се случува да се отвори тој посебен
јазичето мрежа како и досега,

877
00:40:12,900 --> 00:40:15,560
и дозволете ми да ја превчитате страната.

878
00:40:15,560 --> 00:40:19,341
Она што не сте изненадени да видите сега?

879
00:40:19,341 --> 00:40:20,840
Или можеби сте изненадени за да ја видите.

880
00:40:20,840 --> 00:40:23,225
Како и да е, она што го гледате сега?

881
00:40:23,225 --> 00:40:24,100
ПУБЛИКАТА: [Беззвучен]

882
00:40:24,100 --> 00:40:24,770
Дејвид Џ MALAN: Тоа не е пронајден.

883
00:40:24,770 --> 00:40:25,680
Зошто е тоа не е пронајден?

884
00:40:25,680 --> 00:40:28,480
Па, Styles.css-- капитал
S-- не постои.

885
00:40:28,480 --> 00:40:29,230
Јас го погрешно се нарекува.

886
00:40:29,230 --> 00:40:30,430
Едноставна грешка.

887
00:40:30,430 --> 00:40:33,816
Но, јас се разбира сега
404, бидејќи серверот е велејќи дека, еј,

888
00:40:33,816 --> 00:40:34,440
тоа не е пронајдена.

889
00:40:34,440 --> 00:40:36,300
Буквално, не знам
каде што датотеката е.

890
00:40:36,300 --> 00:40:38,880
Па како резултат на тоа, на пребарувачот
ви покажува она што може,

891
00:40:38,880 --> 00:40:42,860
сурова содржина на страницата,
која беше 200, HTML,

892
00:40:42,860 --> 00:40:45,390
но стилизација не може
да се додаде подоцна.

893
00:40:45,390 --> 00:40:47,120
И тоа е она што се подразбира под каскадни.

894
00:40:47,120 --> 00:40:49,070
На некој начин да го додадете
по него, и тоа на некој начин

895
00:40:49,070 --> 00:40:50,874
рафинира на естетиката на веб-страница.

896
00:40:50,874 --> 00:40:53,790
Можете дури и да ја замени оние
стилови со уште други дизајни за датотеки

897
00:40:53,790 --> 00:40:54,700
ако сакаш.

898
00:40:54,700 --> 00:40:57,780
Тоа не е пронајден, иако, во овој случај,
бидејќи се разбира, јас тоа погрешно се нарекува.

899
00:40:57,780 --> 00:41:00,330
Па јас ќе треба да се утврдат дека во прв план.

900
00:41:00,330 --> 00:41:04,667
>> Па ајде да одиме напред и да
предложи следново.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Ајде да одиме напред и да го направите тоа.

903
00:41:11,140 --> 00:41:14,220
Почнувајќи со можеби
вашиот HelloWorld датотека,

904
00:41:14,220 --> 00:41:17,740
дозволете ми да ги покани неколку
на функција предлози.

905
00:41:17,740 --> 00:41:20,400
Значи, Викторија, си сакал да
направи поголем дел од текстот, нели?

906
00:41:20,400 --> 00:41:24,555
Добро, така што можеме
да се направи текст поголем.

907
00:41:24,555 --> 00:41:26,860
И ние ќе го секој извади надвор
само еден проблем да се реши.

908
00:41:26,860 --> 00:41:30,867
Направи текст поголем.

909
00:41:30,867 --> 00:41:32,700
Јас не одам да се мачи
пишувам ова, кога

910
00:41:32,700 --> 00:41:35,600
има куршум технологија право овде.

911
00:41:35,600 --> 00:41:39,970
Па така некои проблеми.

912
00:41:39,970 --> 00:41:44,670
Па ние ќе се обидеме
да се направи текст поголем.

913
00:41:44,670 --> 00:41:45,170
Во ред.

914
00:41:45,170 --> 00:41:48,360
Што друго би било некој да предложи?

915
00:41:48,360 --> 00:41:50,332
Што друго би можеле да сакате
да се направи во веб-страница?

916
00:41:50,332 --> 00:41:52,040
Ајде да излезе со
краток список на работи

917
00:41:52,040 --> 00:41:55,366
а потоа да делегира на
група да дознаам ова.

918
00:41:55,366 --> 00:41:56,270
>> ПУБЛИКАТА: [Беззвучен]

919
00:41:56,270 --> 00:42:02,251
>> Дејвид Џ MALAN: Океј, текст позиција
на различни страни на страната?

920
00:42:02,251 --> 00:42:02,750
Во ред.

921
00:42:02,750 --> 00:42:04,620
Нешто друго.

922
00:42:04,620 --> 00:42:05,784
>> ПУБЛИКАТА: [Беззвучен]

923
00:42:05,784 --> 00:42:06,700
Дејвид Џ MALAN: Тоа е.

924
00:42:06,700 --> 00:42:08,720
Значи gif е само
различен формат.

925
00:42:08,720 --> 00:42:12,830
Ние само се користи, што, на
PNG или JPG веројатно?

926
00:42:12,830 --> 00:42:14,480
Ние се користи JPG.

927
00:42:14,480 --> 00:42:16,780
Ако сте љубопитни, прекумерна
одговорот на вашето прашање

928
00:42:16,780 --> 00:42:19,404
е jpg е генерално се користи за
фотографии, затоа што тој поддржува

929
00:42:19,404 --> 00:42:21,500
милиони бои или 24-битна боја.

930
00:42:21,500 --> 00:42:26,930
А GIF е генерално се користи за, како,
интернет меми овие days-- анимации,

931
00:42:26,930 --> 00:42:28,810
како анимирани GIFs.

932
00:42:28,810 --> 00:42:32,320
Но, тоа се случува да се користи помал боја
бои, само 256 можни бои,

933
00:42:32,320 --> 00:42:35,230
но го поддржува
транспарентност и анимација.

934
00:42:35,230 --> 00:42:40,330
А потоа, тука е png, која ја поддржува
транспарентност и повеќе бои

935
00:42:40,330 --> 00:42:41,300
но не и анимација.

936
00:42:41,300 --> 00:42:42,133
Така, тоа е трампа.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Значи додавање на GIF, сепак,
ќе бидат функционално

939
00:42:46,060 --> 00:42:48,396
еквивалент на додавање на PNG или JPG.

940
00:42:48,396 --> 00:42:49,110
Да.

941
00:42:49,110 --> 00:42:50,550
Извор на сликата еднакви.

942
00:42:50,550 --> 00:42:51,590
Значи нешто друго.

943
00:42:51,590 --> 00:42:57,288
Ајде да излезе со нешто што
ги испративме во Викторија да го направите тука.

944
00:42:57,288 --> 00:42:59,209
>> ПУБЛИКАТА: Додади копчиња за форма.

945
00:42:59,209 --> 00:43:00,000
Дејвид Џ MALAN: Добро.

946
00:43:00,000 --> 00:43:02,179
Па додадете копчиња за форма.

947
00:43:02,179 --> 00:43:03,470
И ние ќе го направи тоа еден заедно.

948
00:43:03,470 --> 00:43:07,220
Така што ќе биде совршен segue
Веднаш по овој предизвик.

949
00:43:07,220 --> 00:43:10,357
Нешто друго?

950
00:43:10,357 --> 00:43:11,440
Што би можело да ви се допаѓа да се направи?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
На веб чувствува многу underwhelming
ако тоа е се што може да направи.

953
00:43:16,516 --> 00:43:18,140
ПУБЛИКАТА: Сменете ја бојата на текстот.

954
00:43:18,140 --> 00:43:19,500
Дејвид Џ MALAN: Промена на што?

955
00:43:19,500 --> 00:43:20,666
ПУБЛИКАТА: Боја на текстот.

956
00:43:20,666 --> 00:43:22,311
Дејвид Џ MALAN: Промена на бојата на текстот.

957
00:43:22,311 --> 00:43:22,810
Во ред.

958
00:43:22,810 --> 00:43:23,790
Значи, ајде да го направите тоа.

959
00:43:23,790 --> 00:43:27,209
Само еднаш, па не дека си, само
напамет, го прави токму она што јас го правам,

960
00:43:27,209 --> 00:43:29,500
Одам да го вклучите музика
за можеби пет минути тука.

961
00:43:29,500 --> 00:43:30,450
Вие сте добредојдени да го користите Google.

962
00:43:30,450 --> 00:43:33,130
Вие сте добредојдени да ме праша, и
Ќе шепот навестување во увото.

963
00:43:33,130 --> 00:43:35,171
Вие сте добредојдени да се погледне
во текот на рамениците на другите.

964
00:43:35,171 --> 00:43:37,340
Но реши само еден од овие проблеми.

965
00:43:37,340 --> 00:43:40,190
Но, ние ќе направиме се за последен пат, на
претставува една, ако би можеле, заедно.

966
00:43:40,190 --> 00:43:42,790
Значи пет минути за да се реши
било кое од овие проблеми

967
00:43:42,790 --> 00:43:46,780
со помош на Google, интуиција, или било
други достапни за да ви значи.

968
00:43:46,780 --> 00:43:48,630
>> [Музички]

969
00:43:48,630 --> 00:43:49,130
Во ред.

970
00:43:49,130 --> 00:43:50,838
Не се грижи, ако сакате
да се задржи tinkering,

971
00:43:50,838 --> 00:43:53,880
но јас ќе се расипат неколку
на овие одговори.

972
00:43:53,880 --> 00:43:57,986
Така, првиот предлог од
Викторија беше да се направи текст поголем.

973
00:43:57,986 --> 00:43:59,360
Значи има неколку начини да го направите тоа.

974
00:43:59,360 --> 00:44:01,530
Јас сум во моментов врати
мојот екран на оваа големина,

975
00:44:01,530 --> 00:44:04,310
иако сум зумира
вештачки само за да ги гледам работите.

976
00:44:04,310 --> 00:44:07,470
И ајде да го направите тоа.

977
00:44:07,470 --> 00:44:11,380
Дозволете ми да оди напред и го имате
некои генерички латински текст

978
00:44:11,380 --> 00:44:19,540
само така имаме нешто да се работи со.

979
00:44:19,540 --> 00:44:20,715
Значи ми го даде само еден момент.

980
00:44:20,715 --> 00:44:21,840
Ќе се направи три параграфи.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
ДОБРО.

983
00:44:53,930 --> 00:44:55,560
Ова ќе биде подобар пример.

984
00:44:55,560 --> 00:44:57,840
Така и за љубопитни, во
мојот hello.html, јас само

985
00:44:57,840 --> 00:45:01,645
додадат три бесмислен
Латинска ставовите

986
00:45:01,645 --> 00:45:03,270
само така имаме некој текст за работа со.

987
00:45:03,270 --> 00:45:06,720
И цел на Викторија беше да се
направи некои од текстот поголеми.

988
00:45:06,720 --> 00:45:09,879
Па јас би можеле, како и досега, да одат во тука.

989
00:45:09,879 --> 00:45:11,170
И дозволете ми да го направи тоа на вистински начин.

990
00:45:11,170 --> 00:45:13,253
Јас ќе одам да имаат линк
ознака што укажува на датотека

991
00:45:13,253 --> 00:45:20,560
наречен "styles.css", односот
од кои едната е повторно "интерфејс."

992
00:45:20,560 --> 00:45:25,221
И тогаш јас ќе одам да го спаси
и да се отвори овој "styles.css".

993
00:45:25,221 --> 00:45:28,940
>> Значи, како и досега, имам
способност во овој CSS датотека

994
00:45:28,940 --> 00:45:31,569
за да всушност ја замени стандардната
естетиката на веб страница,

995
00:45:31,569 --> 00:45:33,860
и естетика стандардно,
се разбира, се прилично досадна.

996
00:45:33,860 --> 00:45:36,943
Тоа е вид на нормална големина на фонтот, црна
текст, бела позадина, и така натаму.

997
00:45:36,943 --> 00:45:39,440
Па претпоставувам дека сакате да се направи
сите на овој текст поголем.

998
00:45:39,440 --> 00:45:40,460
Јас би можеле да направите неколку работи.

999
00:45:40,460 --> 00:45:43,750
Во моето styles.css датотека, јас
Може да се каже, знаеш што,

1000
00:45:43,750 --> 00:45:46,950
се применуваат следниве да
телото на мојата страница.

1001
00:45:46,950 --> 00:45:51,390
Оди напред и да се направи
големина на фонт 24 поени,

1002
00:45:51,390 --> 00:45:54,130
кој е број би можел да
се користи во Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Дозволете ми да се вратам на мојот веб-
страница тука и да ја превчитате,

1004
00:45:57,620 --> 00:45:59,640
и може да се види дека
тоа е веќе многу поголем.

1005
00:45:59,640 --> 00:46:02,223
И ние може да се добие малку луд,
исто како што може во desktop--

1006
00:46:02,223 --> 00:46:03,670
го прават тоа 96 поени.

1007
00:46:03,670 --> 00:46:04,950
Вчитај ја страната повторно.

1008
00:46:04,950 --> 00:46:07,610
И тоа е добивање малку
тежок за употреба во овој момент.

1009
00:46:07,610 --> 00:46:09,500
>> Но, јас може да биде малку попрецизен.

1010
00:46:09,500 --> 00:46:14,530
Наместо примена на овој
интерфејс до органот на мојата страница,

1011
00:46:14,530 --> 00:46:21,740
што друго би можел да се примени, наместо тоа,
она што другите ознака што може сè уште

1012
00:46:21,740 --> 00:46:25,445
функционира на ист начин?

1013
00:46:25,445 --> 00:46:26,444
>> ПУБЛИКАТА: p таг?

1014
00:46:26,444 --> 00:46:27,360
Дејвид Џ MALAN: P ознака.

1015
00:46:27,360 --> 00:46:29,350
Па главата нема да биде
точно, бидејќи на главата,

1016
00:46:29,350 --> 00:46:31,300
вие всушност не можат да
контрола на естетиката.

1017
00:46:31,300 --> 00:46:32,700
Има или текст таму или не.

1018
00:46:32,700 --> 00:46:36,760
Но, стр tag-- јас може да се нурне во малку
подлабоко, така да се каже, на став

1019
00:46:36,760 --> 00:46:37,350
тагови.

1020
00:46:37,350 --> 00:46:41,600
И иако постојат три,
тоа е совршено во ред, затоа што во CSS,

1021
00:46:41,600 --> 00:46:44,900
кога јас само велат "p", овој
значи применуваат следниве

1022
00:46:44,900 --> 00:46:48,300
на секоја ознака што се совпаѓа со ова
селектор, селекторот само

1023
00:46:48,300 --> 00:46:49,430
е името на ознаката.

1024
00:46:49,430 --> 00:46:52,350
Значи секогаш кога ќе ја видите
"P" Примени големината на фонтот,

1025
00:46:52,350 --> 00:46:55,222
и ајде да се направи повеќе
разумен again-- 24 точка.

1026
00:46:55,222 --> 00:46:56,930
И знаете што,
само за добра мерка,

1027
00:46:56,930 --> 00:46:59,810
ајде да се направи боја
црвена само за момент.

1028
00:46:59,810 --> 00:47:03,740
И сега, ако јас ја превчитате, сега
види три грди ставови.

1029
00:47:03,740 --> 00:47:07,180
>> Но, сега сметам дека сум вид
of-- Сакам првиот став

1030
00:47:07,180 --> 00:47:08,210
да скокаат на корисникот.

1031
00:47:08,210 --> 00:47:11,150
Не сакам да се зголеми само
големината на фонтот на сè.

1032
00:47:11,150 --> 00:47:16,105
И така јас всушност сакаат да се идентификуваат или
се направи разлика помеѓу овие ставови.

1033
00:47:16,105 --> 00:47:18,730
Значи, да се ослободи од црвена,
затоа што тоа е само вид на натруфен,

1034
00:47:18,730 --> 00:47:23,885
и да одиме напред и да се направи
големина на фонт 12 поени по дифолт,

1035
00:47:23,885 --> 00:47:26,260
така што ние сме назад на нешто
малку повеќе разумни.

1036
00:47:26,260 --> 00:47:29,190
И сега јас само сакам да се зголеми
големина на фонт од првиот став.

1037
00:47:29,190 --> 00:47:31,440
Можам да го направите тоа во неколку
начини, но еден начин на кој е

1038
00:47:31,440 --> 00:47:37,180
можеби повеќето наставни на
сега е да го направите следново.

1039
00:47:37,180 --> 00:47:43,280
Дозволете ми да оди напред и да се каже, ова
став, да има единствен број на "прва".

1040
00:47:43,280 --> 00:47:45,000
Јас може да се нарече тоа што сакам.

1041
00:47:45,000 --> 00:47:46,874
Јас би го нарекле "foo"
или било кој друг збор,

1042
00:47:46,874 --> 00:47:49,290
но јас ќе одам да го даде некои
семантички значајно име

1043
00:47:49,290 --> 00:47:50,320
како "прв".

1044
00:47:50,320 --> 00:47:54,790
Ова е единствен идентификатор,
проект, за мојот прв пасус.

1045
00:47:54,790 --> 00:47:59,360
>> Она што сега можам да направам во мојата интерфејс
е да биде малку попрецизен.

1046
00:47:59,360 --> 00:48:02,330
Наместо да се каже, ќе се применуваат
следниов до P ознака,

1047
00:48:02,330 --> 00:48:04,890
Јас може да се каже following--
применува следново,

1048
00:48:04,890 --> 00:48:11,000
или одберете, HTML елемент
кој има единствен број на "прва".

1049
00:48:11,000 --> 00:48:12,350
Што сакам да се однесуваат на тоа?

1050
00:48:12,350 --> 00:48:15,250
Големина на фонтот на 24-точка.

1051
00:48:15,250 --> 00:48:16,640
Значи имам две селектори сега.

1052
00:48:16,640 --> 00:48:19,690
Еден прави сите
ставови 12-точка.

1053
00:48:19,690 --> 00:48:24,960
Но, ова, особено затоа што доаѓа
second-- станува збор последен во file--

1054
00:48:24,960 --> 00:48:27,090
ова има каскадни ефект.

1055
00:48:27,090 --> 00:48:30,200
Јас само го направи сите мои
став тагови 12 поени,

1056
00:48:30,200 --> 00:48:34,350
но ова сега каскади и
надминува дека за било какви елементи

1057
00:48:34,350 --> 00:48:38,800
во страница, било таг во страница чија
единствен број е цитат unquote "во прв план."

1058
00:48:38,800 --> 00:48:41,720
И хаштагот во овој контекст
само значи "единствен идентификатор."

1059
00:48:41,720 --> 00:48:43,750
Јас не го стави во HTML датотека.

1060
00:48:43,750 --> 00:48:46,880
Јас, овде, да речеме
цитат unquote "во прв план."

1061
00:48:46,880 --> 00:48:48,470
>> Па дозволете ми да ја превчитате.

1062
00:48:48,470 --> 00:48:49,919
А сега гледам, ах, ОК.

1063
00:48:49,919 --> 00:48:51,710
Мислам, тоа не е толку
убава, но тоа е вид

1064
00:48:51,710 --> 00:48:53,600
на како предговорот на
книга или нешто слично,

1065
00:48:53,600 --> 00:48:55,100
каде што првиот став е поголем.

1066
00:48:55,100 --> 00:48:57,933
Може да биде дури и попрецизно со
само првите букви, но барем

1067
00:48:57,933 --> 00:48:59,110
Сум остварува поголема контрола.

1068
00:48:59,110 --> 00:49:04,760
Сега maybe-- можеби сакам да го направите тоа
повремено за која било причина,

1069
00:49:04,760 --> 00:49:09,010
и така јас не сакате ова да се
се применуваат само на една HTML таг.

1070
00:49:09,010 --> 00:49:15,110
Наместо тоа, ајде да say-- ајде
исто така, го направите следново.

1071
00:49:15,110 --> 00:49:18,810
Class = "увоз".

1072
00:49:18,810 --> 00:49:23,970
Со оглед на тоа Проект се користи за уникатно
идентификуваат една работа, еден таг,

1073
00:49:23,970 --> 00:49:30,190
во вашиот веб страница, класа е замислена да биде
користи на било кој број на елементи или ознаки

1074
00:49:30,190 --> 00:49:30,950
на вашиот веб-страница.

1075
00:49:30,950 --> 00:49:31,710
Така, тоа е еднократно.

1076
00:49:31,710 --> 00:49:33,090
Еден проект не е еднократно.

1077
00:49:33,090 --> 00:49:34,450
А класа е еднократно.

1078
00:49:34,450 --> 00:49:37,830
>> И знаете што, за што
филозофски reasons--

1079
00:49:37,830 --> 00:49:40,180
Јас не завршам
thought-- јас ќе одам да се каже

1080
00:49:40,180 --> 00:49:44,300
дека првиот став и
вториот став се важни.

1081
00:49:44,300 --> 00:49:48,600
Па јас ќе одам да се применуваат на класа наречена
"Важно", дека, кога ќе ја спаси мојата датотека

1082
00:49:48,600 --> 00:49:51,510
ја и повторно, нема
но функционални влијание.

1083
00:49:51,510 --> 00:49:53,780
Но, јас додадов некои
Податоците во датотеката,

1084
00:49:53,780 --> 00:49:56,610
вид на нешто посебно
од основни податоци на датотеката,

1085
00:49:56,610 --> 00:50:02,300
така што сега во мојот интерфејс, ако јас
наместо да каже ".important" - што знаете,

1086
00:50:02,300 --> 00:50:07,110
нешто што е важно, јас сум
случува да се направи фонт-боја, red--

1087
00:50:07,110 --> 00:50:09,930
или подобро кажано не фонт-боја, само боја.

1088
00:50:09,930 --> 00:50:12,930
Има недоследности
во CSS за жал.

1089
00:50:12,930 --> 00:50:14,120
И ја превчитате.

1090
00:50:14,120 --> 00:50:17,640
Сега се забележи првиот
два става се црвени

1091
00:50:17,640 --> 00:50:20,880
но не и трето, затоа што само
применуваат на класата на "важни"

1092
00:50:20,880 --> 00:50:25,020
на првите две од тие работи.

1093
00:50:25,020 --> 00:50:28,030
>> Значи во личните карти, ќе имаат способност
мошне точно да наведете точно.

1094
00:50:28,030 --> 00:50:30,110
Со часови, ќе мора reusability.

1095
00:50:30,110 --> 00:50:33,800
Но, и во двата случаи, забележуваат
вид на принципот добар дизајн

1096
00:50:33,800 --> 00:50:39,072
каде што констатирано и од сите на
естетика на мојот styles.css датотека.

1097
00:50:39,072 --> 00:50:40,280
Значи нема неред овде.

1098
00:50:40,280 --> 00:50:44,490
Нема спомнување на црвено или
задебелени букви со кои се соочува или големина на фонт во оваа датотека.

1099
00:50:44,490 --> 00:50:49,430
Наместо имам семантички,
значајно карактеризира моите податоци како,

1100
00:50:49,430 --> 00:50:51,240
тука е некои важни податоци.

1101
00:50:51,240 --> 00:50:52,800
Еве уште некои важни податоци.

1102
00:50:52,800 --> 00:50:56,500
Покрај тоа, тука е и
"Првиот" од моите важни податоци.

1103
00:50:56,500 --> 00:51:01,050
Значи HTML е за сите вид
на означување, буквално, зборови

1104
00:51:01,050 --> 00:51:05,270
и ставовите и конструкции во вашиот
страница со овие мали совети, ако

1105
00:51:05,270 --> 00:51:07,640
ќе, кои можете да ги
некако потпора користење

1106
00:51:07,640 --> 00:51:10,880
други техники како CSS овој начин.

1107
00:51:10,880 --> 00:51:14,760
>> Така, во одговор на прашање на Викторија,
ние може да се направи текст поголеми тој начин.

1108
00:51:14,760 --> 00:51:18,380
Има толку многу други начини, но
на фонтот tag-- отворена заграда "Фонт" -

1109
00:51:18,380 --> 00:51:19,770
е всушност неколку години.

1110
00:51:19,770 --> 00:51:21,410
И ова е проблем,
исто така, со само потпирајќи

1111
00:51:21,410 --> 00:51:23,485
на онлајн resources--
тие имаат тенденција да се застарени.

1112
00:51:23,485 --> 00:51:26,110
И навистина, тоа е заостанато,
бидејќи светот се реализира,

1113
00:51:26,110 --> 00:51:28,970
што значи "font-size = 7" значи?

1114
00:51:28,970 --> 00:51:29,670
Тоа не го прави тоа.

1115
00:51:29,670 --> 00:51:32,770
И така за многу години и да се
оваа day-- еден од несаканите

1116
00:51:32,770 --> 00:51:36,060
истакнува овде е дека таа е, всушност,
неверојатно болно уште понекогаш

1117
00:51:36,060 --> 00:51:38,900
да се развие веб-сајтови за
интернет, бидејќи на Microsoft

1118
00:51:38,900 --> 00:51:44,220
и Google и Mozilla и
другите често не се согласуваат за тоа како

1119
00:51:44,220 --> 00:51:47,480
да се толкува спецификација како HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Постои правилник за HTML дека
генерално се вели дека она што значи секоја ознака.

1121
00:51:52,490 --> 00:51:55,690
Но понекогаш тоа е оставено на
дискреционо право за спроведување на,

1122
00:51:55,690 --> 00:51:57,290
дискреција и Google Мајкрософт.

1123
00:51:57,290 --> 00:52:00,000
И така ќе многу често
видете на веб страната нешто

1124
00:52:00,000 --> 00:52:04,954
изгледа различно на компјутер
од тоа го прави на Mac,

1125
00:52:04,954 --> 00:52:06,995
и тоа е навистина, бидејќи,
на крајот на денот,

1126
00:52:06,995 --> 00:52:08,891
тие не го пробате
добро на двете платформи.

1127
00:52:08,891 --> 00:52:11,390
Но, тоа е, исто така, бидејќи разумни,
паметни луѓе ќе се согласуваат

1128
00:52:11,390 --> 00:52:14,970
и компаниите ќе се согласуваат, и така
еден од предизвиците на програмирање

1129
00:52:14,970 --> 00:52:16,980
за веб дизајнирање или
работи за веб-

1130
00:52:16,980 --> 00:52:21,700
е пишување на вашиот сајт во начинот на
кој работи на секој веб прелистувач.

1131
00:52:21,700 --> 00:52:23,410
Но, дури и дека е неразумно, нели?

1132
00:52:23,410 --> 00:52:27,807
Има толку многу верзии на толку многу
пребарувачи таму, кои, во одреден момент,

1133
00:52:27,807 --> 00:52:30,890
исто така треба да се направи проценка на повик
и ќе треба да одлучи како компанија,

1134
00:52:30,890 --> 00:52:33,082
особено за е-трговија стил
сајтови каде што си

1135
00:52:33,082 --> 00:52:36,290
обидуваат да го користите најновите и најголема
технологии за да се даде навистина добри корисник

1136
00:52:36,290 --> 00:52:37,110
Искуство.

1137
00:52:37,110 --> 00:52:41,019
Но, некои процент од вашите корисници може да
уште може да биде користење на Internet Explorer 6 или 7

1138
00:52:41,019 --> 00:52:43,810
или 8, особено во зависност од
земја што тие доаѓаат од.

1139
00:52:43,810 --> 00:52:46,760
>> И така многу често се
консултирани е нешто

1140
00:52:46,760 --> 00:52:50,920
како "статистички веб пребарувач."

1141
00:52:50,920 --> 00:52:56,560
И ако ние одиме to-- видиме Википедија
и да видиме како до-to-date оваа шема е

1142
00:52:56,560 --> 00:52:59,320
ако има е еден.

1143
00:52:59,320 --> 00:53:02,420
Па тука може да се види
каде пребарувачи всушност,

1144
00:53:02,420 --> 00:53:06,160
се, според декември 2015 година,
во согласност со Владата на САД.

1145
00:53:06,160 --> 00:53:11,170
Chrome е на 42% удел на пазарот, а потоа
од страна на IE во голема мера во корпоративното поставувања

1146
00:53:11,170 --> 00:53:14,490
или компјутер поставувања, се разбира,
проследено со Firefox,

1147
00:53:14,490 --> 00:53:17,440
потоа Safari, а потоа Opera не
направи картата тука поради некоја причина,

1148
00:53:17,440 --> 00:53:18,210
а потоа другите.

1149
00:53:18,210 --> 00:53:19,500
Можеби тоа е под други.

1150
00:53:19,500 --> 00:53:27,700
Но, повеќе проблематично отколку што is--
ајде да видиме дали Википедија, исто така, има

1151
00:53:27,700 --> 00:53:35,194
верзии на интернет прелистувачи version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Ајде да одиме статистика пребарувач.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Дури и тоа не е доволно.

1156
00:53:42,030 --> 00:53:44,854
статистика пребарувач.

1157
00:53:44,854 --> 00:53:45,353
Мојата верзија.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Тоа не се случува да бидат во право.

1160
00:53:50,540 --> 00:53:53,414
Ајде да видиме верзии.

1161
00:53:53,414 --> 00:53:54,830
Прелистувач удел на пазарот.

1162
00:53:54,830 --> 00:53:57,110
Ајде да видиме дали ова доаѓа до.

1163
00:53:57,110 --> 00:53:57,610
ДОБРО.

1164
00:53:57,610 --> 00:54:00,010
Сега тоа е добивање на
малку повеќе корисни.

1165
00:54:00,010 --> 00:54:04,870
Па еве, да се забележи дека сите ние имаме
различни верзии на интернет прелистувачи.

1166
00:54:04,870 --> 00:54:09,887
И, Боже мој, ако look-- Chrome
48, Хром 47, Хром 31, Хром 45.

1167
00:54:09,887 --> 00:54:12,970
Мислам, пребарувачи повеќе ажурирани,
а понекогаш и некои од овие промени

1168
00:54:12,970 --> 00:54:16,430
се значајни во
однос на функционалноста.

1169
00:54:16,430 --> 00:54:20,630
И така во одреден момент,
производ менаџери или инженери

1170
00:54:20,630 --> 00:54:23,620
треба да се направи decision-- вас
Знаеш што, само 1% од светот

1171
00:54:23,620 --> 00:54:24,740
се уште користите IE 7.

1172
00:54:24,740 --> 00:54:25,490
По ѓаволите со нив.

1173
00:54:25,490 --> 00:54:27,470
Ние едноставно не се случува да се
поддршка на тој пребарувач.

1174
00:54:27,470 --> 00:54:28,740
И што значи тоа да не го поддржи?

1175
00:54:28,740 --> 00:54:31,170
Тоа би можело да значи дека копчињата
не работат на вашиот веб-страница,

1176
00:54:31,170 --> 00:54:33,050
или тоа би можело да значи
форматирање е целосно исклучени.

1177
00:54:33,050 --> 00:54:35,091
Или можеби ќе треба да се направи
истата таа пресуда повик

1178
00:54:35,091 --> 00:54:39,089
во мобилната овие денови, кога, ние сме
нема да го поддржи iOS 5 повеќе.

1179
00:54:39,089 --> 00:54:40,380
Така луѓето само треба да се надополни.

1180
00:54:40,380 --> 00:54:45,850
Или ние нема да го поддржи Cupcake
на Андроид оперативен систем за Android уреди,

1181
00:54:45,850 --> 00:54:48,629
бидејќи, како што world-- како
tech светот сака да се движи напред,

1182
00:54:48,629 --> 00:54:51,170
тој вид на сака да го повлечете
светот со тоа, така што тие не се

1183
00:54:51,170 --> 00:54:53,295
треба да продолжи да биде
компатибилни, па тие

1184
00:54:53,295 --> 00:54:54,920
можат да понудат нови и добри карактеристики.

1185
00:54:54,920 --> 00:54:57,878
Ова е навистина една од причините
зошто толку многу компании се тркалаат

1186
00:54:57,878 --> 00:55:01,440
автоматски ажурирања и вид на принудувајќи
најновите верзии на софтвер на нас.

1187
00:55:01,440 --> 00:55:04,010
А дури и компании
како Apple ќе се најде решение на

1188
00:55:04,010 --> 00:55:07,280
сила речиси или принудат
вас во однос на пазарните сили

1189
00:55:07,280 --> 00:55:11,164
да се купи нов телефон, бидејќи тие само
нема да се ажурира вашиот стар телефон повеќе.

1190
00:55:11,164 --> 00:55:13,330
Така да пропуштите на
најновите и најголема карактеристики,

1191
00:55:13,330 --> 00:55:17,520
бидејќи тоа е скапо за нив, како
претпријатието за одржување на постари, веројатно

1192
00:55:17,520 --> 00:55:19,330
инфериорни верзии на софтвер.

1193
00:55:19,330 --> 00:55:23,660
Но Нето ефектот е дека
ние, исто така, страдаат од тоа како добро.

1194
00:55:23,660 --> 00:55:26,550
>> Па ајде да ги разгледаме во само
неколку финалето работи овде.

1195
00:55:26,550 --> 00:55:29,740
Ајде да намалам вистински пост некои од
тие други куршуми, ако љубопитни.

1196
00:55:29,740 --> 00:55:33,440
Значи, ако се обидуваат да,
на пример, позиција

1197
00:55:33,440 --> 00:55:36,420
текстот на различни страни на
страница, јас ќе одам да се направи еден брз начин,

1198
00:55:36,420 --> 00:55:38,360
но има различни
начини на тоа.

1199
00:55:38,360 --> 00:55:42,610
Дозволете ми да оди напред и да eliminate--
поедностави оваа како што следи.

1200
00:55:42,610 --> 00:55:45,330
Дозволете ми да се вратам во мојата
едноставна, едноставно ставови.

1201
00:55:45,330 --> 00:55:47,760
Дозволете ми да се вратам во мојата styles.css.

1202
00:55:47,760 --> 00:55:51,040
И јас сум само ќе го користи simple--
кој може да се гледа на Google

1203
00:55:51,040 --> 00:55:54,430
или се потсетиме од earlier--
текст-align право.

1204
00:55:54,430 --> 00:55:56,220
Ја и повторно пробајте.

1205
00:55:56,220 --> 00:55:58,470
Сега се чини дека
да биде подреден десно,

1206
00:55:58,470 --> 00:56:00,770
како што може да се види на надземни тука.

1207
00:56:00,770 --> 00:56:04,470
>> Ние можеме да го направите да изгледа малку повеќе
книга-како, и можеме да кажеме "оправда"

1208
00:56:04,470 --> 00:56:05,640
и ја превчитате.

1209
00:56:05,640 --> 00:56:09,870
Сега тоа е убаво и плоштад на двете
страни, која е вид на убаво.

1210
00:56:09,870 --> 00:56:12,220
Уште еден гол што го имавме тука
беше промена на бојата на текстот.

1211
00:56:12,220 --> 00:56:13,650
Значи видовме дека со мојот црвен текст.

1212
00:56:13,650 --> 00:56:15,630
И сега додадете копчињата за форма.

1213
00:56:15,630 --> 00:56:19,390
Па зошто да не се обидеме да го стори токму тоа?

1214
00:56:19,390 --> 00:56:23,656
Но, прво да одат на некој сајт кој
повеќето од нас го користат секој day-- Google.

1215
00:56:23,656 --> 00:56:25,780
И ајде да ги разгледаме во
како Google всушност се работи.

1216
00:56:25,780 --> 00:56:26,821
Но, јас ќе одам да го направите тоа.

1217
00:56:26,821 --> 00:56:31,930
Прво дозволете ми да го направи тоа in-- Да,
дозволете ми да одат на Google.

1218
00:56:31,930 --> 00:56:34,530
Јас ќе одам да мора да одат
во Google Settings,

1219
00:56:34,530 --> 00:56:40,660
затоа што сакам да се оневозможи
нешто што се нарекува инстант резултати.

1220
00:56:40,660 --> 00:56:43,580
>> Така може да се забележи во
Google овие days-- да се навратам

1221
00:56:43,580 --> 00:56:44,850
и да се сврти ова.

1222
00:56:44,850 --> 00:56:47,900
Значи, ако јас почнат да бараат
за "мачки", како таков,

1223
00:56:47,900 --> 00:56:50,120
се забележи дека не само што
Јас се авто-заврши до

1224
00:56:50,120 --> 00:56:54,520
врвот, одеднаш, на самата страница
се чини да се промени многу брзо, како и,

1225
00:56:54,520 --> 00:56:58,750
а тоа е Google со помош на јазикот
наречен вклучите Javascript-се обидува да биде од корист.

1226
00:56:58,750 --> 00:57:01,540
Но, за жал, тој вид
на мензи до нашата дискусија

1227
00:57:01,540 --> 00:57:04,010
на она што всушност се случува
под хаубата тука.

1228
00:57:04,010 --> 00:57:09,070
Па јас сум само вид на брзо
исклучете инстант резултати.

1229
00:57:09,070 --> 00:57:11,510
И јас одам да кликнете на Зачувај.

1230
00:57:11,510 --> 00:57:13,930
И сега јас ќе одам да се отвори
дека дијагностички алатки кои јас

1231
00:57:13,930 --> 00:57:16,150
задржи отворот под јазичето мрежа.

1232
00:57:16,150 --> 00:57:17,720
Па ајде да го направите тоа.

1233
00:57:17,720 --> 00:57:21,960
Ајде me-- whoops--
дојдете на овој по малку.

1234
00:57:21,960 --> 00:57:24,410
И дозволете ми да пребарувате за "мачки".

1235
00:57:24,410 --> 00:57:26,790
>> И сега notice-- всушност,
ова е добра можност

1236
00:57:26,790 --> 00:57:28,840
за да разговараат за момент.

1237
00:57:28,840 --> 00:57:32,460
Обрнете внимание на моментот кога type-- го спречи тоа.

1238
00:57:32,460 --> 00:57:35,250
Престани.

1239
00:57:35,250 --> 00:57:35,790
ДОБРО.

1240
00:57:35,790 --> 00:57:40,870
Обрнете внимание на моментот кога го напишете буквата
C, види на дното на екранот.

1241
00:57:40,870 --> 00:57:48,600
А-Т С Што дното
на овој екран, мојата јазичето мрежа,

1242
00:57:48,600 --> 00:57:53,320
укажуваат на тоа што се случува секоја
пат кога ќе напишете писмо?

1243
00:57:53,320 --> 00:57:57,700
За жал, на жаба е многу
оттргнува денес или детелина

1244
00:57:57,700 --> 00:58:00,339
или што и да е тој.

1245
00:58:00,339 --> 00:58:01,880
Што се случува секој пат кога јас ја внеле?

1246
00:58:01,880 --> 00:58:04,230
И дозволете ми да го исчистите
тампон и ја внесете повторно.

1247
00:58:04,230 --> 00:58:06,580
So-- Whoops.

1248
00:58:06,580 --> 00:58:13,280
Секој пат кога ќе напишете буква, C- А- T--
па нов ред очигледно постојано се појавуваат.

1249
00:58:13,280 --> 00:58:16,530
Што значи секоја од овие редови претставуваат,
врз основа на она што сум го видел и дискутирани

1250
00:58:16,530 --> 00:58:17,339
волку далеку?

1251
00:58:17,339 --> 00:58:18,130
ПУБЛИКАТА: А за пребарување?

1252
00:58:18,130 --> 00:58:21,770
Дејвид Џ MALAN: А за пребарување, или
повеќе генерички, HTTP барање

1253
00:58:21,770 --> 00:58:23,125
од мојот интернет пребарувач со серверот.

1254
00:58:23,125 --> 00:58:29,090
Па, зошто се прави HTTP мојот интернет пребарувач
бара секој пат кога ќе напишете писмо?

1255
00:58:29,090 --> 00:58:30,502
>> ПУБЛИКАТА: [Беззвучен]

1256
00:58:30,502 --> 00:58:33,210
Дејвид Џ MALAN: Да, тоа е давање на
мене, овие авто-заврши резултати.

1257
00:58:33,210 --> 00:58:35,190
Како, каде што овие
Резултати од пребарувањето доаѓаат од?

1258
00:58:35,190 --> 00:58:38,120
Па, секој пат кога ќе напишеш
писмо, Google праќа повеќе

1259
00:58:38,120 --> 00:58:40,460
и се повеќе и повеќе
зборот јас сум пишување.

1260
00:58:40,460 --> 00:58:41,040
Зошто?

1261
00:58:41,040 --> 00:58:44,540
Затоа што тие сакаат да ми даде
подобро и подобро, подобро предлог,

1262
00:58:44,540 --> 00:58:48,880
листа на предлози, за она што зборот
Се обидувам да се, всушност, заврши.

1263
00:58:48,880 --> 00:58:53,030
Значи ова е да се каже буквално секој
лик сте тип во Google

1264
00:58:53,030 --> 00:58:56,900
се испраќа, во крајна линија
Најголемиот дел, но, исто така, понекогаш еден

1265
00:58:56,900 --> 00:59:00,620
во исто време, со цел да се спроведе
овие авто-заврши функции, кога

1266
00:59:00,620 --> 00:59:03,000
на податоци е, се разбира, на интернет.

1267
00:59:03,000 --> 00:59:08,780
>> Сега, ајде да ги разгледаме во она што, всушност,
се случува кога ќе кликнете на Google пребарување.

1268
00:59:08,780 --> 00:59:10,420
А потоа ние ќе потпора оваа себе.

1269
00:59:10,420 --> 00:59:15,320
Значи, ако јас дојдете долу сега на многу
првото барање што се случило.

1270
00:59:15,320 --> 00:59:17,130
Обрнете внимание на следново.

1271
00:59:17,130 --> 00:59:25,550
Тоа беше испратен до прилично долга URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
а потоа и целиот куп на работи.

1273
00:59:27,100 --> 00:59:29,620
Ајде да видиме ова всушност сега
во јазичето прелистувач себе.

1274
00:59:29,620 --> 00:59:31,310
Ајде да се ослободите од лентата со алатки тука.

1275
00:59:31,310 --> 00:59:33,140
Тука е страница на резултатите од пребарувањето.

1276
00:59:33,140 --> 00:59:34,790
И информации тука е URL-то.

1277
00:59:34,790 --> 00:59:37,430
Сега, што веројатно може да се погоди
она што се случува овде во дел.

1278
00:59:37,430 --> 00:59:39,090
Значи прво на сите, дефиниција.

1279
00:59:39,090 --> 00:59:42,570
Ова очигледно е дестинација
каде што се поднесува формуларот.

1280
00:59:42,570 --> 00:59:44,910
Значи, кога јас ја внеле во
зборовите: "мачки" и притиснете Enter,

1281
00:59:44,910 --> 00:59:48,460
очигледно Google испрати
внесување на мојот текст на овој URL

1282
00:59:48,460 --> 00:59:50,770
што сум истакна
таму, го намали пребарување.

1283
00:59:50,770 --> 00:59:56,530
Излегува, во URL-то, нешто што
се случува по знак прашање е,

1284
00:59:56,530 --> 01:00:01,270
како што ние си велите пар клучна вредност
кои се напишани во форма или на некој начин

1285
01:00:01,270 --> 01:00:04,500
пренесува од
прелистувачот на серверот.

1286
01:00:04,500 --> 01:00:07,180
>> Затоа, секој пат кога ќе напишете влез
во форма на веб

1287
01:00:07,180 --> 01:00:10,000
и да биде испратен како што ние си
се разговара, преку ГЕТ,

1288
01:00:10,000 --> 01:00:12,400
еден од овие виртуелни
коверти, содржината

1289
01:00:12,400 --> 01:00:15,510
на тој envelope-- да, да ги задржи
се полнети физички

1290
01:00:15,510 --> 01:00:19,010
во плик во класата
денес, но технолошки

1291
01:00:19,010 --> 01:00:21,110
тоа е всушност се стави во URL-то.

1292
01:00:21,110 --> 01:00:22,940
Така, всушност, дозволете ми да се кваси, преку ова.

1293
01:00:22,940 --> 01:00:25,010
Каде ја гледате корисник влез?

1294
01:00:25,010 --> 01:00:27,490
Каде ја гледате нешто
дека јас ја внеле тука?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Да, па "мачки".

1297
01:00:33,491 --> 01:00:33,990
Нели?

1298
01:00:33,990 --> 01:00:36,380
Па дозволете ми да го дестилираат ова
во нешто поедноставно.

1299
01:00:36,380 --> 01:00:39,917
Одам да го избришете сè за
овој URL дека јас не ги разбирам,

1300
01:00:39,917 --> 01:00:42,250
и јас сум само ќе ја напушти
тоа како this-- / пребарување? q = мачки.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Ќе видиме каде q
доаѓа од во еден момент,

1303
01:00:47,890 --> 01:00:51,220
но тоа се чувствува како на минимум
количината на информации кои што се предвидени.

1304
01:00:51,220 --> 01:00:53,050
И сега јас ќе одам да притиснете Enter.

1305
01:00:53,050 --> 01:00:55,520
И ќе забележите дека се уште работи.

1306
01:00:55,520 --> 01:00:57,950
Ние се уште се вратам еден куп на мачките.

1307
01:00:57,950 --> 01:01:00,340
Така Google е познавач
од тоа овие денови.

1308
01:01:00,340 --> 01:01:01,934
Тоа е 2016 година, не во 1999 година.

1309
01:01:01,934 --> 01:01:04,600
Значи има други работи кои ми
прелистувачот испраќа на серверот.

1310
01:01:04,600 --> 01:01:07,100
Но, тоа е минимално
сите што е потребно.

1311
01:01:07,100 --> 01:01:08,380
>> Значи она што се случува?

1312
01:01:08,380 --> 01:01:14,320
Па, прво нека ми да оди напред и да си одат
Вратете се на Cloud9 и дозволете ми да оди напред

1313
01:01:14,320 --> 01:01:15,620
и затворете ми јазичиња порано.

1314
01:01:15,620 --> 01:01:18,230
И јас ќе го направите тоа на мојот
поседуваат само за момент.

1315
01:01:18,230 --> 01:01:20,730
Одам да се оди напред
и да се создаде нова датотека.

1316
01:01:20,730 --> 01:01:23,739
И јас одам да го зачувате како google.html.

1317
01:01:23,739 --> 01:01:26,280
И јас одам да се многу quickly--
Одам да се украде, всушност,

1318
01:01:26,280 --> 01:01:28,510
некои на овој текст само за да заштедите време.

1319
01:01:28,510 --> 01:01:30,610
Одам да го поставиш овде.

1320
01:01:30,610 --> 01:01:33,850
Јас не одам за да се занимаваат со
било стилизација тоа време.

1321
01:01:33,850 --> 01:01:38,340
Ние ќе се нарекуваат "Мојот Google."

1322
01:01:38,340 --> 01:01:41,230
И јас одам да се ослободи
што се наоѓа во телото.

1323
01:01:41,230 --> 01:01:42,740
И јас одам да го направите следново.

1324
01:01:42,740 --> 01:01:45,690
Дозволете ми да зумирате.

1325
01:01:45,690 --> 01:01:50,620
Образец action-- и како што јас накратко споменато
earlier-- whoops-- како јас накратко

1326
01:01:50,620 --> 01:01:54,130
што споменавме порано, дејството на
форма е местото каде што ќе ги испрати податоци на.

1327
01:01:54,130 --> 01:01:56,620
Значи google.com/search.

1328
01:01:56,620 --> 01:01:59,390
И начинот Сакам да се користи
може да биде една од две работи.

1329
01:01:59,390 --> 01:02:02,870
Тоа може да биде "да", како што ние ги
разговара, или тоа може да биде "пост".

1330
01:02:02,870 --> 01:02:05,340
За сега, основните
Разликата е во тоа, ако користите "добие"

1331
01:02:05,340 --> 01:02:09,590
сите информации кои
корисникот обезбедува добива испратени во URL-то.

1332
01:02:09,590 --> 01:02:13,530
>> Тоа е одлично за нешта како пребарување
мотори и неколку други апликации,

1333
01:02:13,530 --> 01:02:17,080
но во какви околности би
вие не сакате да се пополни формулар

1334
01:02:17,080 --> 01:02:21,620
и да имаат информации кои се заокружи
URL-то, како и во прелистувачот лента на прелистувачот?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Каков вид на форми you-- направи

1337
01:02:26,605 --> 01:02:27,480
ПУБЛИКАТА: [Беззвучен]

1338
01:02:27,480 --> 01:02:28,450
Дејвид Џ MALAN: Да, како што?

1339
01:02:28,450 --> 01:02:29,270
ПУБЛИКАТА: лозинки.

1340
01:02:29,270 --> 01:02:31,936
Дејвид Џ MALAN: Да, така што да се логирате
на Facebook или на некој веб-сајт.

1341
01:02:31,936 --> 01:02:34,395
Тоа е корисник влез од
форма, поле за текст,

1342
01:02:34,395 --> 01:02:37,020
но најверојатно не го сакаат тоа
прикажани во URL-то на пребарувачот.

1343
01:02:37,020 --> 01:02:38,121
Зошто?

1344
01:02:38,121 --> 01:02:40,870
Мислам, можеби има некои
безбедносни импликации на мрежата,

1345
01:02:40,870 --> 01:02:44,830
но more-- се допаѓа, едноставно, што ако
вашиот цимер, вашиот значајни други,

1346
01:02:44,830 --> 01:02:47,710
вашите деца, вашиот брачен другар изгледа
преку вашиот прелистувач историја?

1347
01:02:47,710 --> 01:02:50,762
Таму е вашето право лозинка
таму во историјата на прелистувачот.

1348
01:02:50,762 --> 01:02:52,220
Дека не се чувствува како добар дизајн.

1349
01:02:52,220 --> 01:02:54,500
Или дури и повеќе технички,
Претпоставувам дека ти се обидуваш

1350
01:02:54,500 --> 01:02:59,180
за да испратите фотографија на Flickr
или Фејсбук или wherever--

1351
01:02:59,180 --> 01:03:03,010
кој е лесен за влез, иако
тоа е малку повеќе interesting-- како

1352
01:03:03,010 --> 01:03:05,530
можам да ставам слика во лентата со URL-то?

1353
01:03:05,530 --> 01:03:06,730
Вие вид на вид не може.

1354
01:03:06,730 --> 01:03:07,396
Можете вид на може.

1355
01:03:07,396 --> 01:03:10,210
Но, навистина, јас сум под пресија
да се замисли тоа го прават.

1356
01:03:10,210 --> 01:03:13,470
Значи ми треба друг метод за
да се постават слики на веб страница,

1357
01:03:13,470 --> 01:03:15,657
и дека другите метод е наречен "пост".

1358
01:03:15,657 --> 01:03:18,740
Но, за сега, ние само ќе зборуваме за
"Добие", кој е поедноставен од двете.

1359
01:03:18,740 --> 01:03:21,100
Тоа само ги става сите
корисникот влез во URL-то.

1360
01:03:21,100 --> 01:03:22,830
>> Па овде е форма Јас сум создавање.

1361
01:03:22,830 --> 01:03:24,070
Сакам влез.

1362
01:03:24,070 --> 01:03:24,820
И знаете што?

1363
01:03:24,820 --> 01:03:26,111
Одам да се погоди тука.

1364
01:03:26,111 --> 01:03:31,600
Одам да се потсетиме на мојот
внесување на "П" за "пребарување".

1365
01:03:31,600 --> 01:03:34,970
И мислам дека ова е еден од
оригинални дизајни, можеби, од 1999 година.

1366
01:03:34,970 --> 01:03:39,560
И тогаш типот на овој влез
е само ќе биде "текст".

1367
01:03:39,560 --> 01:03:43,040
И тогаш јас ќе одам да имаат друг влез
тоа не треба име, како што наскоро ќе

1368
01:03:43,040 --> 01:03:45,120
види, од типот на кој е "поднесе".

1369
01:03:45,120 --> 01:03:47,070
И ова се случува да се
ми даде посебно копче.

1370
01:03:47,070 --> 01:03:48,320
И тоа е тоа.

1371
01:03:48,320 --> 01:03:50,790
>> Па дозволете ми да оди напред и да се спаси оваа датотека.

1372
01:03:50,790 --> 01:03:54,910
Одам да се вратам во мојата
прелистувачот и одете на google.html.

1373
01:03:54,910 --> 01:03:56,140
Enter.

1374
01:03:56,140 --> 01:03:59,680
И тоа е вид на редок
да се каже во најмала рака.

1375
01:03:59,680 --> 01:04:03,110
Но, дозволете ми да оди напред
и потрага по "мачки".

1376
01:04:03,110 --> 01:04:06,510
И ќе забележите Јас сум моментално
на оваа адреса Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Но, во моментот кога ќе кликнете тоа,
каде да се надевам дека ќе заврши?

1378
01:04:09,240 --> 01:04:10,160
>> ПУБЛИКАТА: Google.

1379
01:04:10,160 --> 01:04:11,118
>> Дејвид Џ MALAN: Google.

1380
01:04:11,118 --> 01:04:12,740
Значи, да кликнете на Прати.

1381
01:04:12,740 --> 01:04:15,200
И навистина сум повторно спроведува Google.

1382
01:04:15,200 --> 01:04:15,700
Нели?

1383
01:04:15,700 --> 01:04:16,480
Тоа е поедноставно.

1384
01:04:16,480 --> 01:04:17,120
Тоа е полесен.

1385
01:04:17,120 --> 01:04:20,350
Мислам, мојот код е многу подобро отколку
нивни, од неред што видовме претходно.

1386
01:04:20,350 --> 01:04:21,100
И знаете што?

1387
01:04:21,100 --> 01:04:22,610
Одам да го зачинат ова се малку.

1388
01:04:22,610 --> 01:04:23,860
Јас не се споменуваат ова порано.

1389
01:04:23,860 --> 01:04:27,860
Постојат тагови како H1, на Заглавие 1,
најважниот наслов во една страница.

1390
01:04:27,860 --> 01:04:30,570
"Мојата Google", јас ќе се јавам ова.

1391
01:04:30,570 --> 01:04:31,940
Дозволете ми да ја превчитате.

1392
01:04:31,940 --> 01:04:33,772
Тоа е во потрага малку подобро веќе.

1393
01:04:33,772 --> 01:04:34,980
И, всушност, знаеш што?

1394
01:04:34,980 --> 01:04:36,430
Јас сум already-- излажав.

1395
01:04:36,430 --> 01:04:40,200
Реков дека не требаше да стил тоа,
но јас ќе одам да стил тоа како порано.

1396
01:04:40,200 --> 01:04:46,860
И моето тело ќе биде,
да речеме, текст-align центар.

1397
01:04:46,860 --> 01:04:48,800
Тоа повеќе личи на Google веќе.

1398
01:04:48,800 --> 01:04:51,090
>> Ми треба еден празен ред, сепак,
за тоа копчето Испрати.

1399
01:04:51,090 --> 01:04:52,798
И што излезе, ќе
може да се користи ставови,

1400
01:04:52,798 --> 01:04:57,320
или може да се повеќе буквално да кажам,
дај ми прелом here-- на br таг.

1401
01:04:57,320 --> 01:04:59,319
И ако јас вчитајте ја оваа, сега тоа не оди таму.

1402
01:04:59,319 --> 01:05:01,610
Тоа е малку грдо, па јас
може да се направи повеќе линија паузи,

1403
01:05:01,610 --> 01:05:03,310
но ајде да не се премногу алчен тука.

1404
01:05:03,310 --> 01:05:06,430
Па сега ајде да видиме дали се работи за "кучиња".

1405
01:05:06,430 --> 01:05:08,640
Се чини да се работи за "кучиња", како и.

1406
01:05:08,640 --> 01:05:10,780
Значи, што е огромна готова брза тука?

1407
01:05:10,780 --> 01:05:13,600
One-- не беше огромен скок на
воведе уште неколку ознаки,

1408
01:05:13,600 --> 01:05:15,370
како таг форма во влез таг.

1409
01:05:15,370 --> 01:05:17,120
Но пофундаментално
е, сите ние сме прави

1410
01:05:17,120 --> 01:05:20,610
се проширува нашето разбирање
на HTTP и фактот

1411
01:05:20,610 --> 01:05:24,900
кој се формира на крајот се смени
што е во URL-то на пребарувачот,

1412
01:05:24,900 --> 01:05:28,540
и така, затоа, можеме да
механички обезбеди влез на сервер

1413
01:05:28,540 --> 01:05:33,600
со тоа што HTML форма и да се знае
дека серверот го разбира HTTP,

1414
01:05:33,600 --> 01:05:36,890
исто како нашето тело разбира, како,
тресење мојата рака, истиот протокол,

1415
01:05:36,890 --> 01:05:40,920
и така ќе се вратам на одговор
дека ние на крајот се очекува.

1416
01:05:40,920 --> 01:05:44,050
>> Па ајде да се обидеме да се направи една
Последното нешто што сега со мобилни,

1417
01:05:44,050 --> 01:05:47,052
и јас ќе make-- јас ќе додадете
овој код на слајдови.

1418
01:05:47,052 --> 01:05:49,760
Значи, ако сакате да нескопосник, ќе
сигурно може да го земам од таму.

1419
01:05:49,760 --> 01:05:51,551
Но јас ќе одам да се оди
напред и да се направи една работа.

1420
01:05:51,551 --> 01:05:54,120
Одам да се оди напред и да
отвори мојот индекс page--

1421
01:05:54,120 --> 01:05:59,030
мојот здраво страница, како пред, за кое
има многу на овој faux-латински текст,

1422
01:05:59,030 --> 01:06:05,470
или бесмислен латински текст, и has--
тоа би изгледало вака во оваа големина на фонтот.

1423
01:06:05,470 --> 01:06:07,850
Но, дозволете ми да оди напред и да го направите тоа.

1424
01:06:07,850 --> 01:06:09,300
Одам да се оди во Cloud9.

1425
01:06:09,300 --> 01:06:10,380
И вие не мора да се направи овој чекор.

1426
01:06:10,380 --> 01:06:11,420
Јас само ќе го сторам тоа.

1427
01:06:11,420 --> 01:06:12,890
Одам да кликнете Share.

1428
01:06:12,890 --> 01:06:15,170
И ова е карактеристика
само на Cloud9, при што

1429
01:06:15,170 --> 01:06:17,710
Можам да ја направам мојата околина јавноста.

1430
01:06:17,710 --> 01:06:20,240
>> И само за доброто на
демонстрација, дозволете ми да го направите тоа.

1431
01:06:20,240 --> 01:06:22,870
Одам да се направи моето барање јавноста.

1432
01:06:22,870 --> 01:06:25,230
Забележете тоа ме предупреди, сум
Јас сигурен дека сакате да го направите ова,

1433
01:06:25,230 --> 01:06:28,438
затоа што тоа се случува да се направи сите
во светот, без разлика дали тие се тука сега

1434
01:06:28,438 --> 01:06:33,560
или гледање на видео подоцна на
Интернет може да се види она што го гледам.

1435
01:06:33,560 --> 01:06:34,440
Но, тоа е во ред.

1436
01:06:34,440 --> 01:06:37,870
Јас ќе одам да се каже "Готово".

1437
01:06:37,870 --> 01:06:42,080
И дозволете ми да ве охрабрат, ако сум го правела
ова correctly-- дозволете ми да го пробате во прв план.

1438
01:06:42,080 --> 01:06:45,590
Оди напред, ако не mind--
во прелистувачот на вашиот компјутер,

1439
01:06:45,590 --> 01:06:49,900
одат на оваа адреса, и се надевам дека
ќе видите мојата латински текст.

1440
01:06:49,900 --> 01:06:52,820
И да биде јасно, тоа е
не работи на мојот лаптоп.

1441
01:06:52,820 --> 01:06:53,610
Тоа е во облакот.

1442
01:06:53,610 --> 01:06:58,120
Тоа е на Cloud9, буквално, но
Јас го направив мојот простор јавноста

1443
01:06:58,120 --> 01:07:03,450
така што секој на интернет
да пристапам до мојата Латинска почетната страница.

1444
01:07:03,450 --> 01:07:07,209
>> Оди на истата адреса на
вашиот телефон, ако може.

1445
01:07:07,209 --> 01:07:09,750
Ако тоа ќе ве чини, сепак,
само може да се погледне во текот на рамо.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
ПУБЛИКАТА: [Беззвучен]

1448
01:07:42,467 --> 01:07:43,550
Дејвид Џ MALAN: Жал ми е?

1449
01:07:43,550 --> 01:07:45,390
ПУБЛИКАТА: [Беззвучен]

1450
01:07:45,390 --> 01:07:47,710
Дејвид Џ MALAN: Само латински зборови.

1451
01:07:47,710 --> 01:07:48,210
Тоа е се.

1452
01:07:48,210 --> 01:07:49,250
Но, тоа е она што треба да го видите.

1453
01:07:49,250 --> 01:07:49,875
>> ПУБЛИКАТА: Да.

1454
01:07:49,875 --> 01:07:50,790
Дејвид Џ MALAN: Да.

1455
01:07:50,790 --> 01:07:51,300
Да.

1456
01:07:51,300 --> 01:07:51,540
ДОБРО.

1457
01:07:51,540 --> 01:07:53,530
Така можам да се одржи до вашиот
телефон за само еден миг?

1458
01:07:53,530 --> 01:07:57,504
Па, се надевам, ако се пристапува
тоа, таа треба да изгледа речиси прочите.

1459
01:07:57,504 --> 01:07:59,920
Тоа е still-- Мислам, тоа е
нечитливи заради латински.

1460
01:07:59,920 --> 01:08:01,920
Но, тоа е, исто така, прочите
за што друго?

1461
01:08:01,920 --> 01:08:03,775
Како, што ќе се налути за тоа?

1462
01:08:03,775 --> 01:08:04,650
ПУБЛИКАТА: Тоа е мала.

1463
01:08:04,650 --> 01:08:06,420
Дејвид Џ MALAN: Тоа е супер, супер мал.

1464
01:08:06,420 --> 01:08:07,920
Па како можеме да го надминете овој?

1465
01:08:07,920 --> 01:08:09,730
Тоа е супер, супер мал
на телефонот на Викторија

1466
01:08:09,730 --> 01:08:11,400
и, ако го влечат
тоа до себе, веројатно

1467
01:08:11,400 --> 01:08:14,660
мали на вашиот телефон, како и, освен ако
овозможен поставките за пристапност.

1468
01:08:14,660 --> 01:08:15,530
Што е тоа?

1469
01:08:15,530 --> 01:08:18,497
Вие може само да изклинвам и
зум, кој е изводлив,

1470
01:08:18,497 --> 01:08:20,330
но тогаш ќе се види само
неколку зборови во исто време.

1471
01:08:20,330 --> 01:08:20,859
Па почекајте една минута.

1472
01:08:20,859 --> 01:08:21,720
Знам како да го поправите ова.

1473
01:08:21,720 --> 01:08:22,219
Нели?

1474
01:08:22,219 --> 01:08:26,130
Јас може да се користи CSS, и јас може да се промени
големина на фонтот од 12 поени и 24 поени.

1475
01:08:26,130 --> 01:08:29,020
Но, пропратен ефект на тоа,
се разбира, ќе биде сега,

1476
01:08:29,020 --> 01:08:32,630
на десктоп или лаптоп,
Сега текстот е двојно поголем.

1477
01:08:32,630 --> 01:08:35,810
И така тој вид на ќе биде убаво
да се направи разлика помеѓу уредите,

1478
01:08:35,810 --> 01:08:37,840
и испоставува таму
начини тоа да го направам.

1479
01:08:37,840 --> 01:08:39,590
Постојат неколку
различни начини, всушност,

1480
01:08:39,590 --> 01:08:44,189
при користење на CSS и познавач карактеристики
дека нема да одат во во голема детали,

1481
01:08:44,189 --> 01:08:46,960
вие во суштина може да пребарување
на пребарувачот и да каже,

1482
01:08:46,960 --> 01:08:51,550
Ако вашиот екран е помала од оваа
многу пиксели, користете ја оваа големина на фонтот.

1483
01:08:51,550 --> 01:08:55,180
Ако вашиот екран е поголем од овој
многу пиксели, користете го ова на другите големина на фонтот.

1484
01:08:55,180 --> 01:08:57,080
>> Вие може да биде дури и познавач уште.

1485
01:08:57,080 --> 01:09:00,140
Ако некогаш сте посетиле
веб-страница, која, на десктоп,

1486
01:09:00,140 --> 01:09:04,404
има голем мени можеби и исклучување на
страна, а потоа сите на содржината

1487
01:09:04,404 --> 01:09:07,029
е на страната на која menu--
тоа е вид на заедничка парадигма.

1488
01:09:07,029 --> 01:09:09,670
Мени на левата, содржината
на право, или обратно.

1489
01:09:09,670 --> 01:09:13,569
навистина не работат на мобилни телефони кога вашиот
екранот е само тоа многу пиксели.

1490
01:09:13,569 --> 01:09:16,233
Значи почести на мобилен е,
вашето мени одеднаш ќе се

1491
01:09:16,233 --> 01:09:18,399
пропадна, и треба да се
кликнете на копчето за да ја видите,

1492
01:09:18,399 --> 01:09:22,404
или на веб страната ќе се стави на менито
над него и го стави на содржината под него.

1493
01:09:22,404 --> 01:09:24,779
И може да се имплементираат овие
работи на повеќе начини, исто така.

1494
01:09:24,779 --> 01:09:28,340
Можете да побарате вашиот програмери,
Еј, тим, во секое време

1495
01:09:28,340 --> 01:09:34,450
ќе видите HTTP барање од Андроид
уред, уредот Мајкрософт, Гугл

1496
01:09:34,450 --> 01:09:39,930
уред, уред на Apple, користете го ова
големина на фонт и го користат ова мени,

1497
01:09:39,930 --> 01:09:42,670
или на друго место го користите овој стандардно поголем изглед.

1498
01:09:42,670 --> 01:09:45,410
>> Сега, со помош на кој
основните техника денес

1499
01:09:45,410 --> 01:09:48,529
може да ги користат инженерите
да се знае дали тоа е

1500
01:09:48,529 --> 01:09:53,660
iPhone, Андроид телефон, лаптоп,
десктоп посета на серверот на компанијата?

1501
01:09:53,660 --> 01:09:55,310
Каде што тие се добие таа информација?

1502
01:09:55,310 --> 01:09:56,080
>> ПУБЛИКАТА: заглавието?

1503
01:09:56,080 --> 01:09:57,740
>> Дејвид Џ MALAN: Да, насловот на HTTP.

1504
01:09:57,740 --> 01:10:01,714
Така што секој HTTP барањето доаѓа од
нивните клиенти на нивните сервери

1505
01:10:01,714 --> 01:10:03,880
вклучуваат, во таа виртуелна
плик, целиот куп

1506
01:10:03,880 --> 01:10:08,260
на HTTP заглавија, од кои еден е
прелистувачот и оперативниот систем

1507
01:10:08,260 --> 01:10:10,290
дури, ако се грижите да
тоа ниво на детали.

1508
01:10:10,290 --> 01:10:13,790
Сега, тоа е криптичната изглед стринг, но
постои софтвер кој само ќе

1509
01:10:13,790 --> 01:10:18,530
поедноставување на тоа, а вие само може да побара
во програмирање code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- што телефонот е this--
што уредот е овој корисник користите?

1511
01:10:23,650 --> 01:10:27,501
И тогаш може да се каже, да им покажеме на оваа
верзија на сајт, ако тоа е телефон.

1512
01:10:27,501 --> 01:10:30,250
Покажете им дека оваа верзија на
сајт, ако тоа е лаптоп или десктоп.

1513
01:10:30,250 --> 01:10:32,316
Но, можете дури и не треба
од страна на серверот комплексност.

1514
01:10:32,316 --> 01:10:33,940
Можете да го направите дури и наједноставните работи.

1515
01:10:33,940 --> 01:10:34,815
>> Одам да го направите тоа.

1516
01:10:34,815 --> 01:10:38,995
Одам да се оди напред во
мојот Cloud9 животната средина,

1517
01:10:38,995 --> 01:10:41,370
а јас ќе одам да додадете ознака
што го виде во Google порано.

1518
01:10:41,370 --> 01:10:42,770
Таа се вика на metatag.

1519
01:10:42,770 --> 01:10:45,520
И никогаш не се сеќава на ова еден, па
Одам да ја транскрибира тука.

1520
01:10:45,520 --> 01:10:50,552
Мета име = "порта", а потоа
содржината = "width = ширина на уредот, intital

1521
01:10:50,552 --> 01:11:02,060
скала = 1 "и тоа е тоа.

1522
01:11:02,060 --> 01:11:06,230
>> Па тоа би можело да биде
како магична инкантација.

1523
01:11:06,230 --> 01:11:11,300
Тоа не е сето тоа е јасно, но тоа има
нешто да се направи со гледиштето,

1524
01:11:11,300 --> 01:11:15,070
и гледиште е само тело на
веб-страница, правоаголни регионот која

1525
01:11:15,070 --> 01:11:16,690
дефинира поголемиот дел од страната.

1526
01:11:16,690 --> 01:11:19,060
И ова е само кажувам
прелистувачот, знаеш што?

1527
01:11:19,060 --> 01:11:22,589
Направете ширината на оваа страница
ефикасно еднаква на ширината на уредот.

1528
01:11:22,589 --> 01:11:25,380
Со други зборови, не се претпостави дека
имаш вид на неограничен простор.

1529
01:11:25,380 --> 01:11:29,920
Да претпоставиме дека имате само колку
простор, како на самиот уред е голема.

1530
01:11:29,920 --> 01:11:34,454
И така сега, ако јас вчитајте ја оваа
во мојот интернет пребарувач, не гледам промени.

1531
01:11:34,454 --> 01:11:37,370
Но, ако јас го направи ова и correctly--
дозволете ми да премине мојот fingers-- ако сите што

1532
01:11:37,370 --> 01:11:42,920
Вчитај ја страната повторно вашите телефони, нели
види една огромна промена?

1533
01:11:42,920 --> 01:11:43,620
Да, е that--

1534
01:11:43,620 --> 01:11:45,067
>> ПУБЛИКАТА: [Беззвучен]

1535
01:11:45,067 --> 01:11:45,900
Дејвид Џ MALAN: Да.

1536
01:11:45,900 --> 01:11:46,400
ДОБРО.

1537
01:11:46,400 --> 01:11:47,850
Па веројатно повеќе може да се чита во моментов?

1538
01:11:47,850 --> 01:11:53,070
Сеуште мал, за да биде фер, но не
толку мали што ќе биде неподнослив.

1539
01:11:53,070 --> 01:11:56,920
И јас секако може да ја пребришат оваа
понатаму со CSS или на страната на серверот,

1540
01:11:56,920 --> 01:12:00,120
но се повеќе она што си
гледајќи се повеќе и повеќе функции

1541
01:12:00,120 --> 01:12:02,900
да бидат додадени во
клиент-страна environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, како ние ќе разговараме
утре, CSS, и така HTML--

1543
01:12:06,530 --> 01:12:09,190
дека сите овие прашања
може да се направи на клиентот

1544
01:12:09,190 --> 01:12:11,910
со цел да се мачат
сервер за многу помалку, а не

1545
01:12:11,910 --> 01:12:14,530
мора да остане во чекор со,
На пример, на постојан напад

1546
01:12:14,530 --> 01:12:17,210
на новиот оперативен систем
верзии, нови верзии на прелистувачот.

1547
01:12:17,210 --> 01:12:20,190
Вие само може да ги споделите со прелистувачот
побара од уредот, колку е голема и да си,

1548
01:12:20,190 --> 01:12:22,890
а потоа направи малку логички
одлуки врз основа на тоа.

1549
01:12:22,890 --> 01:12:25,140
Но, ќе видиме повеќе можности
за логички одлуки

1550
01:12:25,140 --> 01:12:27,223
утре во контекст
на програмскиот јазик.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Значи, било какви прашања, тогаш,
на веб развој?

1553
01:12:32,760 --> 01:12:36,130
Денес не е веб програмирање, по
себе, бидејќи повеќето се што ние го сторивме

1554
01:12:36,130 --> 01:12:38,370
беше многу естетски, ако сакате.

1555
01:12:38,370 --> 01:12:41,750
Не постои донесување одлуки во
на кодот кој го имаат напишано,

1556
01:12:41,750 --> 01:12:44,990
и така тоа е причината зошто е HTML маркап
јазик, не е програмски јазик.

1557
01:12:44,990 --> 01:12:47,140
Но, утре ние ќе се
брз поглед, во крајна линија,

1558
01:12:47,140 --> 01:12:49,340
на JavaScript, која е
вистински програмирање

1559
01:12:49,340 --> 01:12:54,220
јазик, кој ни овозможува да се направи малку повеќе.

1560
01:12:54,220 --> 01:12:56,800
>> Некакви прашања?

1561
01:12:56,800 --> 01:13:00,480
Па, дозволете ми предложи два
можности опција за домашна задача.

1562
01:13:00,480 --> 01:13:02,900
Еден is-- овие Cloud9
сметки нема да истече.

1563
01:13:02,900 --> 01:13:04,669
Вие сте добредојдени да се користи
нив да нескопосник со.

1564
01:13:04,669 --> 01:13:05,960
Тоа е слободно ниво на услуга.

1565
01:13:05,960 --> 01:13:08,754
Сфатат дека, ако при создавањето
вашиот работен простор, што го направи тоа јавно,

1566
01:13:08,754 --> 01:13:11,670
што не значи дека некој на
Интернет може да се види она што го пишувате.

1567
01:13:11,670 --> 01:13:15,104
Па можеби само се разгледа
не засрамувачки себе

1568
01:13:15,104 --> 01:13:18,020
ако сте ставање вашиот прв веб
страница таму јавно случајно,

1569
01:13:18,020 --> 01:13:20,134
но никој не се случува да се
знае да се погледне таму во секој случај.

1570
01:13:20,134 --> 01:13:23,760
>> И two-- дозволете ми да се фрли
до овој URL, како и,

1571
01:13:23,760 --> 01:13:28,250
особено ако дојде денес
малку помалку удобно од другите,

1572
01:13:28,250 --> 01:13:30,430
сигурни што значи сето тоа работи.

1573
01:13:30,430 --> 01:13:36,780
Сфатат дека многу повеќе од ова видео,
што е и добар начин да се заспие

1574
01:13:36,780 --> 01:13:39,380
а исто така и да се смее додека
тоа, исто така, има

1575
01:13:39,380 --> 01:13:44,300
многу интересна societally
и релевантни безбедноста дискусии

1576
01:13:44,300 --> 01:13:47,370
во него од Јован Оливер,
иако комичар.

1577
01:13:47,370 --> 01:13:55,456
>> Но, ако не постојат дополнителни прашања,
што нè доведува до рецепцијата.

1578
01:13:55,456 --> 01:13:56,830
Па зошто да не се вртам на музика.

1579
01:13:56,830 --> 01:13:58,610
Треба да има пијалаци
и закуски надвор.

1580
01:13:58,610 --> 01:14:00,220
Среќен сум што можам да се мешаат за што
додека луѓе би сакале,

1581
01:14:00,220 --> 01:14:01,600
одговори на прашањата на уште еден-на-еден.

1582
01:14:01,600 --> 01:14:03,330
Но, во спротивно, вие сте добредојдени
да ги тргнеме во секој момент,

1583
01:14:03,330 --> 01:14:05,740
и ќе се видиме повторно
утре наутро за малку повеќе.

1584
01:14:05,740 --> 01:14:07,290
Добро, благодарам.

1585
01:14:07,290 --> 01:14:10,428