1
00:00:00,000 --> 00:00:05,660
>> [સંગીત વગાડવાનો]

2
00:00:05,660 --> 00:00:08,740
>> ડો LLOYD: તેથી આપણે વધુ એક લેવા દો
વિડિઓ વધુ એક ભાષા વિશે વાત કરવા માટે.

3
00:00:08,740 --> 00:00:10,800
અમે સીએસએસ વિશે વાત કરીશું આ સમય.

4
00:00:10,800 --> 00:00:13,460
માટે ટૂંકા હોય છે, જે તેથી સીએસએસ,
સ્ટાઇલ શીટ્સ કેસ્કેડીંગ,

5
00:00:13,460 --> 00:00:16,149
અમે ઉપયોગ અન્ય ભાષા છે
વેબસાઇટ્સ નિર્માણ કરે છે.

6
00:00:16,149 --> 00:00:17,190
આ જેમ તે વિશે વિચારો.

7
00:00:17,190 --> 00:00:20,900
HTML અમે આયોજન કરવા માટે ઉપયોગ શું છે, તો
અમે અમારા પૃષ્ઠ પર મૂકેલ સામગ્રી,

8
00:00:20,900 --> 00:00:25,390
સીએસએસ અમે સામાન્ય રીતે ઉપયોગ કરે છે સાધન છે
અમારા વેબસાઇટ્સ જુઓ કે કેવી રીતે કસ્ટમાઇઝ કરવા માટે,

9
00:00:25,390 --> 00:00:30,410
અને કેવી રીતે વપરાશકર્તા અનુભવ ખરેખર
અમારી વેબસાઇટ સાથે સંપર્કમાં આવવાની છે.

10
00:00:30,410 --> 00:00:32,535
>> HTML માં સમાન, સીએસએસ છે
નથી એક પ્રોગ્રામિંગ ભાષા.

11
00:00:32,535 --> 00:00:33,451
તે તર્ક નથી.

12
00:00:33,451 --> 00:00:34,595
તે ચલો નથી.

13
00:00:34,595 --> 00:00:38,890
તે કોઇ પણ પ્રકારની નથી
સી કરે છે કે જે સંબંધિત વસ્તુઓ પ્રવાહ.

14
00:00:38,890 --> 00:00:40,150
તે એક સ્ટાઇલ ભાષા છે.

15
00:00:40,150 --> 00:00:42,810
અને તેના વાક્યરચના ખૂબ છે
સરળ છે, અને માત્ર વર્ણવે છે

16
00:00:42,810 --> 00:00:46,240
કેવી રીતે તત્વો અમારી
પાનું ચોક્કસ HTML છે

17
00:00:46,240 --> 00:00:48,190
તત્વો સુધારવામાં આવવી જોઈએ.

18
00:00:48,190 --> 00:00:51,170
તે માટે, જો તમે ન હોય
હજુ સુધી, HTML પર અમારા વિડિઓ જોઈ

19
00:00:51,170 --> 00:00:53,290
અથવા સાથે પરિચિત નહિં હોય
HTML સામાન્ય રીતે, તમે

20
00:00:53,290 --> 00:00:57,430
કે પર એક નજર કરી શકો છો
સીએસએસ પ્રથમ, કારણ કે આ ચર્ચા

21
00:00:57,430 --> 00:01:00,700
પર આધાર રાખે છે રહ્યું છે
HTML ની ​​કેટલીક જ્ઞાન.

22
00:01:00,700 --> 00:01:03,740
>> તેથી અહીં ખરેખર છે
સરળ સીએસએસ સ્ટાઇલશીટ.

23
00:01:03,740 --> 00:01:06,480
તમે ક્યારેય કર્યું હોય તો પણ
પહેલાં સીએસએસ સાથે પ્રોગ્રામ છે,

24
00:01:06,480 --> 00:01:10,624
તમે બહાર આકૃતિ કરી શકો છો હું ખૂબ ખાતરી છું
આ શૈલી નથી બરાબર છે.

25
00:01:10,624 --> 00:01:11,290
તે શું કરે છે?

26
00:01:11,290 --> 00:01:15,470
વેલ, અમારા વેબ શરીર પર લાગુ
શરીર ટૅગ્સ વચ્ચે પાનું, બધું

27
00:01:15,470 --> 00:01:19,631
અમારા એચટીએમએલ પર, અને તે સુયોજિત કરે છે
વાદળી પેજમાં ઓફ પૃષ્ઠભૂમિ રંગ.

28
00:01:19,631 --> 00:01:21,130
વેલ, તે ખૂબ જ સરળ શૈલી છે.

29
00:01:21,130 --> 00:01:23,269
તે ખરેખર ખૂબ જ માનવ છે
મૈત્રીપૂર્ણ ભાષા, સીએસએસ.

30
00:01:23,269 --> 00:01:26,560
તેથી જો તમે તે પહેલાં ક્યારેય ઉપયોગ કર્યો છે તો પણ
તમે કદાચ કે શું ધારી શકે છે.

31
00:01:26,560 --> 00:01:30,140
હકીકતમાં, તો અમે એક પાનું છે, જ્યાં લોડ
આ શૈલી, કોઈક એમ્બેડ કરવામાં આવી હતી

32
00:01:30,140 --> 00:01:36,240
અમારા પાનું પૃષ્ઠભૂમિ રંગ કરશે
વાદળી, અને પ્રમાણભૂત સફેદ નહિ.

33
00:01:36,240 --> 00:01:37,670
>> તેથી અમે કેવી રીતે સ્ટાઇલશીટ્સ બીલ્ડ કરી શકું?

34
00:01:37,670 --> 00:01:39,700
વેલ પ્રથમ, અમે છે
એક પસંદગીકાર ઓળખે છે.

35
00:01:39,700 --> 00:01:42,970
છેલ્લા ઉદાહરણમાં,
કે પસંદગીકાર શરીર કરતો હતો.

36
00:01:42,970 --> 00:01:45,050
પછી અમે એક ખુલ્લું છે
સર્પાકાર તાણવું, અને અમે છો

37
00:01:45,050 --> 00:01:48,410
વ્યાખ્યાયિત શરૂ કરવા જઇ
કે પસંદગીકાર માટે સ્ટાઇલશીટ.

38
00:01:48,410 --> 00:01:51,800
સર્પાકાર કૌંસ વચ્ચે, અમે
માત્ર કી કિંમત જોડીઓને યાદી હોય છે.

39
00:01:51,800 --> 00:01:56,205
અગાઉના કિંમતની જોડી હતી
પૃષ્ઠભૂમિ રંગ વાદળી અર્ધવિરામ,

40
00:01:56,205 --> 00:01:57,830
પરંતુ અમે આ વધુ અને વધુ શું કરી શકે છે.

41
00:01:57,830 --> 00:02:02,330
તમે ઘણી વસ્તુઓ અરજી કરી શકે છે
કે ટેગ, કે પસંદગીકાર શરીર.

42
00:02:02,330 --> 00:02:05,960
તેમને દરેક એક દ્વારા અલગ કરવામાં આવે છે
અર્ધવિરામ, અને અમે તેમને દરેક એક કૉલ

43
00:02:05,960 --> 00:02:08,949
ઘોષણા, એક સીએસએસ ઘોષણા.

44
00:02:08,949 --> 00:02:12,410
અમે તમામ સ્ટાઇલ અમે પૂર્ણ કરી લીધું છે
કે જે ચોક્કસ ટેગ પર લાગુ કરવા માંગો છો,

45
00:02:12,410 --> 00:02:15,300
અમે માત્ર એક બંધ સર્પાકાર છે
સ્ટાઇલશીટ અંત તાણવું,

46
00:02:15,300 --> 00:02:19,640
અને અમે શૈલી વ્યાખ્યાયિત પૂર્ણ કરી રહ્યાં છો
કે જે ચોક્કસ પસંદગીકાર છે.

47
00:02:19,640 --> 00:02:21,341
>> કેટલાક સામાન્ય સીએસએસ ગુણધર્મો શું છે?

48
00:02:21,341 --> 00:02:23,590
વેલ, કદાચ તમે મૂકેલ
કંઈક આસપાસ સરહદ.

49
00:02:23,590 --> 00:02:26,850
તમે કહી શકો છો, જેથી સરહદ,
કે જે તમારી કી હોઇ શકે છે,

50
00:02:26,850 --> 00:02:29,460
અને પછી તમારા મૂલ્યો હશે,
શું શૈલી, રંગ, અને પહોળાઈ

51
00:02:29,460 --> 00:02:30,209
તમે તેને કરવા માંગો છો.

52
00:02:30,209 --> 00:02:33,530
તેથી શૈલી એક ઘન હોઈ શકે છે
રેખા, એક ડોટેડ વાક્ય, એક રેખાઓ લાઇન,

53
00:02:33,530 --> 00:02:36,020
ઊંચુંનીચું થતું વાક્ય હશે, જે એક રિજ વાક્ય.

54
00:02:36,020 --> 00:02:38,790
કદાચ તમે તેને હોય માંગો છો
વાદળી અથવા કાળી અથવા લીલા હોય છે.

55
00:02:38,790 --> 00:02:41,490
કદાચ તમે તેને કરવા માંગો છો
1 અથવા 2 અથવા 10 પિક્સેલ્સ વિશાળ.

56
00:02:41,490 --> 00:02:43,254
તમે તે બધું સ્પષ્ટ કરી શકો છો.

57
00:02:43,254 --> 00:02:46,420
કદાચ તમે પૃષ્ઠભૂમિ સેટ કરવા માંગો છો
ચોક્કસ રીતે તમારા પાનું રંગ.

58
00:02:46,420 --> 00:02:49,215
અમે પહેલાથી જ સુયોજિત છે, તે જોયું
શરીરના પૃષ્ઠભૂમિ વાદળી હોય છે.

59
00:02:49,215 --> 00:02:52,080
>> પછી તમે એક કી શબ્દ ઉપયોગ કરી શકો છો
તેથી સીએસએસ ચોક્કસ રંગો છે

60
00:02:52,080 --> 00:02:55,950
કે, તેને લીલો, વાદળી બાંધવામાં આવે છે
બ્લેક, આપણે જાણીએ છીએ કે ખૂબ જ સરળ રંગો.

61
00:02:55,950 --> 00:02:59,110
પરંતુ તમે પણ સ્પષ્ટ કરી શકો છો
તમે ઇચ્છો કે હેક્સ રંગ.

62
00:02:59,110 --> 00:03:05,190
રંગો ઓળખી શકાય છે કે રિકોલ
ત્રણ હેક્સ નંબરો સમૂહ દ્વારા

63
00:03:05,190 --> 00:03:08,500
0 થી 255, રોહિત અને બી, માટે
લાલ, લીલો, વાદળી અને ઘટક.

64
00:03:08,500 --> 00:03:10,590
અને તેથી અમે સ્પષ્ટ કરી શકો છો
આપણે ઇચ્છો તે કોઇપણ રંગ,

65
00:03:10,590 --> 00:03:15,520
તેના બદલે વાદળી અથવા લીલા અથવા બ્લેક ઉપયોગ,
પાઉન્ડ ઉપયોગ કરીને અને હેક્સ પછી છ અંકો

66
00:03:15,520 --> 00:03:18,310
અને તે અમને આપશે
છ US સ્થાન રંગ.

67
00:03:18,310 --> 00:03:19,850
તેથી તે પૃષ્ઠભૂમિ રંગ છે.

68
00:03:19,850 --> 00:03:21,975
>> અમે પણ અગ્રભૂમિ છે
સામાન્ય રીતે જે રંગ,

69
00:03:21,975 --> 00:03:24,140
તમારા પૃષ્ઠ લખાણ હોઈ ચાલે.

70
00:03:24,140 --> 00:03:28,850
અને તમે એ જ રીતે કરી શકે
કી શબ્દ અને અથવા છ અંક hex સાથે.

71
00:03:28,850 --> 00:03:32,140
તેથી જો તમે કોઈપણ રંગ સ્પષ્ટ કરી શકો છો તમે
તમારા પૃષ્ઠ લખાણ માટે કરવા માંગો છો

72
00:03:32,140 --> 00:03:36,370
ચોક્કસ સામે
પૃષ્ઠભૂમિ રંગ, ઉપર ઉપર.

73
00:03:36,370 --> 00:03:39,100
તમે પણ બદલવા અને વ્યવહાર કરી શકો છો
ફોન્ટ, અને જે રીતે લખાણ સાથે

74
00:03:39,100 --> 00:03:40,400
આ પાનાં પર રેન્ડર છે.

75
00:03:40,400 --> 00:03:42,010
>> તેથી જો તમે તમારી ફોન્ટ માપ બદલી શકો છો.

76
00:03:42,010 --> 00:03:46,320
તમે જેમ કે વધારાની તરીકે કી શબ્દો ઉપયોગ કરી શકો છો
વિશેષ નાના, અથવા નાના XX, અથવા મધ્યમ,

77
00:03:46,320 --> 00:03:47,660
મોટા, અને તેથી પર.

78
00:03:47,660 --> 00:03:50,750
તમે નિશ્ચિત બિંદુઓ ઉપયોગ કરી શકો છો, 10
બિંદુ, 12 પોઇન્ટ, અને તેથી પર.

79
00:03:50,750 --> 00:03:55,850
તમે, ટકાવારી, 80%, 20% ઉપયોગ કરી શકો છો
જ્યાં 100% મૂળભૂત ફોન્ટ છે

80
00:03:55,850 --> 00:03:59,220
સામાન્ય રીતે ચાલે છે જે કદ,
11 અથવા 12 પોઈન્ટ કંઈક છે.

81
00:03:59,220 --> 00:04:01,659
અથવા તમે પણ તેને બંધ આધાર કરી શકો છો
સૌથી વધુ તાજેતરના ફોન્ટ માપ છે.

82
00:04:01,659 --> 00:04:04,950
તમે માત્ર કંઈક લખ્યું હતું અને તમે જાણો છો, તો
તે નાના પ્રયત્ન કરવા માટે તમે શું કરવા માંગો છો છે,

83
00:04:04,950 --> 00:04:08,241
પરંતુ તમને ખબર નથી બરાબર શું માપ તમે
તે હોઈ શકે છે, સાથે સાથે, તમે માત્ર કહી શકો છો માંગો છો,

84
00:04:08,241 --> 00:04:09,330
ફોન્ટ કદ નાના.

85
00:04:09,330 --> 00:04:14,344
અને તે બંધ આધાર કરશે
માત્ર ઉપર, તે ફોન્ટ માપ છે.

86
00:04:14,344 --> 00:04:15,760
અને તમે નાના અથવા મોટા મેળવી શકો છો.

87
00:04:15,760 --> 00:04:18,390
તેથી વિવિધ ઘણો છે
માર્ગો ફોન્ટ માપ સ્પષ્ટ કરવા માટે.

88
00:04:18,390 --> 00:04:20,690
>> તમે પણ શું સ્પષ્ટ કરી શકો છો
તમે કરવા માંગો છો ફોન્ટ કુટુંબ.

89
00:04:20,690 --> 00:04:23,360
જો તમે ચોક્કસ હોય તો
નામ, એક રીત છે CSS--

90
00:04:23,360 --> 00:04:27,270
અમે તે વિશે વાત નથી જઈ રહ્યાં છો
અહીં એક ખૂબ ચોક્કસ ફોન્ટ વ્યાખ્યાયિત કરવા માટે

91
00:04:27,270 --> 00:04:28,980
અને તમારા પૃષ્ઠ માં એમ્બેડ કરો.

92
00:04:28,980 --> 00:04:30,620
તમે પણ સામાન્ય નામો વાપરી શકો છો.

93
00:04:30,620 --> 00:04:33,540
વેબ સુરક્ષિત ફોન્ટ્સ ઘણો છે
કે CSS પૂર્વ નિર્ધારિત કરવામાં આવે છે.

94
00:04:33,540 --> 00:04:36,352
અને Microsoft ના વપરાશકર્તા હોય તો
છેલ્લા 20 વર્ષમાં ઓફિસ,

95
00:04:36,352 --> 00:04:38,810
તમે કદાચ સાથે પરિચિત છો
આ વેબ સુરક્ષિત ફોન્ટ્સ ઘણો

96
00:04:38,810 --> 00:04:44,640
પહેલેથી જ ટાઇમ્સ ન્યૂ રોમન, એરિયલ,
, નવું, જ્યોર્જિયા, Tahoma, વરદાના કુરિયર

97
00:04:44,640 --> 00:04:45,470
અને તેથી પર.

98
00:04:45,470 --> 00:04:47,170
તે બધા વેબ સુરક્ષિત ફોન્ટ્સ ગણવામાં આવે છે.

99
00:04:47,170 --> 00:04:49,169
આ અને ખરેખર, ભાગ
કારણ કે તેઓ હોઈ આવ્યા

100
00:04:49,169 --> 00:04:54,140
દરેક પાનું web-- બનાવવા માટે વાપરી શકાય હતી
આ મૂળભૂત ઍક્સેસ ફોન્ટ્સ કરી હતી

101
00:04:54,140 --> 00:04:58,480
વિવિધ serifs, અને આ બધા સાથે
અમે માં મળશે નહીં ફોન્ટ સામગ્રી,

102
00:04:58,480 --> 00:05:01,130
પરંતુ આ સામાન્ય રીતે છે
તમારા સીએસએસ સુલભ,

103
00:05:01,130 --> 00:05:04,029
જો તમે ન કરો તો પણ
અન્યથા ફોન્ટ વ્યાખ્યાયિત કરે છે.

104
00:05:04,029 --> 00:05:07,070
છેલ્લે, તમે તમારા લખાણ align કરી શકો છો,
તે હોવા બદલે, મૂળભૂત રીતે ગોઠવાયેલ છે,

105
00:05:07,070 --> 00:05:09,310
ડાબી, તમે કરી શકે
જમણી તે align,

106
00:05:09,310 --> 00:05:13,740
અથવા તમે તેને કેન્દ્રિત align, અથવા કરી શકે છે
તે બંને માર્જિન હિટ કે જેથી વાજબી.

107
00:05:13,740 --> 00:05:16,800
તે જેથી તમે ઉપયોગ કરી શકો છો બધા વિકલ્પો છે
તમારા લખાણ જેમ દેખાય છે તે બદલવા માટે,

108
00:05:16,800 --> 00:05:20,120
અને તે તમારા પૃષ્ઠ પર કેવી રીતે દર્શાવવામાં આવ્યું છે.

109
00:05:20,120 --> 00:05:22,180
>> તમારી પસંદગીકારો નથી
ટૅગ્સ માત્ર હોય છે.

110
00:05:22,180 --> 00:05:25,539
અમે અગાઉ શરીર ટેગ જોયું
પસંદગીકાર અને ટેગ પસંદગીકાર

111
00:05:25,539 --> 00:05:26,580
કે જે હમણાં જ લાગતું નથી.

112
00:05:26,580 --> 00:05:30,020
તમે તો પછી તમે એક ટેગ નામ, અને
કે ટેગ માટે શૈલી વ્યાખ્યાયિત કરે છે.

113
00:05:30,020 --> 00:05:32,660
પરંતુ તમે પણ કંઈક કરી શકો છો
એક ID પસંદગીકાર તરીકે ઓળખાય છે.

114
00:05:32,660 --> 00:05:34,390
એક ID પસંદગીકાર ખૂબ સમાન દેખાય છે.

115
00:05:34,390 --> 00:05:38,100
પરંતુ હવે હું ઉપયોગ કરું છું કે નોટિસ
એક HTML ટેગ, હું આ કિસ્સામાં, ઉપયોગ કરું છું

116
00:05:38,100 --> 00:05:40,720
#unique, અથવા અનન્ય હેશ.

117
00:05:40,720 --> 00:05:42,930
તમે યાદ તો અમારા
એચટીએમએલ પર વિડિઓ, અમે વાત

118
00:05:42,930 --> 00:05:45,620
ટૅગ્સ લક્ષણો હોઈ શકે છે કેવી રીતે વિશે.

119
00:05:45,620 --> 00:05:48,340
>> અને એક લક્ષણ છે કે લાગુ પડે છે
ખૂબ ખૂબ બધા HTML ટૅગ્સ,

120
00:05:48,340 --> 00:05:51,440
પરંતુ અમે તે વિશે વાત કરી ન હતી,
એક ID ટેગ કહેવાય કંઈક છે.

121
00:05:51,440 --> 00:05:55,250
તેથી આ ચોક્કસ સીએસએસ કરશે
માત્ર છે કે HTML ટૅગ પર લાગુ

122
00:05:55,250 --> 00:05:58,530
એક ખૂબ ચોક્કસ ID ને, તમે નામ આપવામાં આવ્યું કર્યું છે.

123
00:05:58,530 --> 00:06:01,000
તમે ક્યાંક હોય તો
તમારો કોડ માં, ક્યાંક

124
00:06:01,000 --> 00:06:06,090
તમારા HTML ફાઇલ, ટૅગ અને તમે
કે ટેગ કરવા માટે એક લક્ષણ તરીકે સ્પષ્ટ

125
00:06:06,090 --> 00:06:09,060
ને, આ અનન્ય બરાબર
ખાસ સ્ટાઇલશીટ

126
00:06:09,060 --> 00:06:15,030
અહીં માત્ર વચ્ચે લાગુ પડશે
અનન્ય ID ને સાથે ટૅગ.

127
00:06:15,030 --> 00:06:17,180
>> તમે પણ કંઈક કરી શકો છો
એક વર્ગ પસંદગીકાર તરીકે ઓળખાય છે.

128
00:06:17,180 --> 00:06:19,920
કર્યા ઉપરાંત તેથી
આઈડી તમે પણ કરી શકો છો, લક્ષણો

129
00:06:19,920 --> 00:06:23,130
એચટીએમએલ ટૅગ્સ માટે વર્ગ લક્ષણ ઉમેરો.

130
00:06:23,130 --> 00:06:27,140
અને જો તમે એક વર્ગ લક્ષણ ઉપયોગ કરો છો ત્યારે,
તે ઘણી ટૅગ્સ લાગુ કરી શકાય છે.

131
00:06:27,140 --> 00:06:31,880
તેથી જો તમે અનેક વસ્તુઓ હોય, તો તે
, કદાચ તમે કહી સમાન માંગો છો,

132
00:06:31,880 --> 00:06:35,890
ઓપન ટેગ મૂર્ખામી ભરેલી વાહિયાત વાત, મૂર્ખામી ભરેલી વાહિયાત વાત, મૂર્ખામી ભરેલી વાહિયાત વાત,
મૂર્ખામી ભરેલી વાહિયાત વાત, વર્ગ વિદ્યાર્થીઓ સમકક્ષ હોય છે.

133
00:06:35,890 --> 00:06:38,190
અને પછી આ ચોક્કસ
સ્ટાઇલશીટ લાગુ પડે છે

134
00:06:38,190 --> 00:06:42,041
જેના વર્ગ દરેક ટેગ વિદ્યાર્થી છે.

135
00:06:42,041 --> 00:06:44,290
આ કિસ્સામાં, અમે સેટ કરશો
પીળા પૃષ્ઠભૂમિ રંગ,

136
00:06:44,290 --> 00:06:46,706
અને અમે અસ્પષ્ટ સુયોજિત છો કે જે
અમે વિશે વાત કરી ન હતી ટેગ છે,

137
00:06:46,706 --> 00:06:52,510
પરંતુ માત્ર કેવી રીતે પારદર્શક સાથે વહેવાર
કંઈક આ કિસ્સામાં, 70% છે.

138
00:06:52,510 --> 00:06:54,430
>> માટે બે વિકલ્પો છે
લેખન સ્ટાઈલશીટો.

139
00:06:54,430 --> 00:06:56,680
તમે તેમને લખી શકો છો
સીધા તમારા HTML માં

140
00:06:56,680 --> 00:06:59,690
સ્ટાઇલશીટ્સ મૂકીને
શૈલી ટૅગ્સ વચ્ચે.

141
00:06:59,690 --> 00:07:03,850
અને તે શૈલી ટૅગ્સ અંદર જાઓ
તમારા વેબ પાનું વડા ટૅગ્સ.

142
00:07:03,850 --> 00:07:08,240
આ કદાચ એક કરતા વધુ મનપસંદ રીતે કરવા માટે
તે એક અલગ સીએસએસ ફાઇલ લખી છે,

143
00:07:08,240 --> 00:07:12,360
અને પછી તેને લિંક તમારા
લિંક ટૅગ્સ ઉપયોગ દસ્તાવેજ.

144
00:07:12,360 --> 00:07:14,690
કડી ટૅગ્સ, ફરી, છે
હાયપરલિંક્સ અલગ છે,

145
00:07:14,690 --> 00:07:16,760
તમે અમારી વિડિઓ માંથી એક HTML યાદ તો.

146
00:07:16,760 --> 00:07:19,030
અને લિંક ટૅગ્સ કેવી રીતે અમે
અલગ ફાઈલોમાં ખેંચો.

147
00:07:19,030 --> 00:07:23,900
તે પ્રકારના સમકક્ષ જેવા
વેબ પ્રોગ્રામિંગ માટે # સમાવેશ થાય છે.

148
00:07:23,900 --> 00:07:27,140
>> તેથી આપણે table.HTML પર એક નજર કરીએ.

149
00:07:27,140 --> 00:07:29,380
તમે યાદ તો અમારા
એચટીએમએલ વિડિઓ, હું દર્શાવ્યું

150
00:07:29,380 --> 00:07:32,000
ખૂબ જ એક ઉદાહરણ
સરળ ગુણાકાર

151
00:07:32,000 --> 00:07:35,160
ખૂબ જોવામાં કે ટેબલ
નીચ, અને કદાચ ત્યાં

152
00:07:35,160 --> 00:07:38,650
માર્ગ સાથે તે વધુ સારું બનાવવા માટે
સીએસએસ, તે ખરેખર દેખાવ બનાવવા માટે

153
00:07:38,650 --> 00:07:41,120
ગુણાકાર જેમ વધુ
ટેબલ, અથવા કંઈક

154
00:07:41,120 --> 00:07:43,730
કે જે હમણાં જ એક સાથે અટકી નથી
કોઈ વાસ્તવિક વિભાગ સાથે

155
00:07:43,730 --> 00:07:45,532
પંક્તિઓ અને કૉલમ્સ વચ્ચે.

156
00:07:45,532 --> 00:07:47,490
તેથી આપણે પર વડા દો
CS50 IDE, અને એક નજર

157
00:07:47,490 --> 00:07:50,780
સીએસએસ, પ્રકારની, જઈ શકો છો કેવી રીતે
અમે શું પહેલાં શરૂ કર્યું,

158
00:07:50,780 --> 00:07:53,290
અને તે ઘણો વધુ સારી રીતે કંઈક બનાવે છે.

159
00:07:53,290 --> 00:07:55,650
>> તેથી અમે CS50 IDE છો
હવે, અને અજાણ્યા હોય તો,

160
00:07:55,650 --> 00:07:58,710
અમે આ અપ ખેંચવાનો પડશે
ટેબલ HTML પાનામાં છે.

161
00:07:58,710 --> 00:08:01,090
Table.HTML મૂળભૂત
માત્ર સમાવિષ્ટો વ્યાખ્યાયિત

162
00:08:01,090 --> 00:08:05,044
એક multiple-- તે હોઈ રહેવા આવી હતી
ચાર ચાર ગુણાકાર કોષ્ટક.

163
00:08:05,044 --> 00:08:06,210
તે ખૂબ સરળ છે.

164
00:08:06,210 --> 00:08:09,410
અને અમે તેને લાગે છે કે કરશે
ખૂબ સારી રીતે આયોજન જુઓ.

165
00:08:09,410 --> 00:08:15,277
પરંતુ હકીકતમાં, અમે આ પાનું પૂર્વાવલોકન, ત્યારે
અમે તે પ્રકારની નીચ, અધિકાર છે કે નહીં તે જોવા?

166
00:08:15,277 --> 00:08:16,860
સ્પષ્ટ રીતે આપણે અહીં પંક્તિઓ અને કૉલમ્સ છે.

167
00:08:16,860 --> 00:08:18,350
ત્યાં અલગ અમુક પ્રકારના.

168
00:08:18,350 --> 00:08:20,040
પરંતુ તે એક અર્થપૂર્ણ અલગ નથી.

169
00:08:20,040 --> 00:08:23,105
અમે ખરેખર ન મળી રહ્યા
અહીં ખૂબ માહિતી.

170
00:08:23,105 --> 00:08:25,730
વચ્ચે કોઈ અલગ છે
દ્રષ્ટિએ પંક્તિઓ અને કૉલમ્સ

171
00:08:25,730 --> 00:08:28,460
આડી અથવા વર્ટિકલ નિયમો.

172
00:08:28,460 --> 00:08:31,530
અમે કદાચ આ કરી શકે છે
વધુ સારી રીતે થોડો જુઓ.

173
00:08:31,530 --> 00:08:32,934
તેથી આપણે પ્રયાસ કરીએ.

174
00:08:32,934 --> 00:08:34,559
તેથી હું અહીં આ ટેબ બંધ જાઉં છું.

175
00:08:34,559 --> 00:08:37,434
હું અને મારા table.HTML બંધ જાઉં છું
અને હું અહીં અન્ય આવૃત્તિ છે

176
00:08:37,434 --> 00:08:39,490
table2.HTML કહેવાય છે.

177
00:08:39,490 --> 00:08:40,655
અમે જે ખોલવા પડશે.

178
00:08:40,655 --> 00:08:42,530
આ પાનું શરીર છે
ખૂબ ખૂબ જ,

179
00:08:42,530 --> 00:08:44,238
પરંતુ હું બદલ્યું એક
ટોચ પર થોડુંક.

180
00:08:44,238 --> 00:08:47,132
અને હું અહીં સુધી સ્ક્રોલ પડશે.

181
00:08:47,132 --> 00:08:49,340
હું છું, કે આ સમય નોટિસ
જડિત શૈલી ટૅગ્સ ઉપયોગ કરે છે.

182
00:08:49,340 --> 00:08:53,550
હું એક શૈલી ટેગ ખોલી છે, અને હું હવે છું
માત્ર અંદર એક સીએસએસ સ્ટાઇલશીટ વ્યાખ્યાયિત

183
00:08:53,550 --> 00:08:54,310
તે.

184
00:08:54,310 --> 00:08:56,310
હું ટેબલ કહે છે કે એક શૈલી હોય છે.

185
00:08:56,310 --> 00:08:58,170
તે મારા ટેગ પસંદગીકાર છે.

186
00:08:58,170 --> 00:09:01,340
હું કોઈ અથવા હેશ ઉપયોગ ન છું,
જે હું તો કરી આવશે

187
00:09:01,340 --> 00:09:03,710
એક ID અથવા વર્ગ પસંદગીકાર ઉપયોગ કરવામાં આવ્યો હતો.

188
00:09:03,710 --> 00:09:06,190
હું એક ટેગ પસંદગીકાર અહીં ટેબલ છે.

189
00:09:06,190 --> 00:09:10,090
આ શૈલી રહ્યું છે
દરેક ટેબલ ટેગ લાગુ પડે છે.

190
00:09:10,090 --> 00:09:14,950
દેખીતી રીતે હું એક મૂકેલ
વિશાળ પિક્સેલ, ઘન વાદળી સરહદ,

191
00:09:14,950 --> 00:09:15,779
મારા ટેબલ પર આધારિત છે.

192
00:09:15,779 --> 00:09:18,320
કે જેમ તે કદાચ કરશે લાગે
અધિકાર, પરિસ્થિતિ મદદ?

193
00:09:18,320 --> 00:09:20,320
અમે હોય રહ્યા છીએ
વસ્તુઓ ઘણો વધુ સારી દેખાય છે.

194
00:09:20,320 --> 00:09:21,190
તેથી આ દંડ છે.

195
00:09:21,190 --> 00:09:23,540
Stylistically, હું હમણાં જ કર્યું
અહીં મારા શૈલી એમ્બેડ.

196
00:09:23,540 --> 00:09:25,100
તે ચોક્કસપણે છે
તે કરવા સ્વીકાર્ય માર્ગ.

197
00:09:25,100 --> 00:09:26,391
ચાલો આ જેમ દેખાય છે તે જોવા દો.

198
00:09:26,391 --> 00:09:29,790
તેથી હું નીચે અહીં પાછા જાઓ, અને પડશે
હું મારા table2.HTML પૂર્વાવલોકન કરશે પડશે.

199
00:09:29,790 --> 00:09:32,430

200
00:09:32,430 --> 00:09:36,470
ઠીક છે, કે હું શું કરવા માગે છે ખૂબ નથી
પરંતુ તે અમે માટે પૂછવામાં બરાબર છે.

201
00:09:36,470 --> 00:09:39,530
અમે આ શૈલીમાં જણાવ્યું હતું કે
અમારા ટેબલ પર લાગુ પાડવાનું જઈ રહી છે.

202
00:09:39,530 --> 00:09:43,810
અમારા ટેબલ હવે એક પિક્સેલ છે
તેને આસપાસ વિશાળ, ઘન વાદળી સરહદ.

203
00:09:43,810 --> 00:09:46,237
અમે ખરેખર ન મળી રહ્યા
ટેબલ કોષો છે.

204
00:09:46,237 --> 00:09:47,570
અમે હમણાં જ ટેબલ પર કરી રહ્યાં છે.

205
00:09:47,570 --> 00:09:49,310
તેથી સીએસએસ કામ કર્યું હતું.

206
00:09:49,310 --> 00:09:51,890
લાગુ છે
અમારા ટેબલ શૈલી.

207
00:09:51,890 --> 00:09:53,981
પરંતુ તદ્દન ન હતી
શું અમે તે કરવા માગે છે.

208
00:09:53,981 --> 00:09:55,730
અમે કરવા કઈ રીતે મેળવી શકું
શું અમે તે કરવા માંગો છો?

209
00:09:55,730 --> 00:09:59,287
>> ઠીક છે, ચાલો એક વધુ પર એક નજર કરીએ
table3.HTML આ આવૃત્તિ.

210
00:09:59,287 --> 00:10:00,870
તેથી હું માત્ર આ ટેબ્સ બંધ કરવા જઇ રહ્યો છું.

211
00:10:00,870 --> 00:10:03,890
હું અહીં પર પાછા જાઓ જાઉં છું મારા
વૃક્ષ ફાઇલ, અને table3.HTML ખોલો.

212
00:10:03,890 --> 00:10:07,680

213
00:10:07,680 --> 00:10:10,350
ફરીથી, તે ખૂબ જોવા જઈ રહ્યું છે
અહીં શરૂઆતમાં સમાન.

214
00:10:10,350 --> 00:10:14,460
પરંતુ નોટિસ, આ સમય, બદલે ઉપયોગ કરીને
અધિકાર ત્યાં જડિત એક સ્ટાઇલશીટ,

215
00:10:14,460 --> 00:10:18,870
હું એક લિંક જાઉં છું
લિંક ટેગ ઉપયોગ કરીને શૈલી.

216
00:10:18,870 --> 00:10:22,480
તેથી હું દેખીતી રીતે એ લિંક છું
tables.CSS કહેવાય સ્ટાઇલશીટ,

217
00:10:22,480 --> 00:10:25,090
અને એ જ બરાબર
શૈલી માત્ર સારી means--

218
00:10:25,090 --> 00:10:28,645
આ ફાઈલ સંબંધિત શું છે
હું છું કે શૈલી છે doing-- છું

219
00:10:28,645 --> 00:10:29,821
મારા પાનું માટે ઉપયોગ કરે છે.

220
00:10:29,821 --> 00:10:32,320
હું ખરેખર શું છે તે જોવા માંગો છો, તો
હું અહીં આ સીએસએસ સાથે કરી રહ્યો છું

221
00:10:32,320 --> 00:10:35,010
મને લાગે છે કે ઓપન જવાની જરૂર
table.CSS તેમજ ફાઇલ.

222
00:10:35,010 --> 00:10:37,490
તેથી અમે અહીં પર પાછા જવા પડશે
ફરીથી અમારી ફાઈલ વૃક્ષ છે.

223
00:10:37,490 --> 00:10:38,660
Table.CSS છે.

224
00:10:38,660 --> 00:10:40,490
અમે તે ઓપન પૉપ પડશે.

225
00:10:40,490 --> 00:10:43,070
હવે અમે સીએસએસ એક ઓછી જોઈ રહ્યાં છો.

226
00:10:43,070 --> 00:10:45,630
દેખીતી રીતે, હું એક દંપતિ છે
વસ્તુઓ અહીં ચાલે.

227
00:10:45,630 --> 00:10:48,950
હું દેખીતી રીતે પાંચ મૂકેલ
વિશાળ પિક્સેલ, સોલિડ રેડ સરહદ,

228
00:10:48,950 --> 00:10:50,287
મારા ટેબલ આસપાસ.

229
00:10:50,287 --> 00:10:52,870
અમે પહેલાથી જ તે ચાલી રહ્યું છે ખબર છે કે
માત્ર પરિમિતિ પર જાઓ.

230
00:10:52,870 --> 00:10:56,180
અમે table2.HTML માં જોયું કે.

231
00:10:56,180 --> 00:10:58,770
દરેક પંક્તિ સાથે, હું
દેખીતી રીતે સ્પષ્ટ કરવા માંગો છો

232
00:10:58,770 --> 00:11:01,950
કે પંક્તિ ઊંચાઈ 50 પિક્સેલ્સ ઊંચી છે.

233
00:11:01,950 --> 00:11:05,680
તેથી, દરેક પંક્તિ માટે યાદ
કે, TR ટેગ શું કરે છે

234
00:11:05,680 --> 00:11:08,550
હું તે 50 પિક્સેલ્સ ઊંચા બનાવવા છું.

235
00:11:08,550 --> 00:11:09,804
>> છેલ્લે, હું આ ટિપ્પણી છે.

236
00:11:09,804 --> 00:11:11,470
અને આ અમે સીએસએસ ટિપ્પણીઓ કેવી રીતે છે.

237
00:11:11,470 --> 00:11:16,174
તેને અવરોધિત જપ્ત કરવા માટે ખૂબ જ સમાન છે
ટિપ્પણીઓ વાક્યરચના સ્લેશ સ્ટાર.

238
00:11:16,174 --> 00:11:17,090
તમે ઇચ્છો બધા લખાણ.

239
00:11:17,090 --> 00:11:19,470
કોઈ સ્લેશે સીએસએસ છતાં છે.

240
00:11:19,470 --> 00:11:23,400
ટૂંકા ઇનલાઇન ટિપ્પણીઓ માટે, અમે છે
અહીં આ ચોક્કસ બંધારણ વાપરવા માટે.

241
00:11:23,400 --> 00:11:26,830
હું કરી રહ્યો છું એવું લાગે છે
મારા ટીડી ટૅગ્સ વસ્તુઓ ઘણો.

242
00:11:26,830 --> 00:11:29,710
ટીડી ટૅગ્સ, અથવા ટેબલ યાદ રાખો
ખરેખર માત્ર છે કે જે માહિતી,

243
00:11:29,710 --> 00:11:32,210
અંદર કૉલમ
અમારા પંક્તિઓ, અને દેખીતી રીતે

244
00:11:32,210 --> 00:11:35,090
માહિતી દરેક ભાગ માટે
મારા ટેબલ, હું માંગો છો

245
00:11:35,090 --> 00:11:38,850
પૃષ્ઠભૂમિ રંગ સુયોજિત કરવા માટે
બ્લેક હોઇ શકે છે, રંગ, સફેદ કરવા

246
00:11:38,850 --> 00:11:40,320
રંગ અગ્રભૂમિ રંગ છે.

247
00:11:40,320 --> 00:11:42,360
તેથી આ હોઈ ચાલે છે
મારા પાનાંની લખાણ.

248
00:11:42,360 --> 00:11:45,140
હું મોટા ફોન્ટ, 22 માંગો છો
ફોન્ટ નિર્દેશ, અને હું માંગો છો

249
00:11:45,140 --> 00:11:47,001
તે ફોન્ટ કુટુંબ જ્યોર્જિયા હોય છે.

250
00:11:47,001 --> 00:11:48,750
તેથી હું નથી જઈ રહ્યો છું
મૂળભૂત ફોન્ટ છે.

251
00:11:48,750 --> 00:11:51,820
હું જ્યોર્જિયા, સ્પષ્ટ કરવા માટે જઈ રહ્યો છું, જે
તે વેબ સુરક્ષિત ફોન્ટ્સ એક છે

252
00:11:51,820 --> 00:11:53,830
અમે પહેલાં જોઇ છે.

253
00:11:53,830 --> 00:11:57,284
હું મારા લખાણ ગોઠવાયેલ કરવા માંગો છો
કેન્દ્રિય બોક્સ મધ્યમાં,

254
00:11:57,284 --> 00:11:59,450
હું તેને છોડી શકાય કરવા માંગો છો નથી
ગોઠવાયેલ અથવા જમણે સંરેખિત.

255
00:11:59,450 --> 00:12:03,461
અને હું મારી કૉલમ પહોળાઈ માંગો છો
વિશાળ તેમજ 50 પિક્સેલ્સ હોય છે.

256
00:12:03,461 --> 00:12:05,210
માતાનો પર એક નજર કરીએ
આ જેમ દેખાય છે શું

257
00:12:05,210 --> 00:12:07,470
આ કદાચ એક સુધારો છે અને જો જુઓ.

258
00:12:07,470 --> 00:12:12,890
તેથી હું table3.HTML પર જવા માટે જઇ રહ્યો છું જે
રિકોલ, એક લિંક તરીકે table.CSS સમાવેશ થાય છે

259
00:12:12,890 --> 00:12:14,830
અને અમે તેને પૂર્વાવલોકન પડશે.

260
00:12:14,830 --> 00:12:16,800
તે સાચું છે, ઘણો વધુ સારી છે?

261
00:12:16,800 --> 00:12:20,004
આ વાસ્તવમાં એક નજર શરૂ થાય છે
વધુ ગુણાકાર ટેબલ જેવી ઘણો.

262
00:12:20,004 --> 00:12:21,920
મને લાગે છે કે લાલ સરહદ છે
મારા ટેબલ આસપાસ પરંતુ હવે

263
00:12:21,920 --> 00:12:26,700
હું પણ તે સ્પષ્ટ કરેલ છે
દરેક પંક્તિ, 50 પિક્સેલ્સ વિશાળ છે

264
00:12:26,700 --> 00:12:30,220
અથવા તે tall-- બહાનું 50 પિક્સેલ્સ
me-- દરેક કૉલમ 50 પિક્સેલ્સ વિશાળ છે.

265
00:12:30,220 --> 00:12:34,251
દરેક સ્તંભમાં માહિતી, અને માત્ર
માહિતી, કાળા પૃષ્ઠભૂમિ ધરાવે છે.

266
00:12:34,251 --> 00:12:36,000
તેથી કે શા માટે તે છે
સફેદ રેખાઓ હોય છે.

267
00:12:36,000 --> 00:12:38,836
જગ્યા, કારણ કે
તે કોષો બધા વચ્ચે,

268
00:12:38,836 --> 00:12:40,710
તે એક સરહદ નથી
અને પોતે, તે માત્ર છે

269
00:12:40,710 --> 00:12:43,170
હું માત્ર ભરતા છું
કોષો, ખરેખર જે

270
00:12:43,170 --> 00:12:46,310
ટેબલ ની સરહદો બનાવે છે કે જે
દેખીતી રીતે, બધા સાથે તે અસ્તિત્વમાં હતી

271
00:12:46,310 --> 00:12:47,887
માત્ર પાતળી સફેદ લીટીઓ હતી.

272
00:12:47,887 --> 00:12:48,720
હવે તેઓ દૃશ્યમાન છો.

273
00:12:48,720 --> 00:12:50,380
હવે તેઓ સ્ક્રીન પર બંધ પૉપ.

274
00:12:50,380 --> 00:12:52,920
અને તેથી આ એક ખૂબ જ સરળ છે
હું અરજી કરી છે કે સ્ટાઇલશીટ,

275
00:12:52,920 --> 00:12:56,850
અને હવે મારી ટેબલ વધુ જેવા ઘણો લાગે છે
ચાર ચાર દ્વારા ગુણાકાર ટેબલ,

276
00:12:56,850 --> 00:13:00,950
તેના બદલે એક માત્ર jumbled વાસણ, જ્યાં
બધું સ્પષ્ટ પંક્તિઓ અને કૉલમ્સ છે,

277
00:13:00,950 --> 00:13:03,717
પરંતુ સુપર સારી રીતે આયોજન.

278
00:13:03,717 --> 00:13:06,800
અમે ખરેખર માત્ર સપાટી ખંજવાળ કરી રહ્યાં છો
તમે અહીં સીએસએસ સાથે શું કરી શકો.

279
00:13:06,800 --> 00:13:10,330
સદનસીબે સીએસએસ દસ્તાવેજીકરણ
ખૂબ સરળ છે.

280
00:13:10,330 --> 00:13:14,000
તમે ઘણા ઉપયોગ કરશો તેના
એકદમ વારંવાર શ્રેય.

281
00:13:14,000 --> 00:13:16,087
અમે વિશે વાત કરી રાશિઓ
અગાઉ આ વિડિઓ.

282
00:13:16,087 --> 00:13:18,170
તમે તે ઘણા છે
કદાચ બધા ઉપયોગ કરશે નહીં.

283
00:13:18,170 --> 00:13:19,469
અને તે પણ દંડ છે.

284
00:13:19,469 --> 00:13:22,010
પરંતુ માત્ર એક છે તે ખબર છે,
ત્યાં ત્યાં બહાર દસ્તાવેજીકરણ ઘણો.

285
00:13:22,010 --> 00:13:25,110
તેથી અમે બધું આવરી ન હતી તો પણ,
તમે ચોક્કસપણે તમારા પોતાના પર છોડી નથી.

286
00:13:25,110 --> 00:13:26,780
પરંતુ સીએસએસ ખરેખર મજા આવે છે
સાથે પ્રયોગ કરવા.

287
00:13:26,780 --> 00:13:29,040
અને હું ખૂબ તમે પ્રોત્સાહિત કરશે
તમારા વેબ પાનાંઓ સાથે આસપાસ રમવા માટે

288
00:13:29,040 --> 00:13:32,180
અને તમે તેમને કરી શકો છો જુઓ કે કેવી રીતે
જુઓ અને વપરાશકર્તા સુધારવા માટે લાગે

289
00:13:32,180 --> 00:13:34,790
તમારા પૃષ્ઠની મુલાકાત અનુભવ.

290
00:13:34,790 --> 00:13:35,710
હું ડો લોયડ છું.

291
00:13:35,710 --> 00:13:37,980
આ CS50 છે.

292
00:13:37,980 --> 00:13:40,151