[MUSIC CHƠI]
ALLISON BUCHHOLTZ-AU: Tất cả các bên phải, tất cả mọi người.
Chào mừng trở lại phần.
Vì vậy, chương trình nghị sự của chúng tôi cho ngày hôm nay sẽ trên nhiều hơn nữa các công cụ dev web.
Tôi không biết có bao nhiêu bạn đã thấy psets của bạn
kể từ khi nó được phát hành trước đó sáng nay.
Tôi sẽ là bao nhiêu người đã đọc spec,
nhưng thấy như thế nào bạn đã có tất cả của, như, bảy giờ để nhìn vào nó
và đó là một thứ hai và bạn có thể đã có lớp học,
Tôi sẽ giả định rằng hầu hết các bạn có không.
Nếu bạn có, danh tiếng thêm.
>> Bạn về cơ bản giúp thực hiện một trang web đơn giản
máy chủ trong C, mà là một thương hiệu pset mới, vì vậy các bạn có được là những con lợn Guinea.
Nó sẽ là một niềm vui, tuần hoang dã, nhưng tôi nghĩ rằng nó sẽ có rất nhiều niềm vui
và nó sẽ là một thực sự kinh nghiệm tốt thực sự.
Vì vậy, để chuẩn bị cho bạn rằng, trong phần ngày hôm nay,
chúng ta sẽ đi chmod, TCP / IP, và sau đó một chút về HTML và CSS.
>> Cuối cùng, chúng tôi thực sự sẽ thấy mã lên một trang web đơn giản với nhau
để giúp các bạn loại được hơn làm quen với điều đó.
Và sau đó nếu bạn đã không chọn câu đố của bạn, họ đang ở phía trước,
nhưng tôi khá chắc chắn rằng tất cả mọi người ở đây có bài kiểm tra của họ.
Và cũng trên lưu ý rằng, giải pháp là không lên được nêu ra,
nhưng ngay sau khi chúng tôi finish-- thích, vài người cuối cùng tham gia quizzes-- của họ
họ sẽ được lên.
Nếu bạn có bất kỳ câu hỏi trong khi chờ đợi,
cảm thấy tự do để gửi email cho tôi cá nhân.
Tôi sẽ trả lời với cá nhân của bạn câu hỏi, như tôi vẫn thường làm.
>> Vì vậy, trên lưu ý rằng, chmod.
Vì vậy, về cơ bản tất cả các bạn cần biết về chmod
là nó được sử dụng để thay đổi quyền truy cập tập tin, phải không?
Vì vậy, nó chỉ là một số hệ thống gọi nó là một thay đổi điều khoản, như nó nói ở đây.
Và nếu bạn đã bao giờ muốn nhìn thấy những quyền gì một tập tin có,
thay vì chỉ làm ls, bạn có thể làm ls -l.
l đứng cho lâu dài.
>> Vì vậy, bạn sẽ làm một danh sách dài của tất cả mọi thứ, và nó
sẽ cung cấp cho bạn chi tiết hơn nữa thông tin về các tập tin của bạn.
Và bạn sẽ thấy something-- tôi sẽ bỏ qua cho một second--
nhưng bạn sẽ thấy một cái gì đó tương tự như rằng dòng trên cùng có cho mỗi tập tin.
Và chúng ta sẽ đi qua những gì có nghĩa là.
>> Vì vậy, về cơ bản, thay đổi quyền truy cập tập tin của bạn,
bạn chỉ muốn sử dụng chmod.
Bạn có thể nghĩ về nó như bất kỳ khác UNIX gọi như ls hoặc cd hoặc không có điều gì.
Nó chỉ là loại một cuộc gọi khác như thế nào.
>> Vì vậy, chúng tôi làm chmod và sau đó chúng tôi sẽ có ba chữ số thông thường.
Có một vài cách để làm nó, một trong số đó chúng ta sẽ đi qua.
Nhưng thông thường, bạn sẽ có ba chữ số khác nhau, 0-7 mỗi lần.
>> Vì vậy, có một điều là có ba quyền hạn khác nhau
chúng tôi có thể cung cấp cho mỗi tập tin.
Và nó có thể đọc được, đó là đại diện bởi r, mà sẽ làm cho ý nghĩa
trong một chút; w, đó là ghi; và thực thi, đó là x.
Tôi biết rằng các e một, thực thi, có lẽ không phải là ý nghĩa nhất, nhưng chúng tôi
đại diện cho nó với x.
>> Và sau đó những gì xảy ra mỗi trong số này là cũng có đại diện số.
Vì vậy, chúng tôi có 1, 2, và 4.
Và về cơ bản những gì xảy ra là mỗi một trong ba số
ở đây tương ứng với một bộ khác nhau của người sử dụng
rằng những điều khoản liên quan đến.
>> Vì vậy, bạn có thể nghĩ rằng đầu tiên số tương ứng cho người sử dụng thực tế
hoặc chủ sở hữu của các tập tin, thứ hai số sẽ tương ứng với nhóm,
và cuối cùng đề cập với thế giới, OK?
Vì vậy, những gì xảy ra là nhớ những r numbers-- là 4, w là 2,
x là 1, phải không?
This-- nếu bạn tổng hợp chúng, cung cấp cho bạn rằng số đầu tiên
chúng ta có thể nhập vào trong chmod của chúng tôi.
>> Vì vậy, trong trường hợp này, những gì con số này sẽ là gì?
Nó muốn được 4 cộng với 2 cộng 1, mà là một 7, phải không?
Và trong trường hợp này, các không có bất cứ điều gì,
vì vậy điều này ngay tại đây sẽ dịch để chmod 700, OK?
Và những gì mà không là nó cấp tất cả của các điều khoản để người dùng của bạn.
>> Vì vậy, điều này có nghĩa người dùng của chúng tôi có thể làm bất cứ điều gì họ muốn.
Họ có thể đọc tập tin này.
Họ có thể thực thi tập tin này.
Họ có thể ghi vào tập tin này.
Nhưng nhóm và thế giới, không có quyền nào, OK?
>> Vì vậy, một cách khác để viết rằng, chúng ta có thể làm chmod của ba chữ số, mỗi trong số đó
tương ứng với bất cứ số tiền hoặc nhóm cụ thể là, tập hợp cụ thể.
Hoặc chúng ta có thể thực sự làm chuyện khác.
Giữ trên.
Chúng ta có thể làm điều gì đó với các đây.
>> Làm thế nào nhiều bạn đã thấy một ví dụ nơi mà nó giống như chmod một cộng x?
Bạn có thấy rằng trong bài giảng, tôi nghĩ?
Vì vậy, một đại diện cho tất cả.
Nó có nghĩa là cung cấp cho nó để tất cả người dùng, mà tôi quên đặt ở đây.
>> Tuy nhiên, một cộng với x, nếu chúng ta nhận thấy ở đây, nếu chúng ta làm
để chmod-- những gì nhóm chúng tôi nói về cộng với các điều khoản
chúng tôi muốn cung cấp cho họ.
Vì vậy, đây có thể là một cộng hoặc trừ đi một.
Thêm vào đó là sự cho phép.
Trừ mất đi sự cho phép.
Khá trực quan, tôi nghĩ.
>> Vì vậy, một cộng với x có nghĩa là chmod.
Vì vậy, thay đổi quyền của tất cả mọi người nếu đây là một quyền add a--.
Và x-- đó có nghĩa là những gì cho phép được chúng tôi cấp tất cả mọi người.
Đọc, viết, hoặc thực hiện?
>> Đung Execute.
>> ALLISON BUCHHOLTZ-AU: Thực hiện.
Vì vậy, chúng tôi đang đưa ra tất cả người dùng để thực thi tập tin này, OK?
Vì vậy, nếu chúng ta muốn làm rằng với các dạng số?
Vì vậy, hãy nhớ với số, chúng tôi muốn ba con số.
>> Đung 4.
ALLISON BUCHHOLTZ-AU: Cái gì vậy?
Đung 4.
ALLISON BUCHHOLTZ-AU: Không 4.
Đung 0, 0, 4.
ALLISON BUCHHOLTZ-AU: Vâng, chúng tôi muốn để cung cấp cho nó để tất cả người dùng, phải không?
Vì vậy, chúng ta sẽ có một số trong mỗi khe.
Đó sẽ là cùng một số trong mỗi khe
bởi vì chúng tôi chỉ muốn cung cấp tất cả mọi người cho phép thực thi.
Vì vậy, thực thi là 1, nhưng đi đúng hướng.
>> Vì vậy, nếu chúng ta chmod 111 mà có là tương đương với chmod một cộng x.
Điều đó có ý nghĩa với tất cả mọi người?
Chúng ta sẽ đi qua một vài ví dụ.
>> Vì vậy, các takeaway lớn đây là một không phải ở đây,
nhưng chỉ có nghĩa là cung cấp cho nó để tất cả người dùng.
u là nếu bạn chỉ muốn để cung cấp cho hoặc lấy đi
một sự cho phép từ người sử dụng hoặc chủ sở hữu.
g là cho nhóm, để chữ số trung bình.
Và sau đó những người khác bạn có thể nghĩ như thế giới, đó là chữ số cuối cùng.
>> Vì vậy, với điều đó, chúng ta sẽ đi đến một ví dụ, bởi vì tôi cảm thấy như ví dụ luôn
làm những việc này dễ dàng hơn để hiểu.
Vì vậy, chúng tôi đã đi qua rwx-- this-- cũng có thể là đại diện cho 700.
Đó là ví dụ chúng ta nhìn tại hơn của hình ảnh.
Vì vậy, chmod 444 trên một số tập tin sẽ cung cấp những gì cho phép?
Bạn đã thực sự gần gũi.
Đung có thể đọc được tất cả.
ALLISON BUCHHOLTZ-AU: có thể đọc được.
Vì vậy, có thể đọc được tất cả mọi người, phải không?
Và sau đó một cách khác để làm điều đó là gì?
Nếu chúng ta muốn làm chmod với một trong hai r hoặc w, cộng với và nhược điểm,
điều gì sẽ gọi đó như thế nào?
Nó sẽ được chmod gì?
>> Đung một cộng với r.
>> ALLISON BUCHHOLTZ-AU: a cộng với r trên 5.
OK, vì vậy đây là giống như này, chỉ hai bản dịch khác nhau
của những điều tương tự.
Vì vậy, với điều đó, chúng tôi có những.
Vì vậy, tôi muốn các bạn thử viết các loại trong cách đối diện của họ.
>> Vì vậy, với chmod 555, những gì nó sẽ như thế nào?
Nó sẽ là một cộng hoặc u cộng hoặc không có điều gì?
Đối với u cộng với x, cho tôi ba con số.
Và sau đó cho tôi biết về những gì quyền chúng tôi đang thực sự cấp và người?
>> Vì vậy, tôi sẽ cung cấp cho các bạn hai phút để làm việc trên đó.
Hãy nói chuyện với nhau.
Đối với những người bạn của những người đến trong một chút muộn, có kẹo và áo sơ mi.
Chúng tôi có ba chiếc áo trái, và chúng tôi có Kit Kats và Starbursts.
Vì vậy, cảm thấy tự do đến lấy một số trong Interlude này rất ít.
>> Ngoài ra, người cuối cùng là khó khăn.
Đó là hai chmods cho người cuối cùng.
Trên thực tế, hãy để tôi đóng cửa trong khi các bạn đang làm việc trên đó.
Kẹo là luôn luôn cần thiết vào một buổi chiều thứ Hai.
>> OK, vì vậy chmod 555.
Một cách khác chúng ta có thể viết đó là gì?
Bất cứ ý tưởng?
Vâng.
>> Đung một rx cộng.
>> ALLISON BUCHHOLTZ-AU: r cộng với rx.
Bạn có muốn giải thích lý do tại sao nó muốn được rx?
>> Đung Bởi vì bạn có 5, vì vậy đó là 4 cộng thêm 1,
vì vậy đó là đọc cộng thực thi, và nó cho tất cả.
ALLISON BUCHHOLTZ-AU: Đúng vậy.
Vì vậy, chỉ để nhắc lại, 5 ở đây chúng ta biết là tổng của 4 và 1,
bởi vì mỗi số trong bộ ba của chúng tôi là tổng các khoản cho tập hợp con đó,
phải không?
Hoặc người dùng, nhóm, hoặc thế giới.
Vì vậy, trong trường hợp này, chúng ta biết rằng 5 đã được hình thành bởi 4 và 1.
>> Và 4 và 1 tương ứng với có thể đọc được và thực thi.
Chúng tôi đang đưa nó cho tất cả mọi người, vì vậy chúng tôi có thể làm chmod một rx cộng.
Và rõ ràng, chúng tôi chỉ cần đi thông qua các câu hỏi đó,
vì vậy bây giờ tập tin này là thực thi và có thể đọc được tất cả mọi người.
>> Vì vậy, những gì về thứ hai?
Điều gì có thể các số cho một người là gì?
Bất cứ ý tưởng?
Đi trước.
>> Đung 100 [không nghe được].
>> ALLISON BUCHHOLTZ-AU: 100.
Chính xác.
Vì vậy, bạn muốn giải thích lý do tại sao 100?
ĐỐI TƯỢNG: Bởi vì nó cho người sử dụng, vì vậy nó ở vị trí đầu tiên.
Và sau đó thực thi x là 1.
ALLISON BUCHHOLTZ-AU: Chính xác.
Vì vậy, chúng tôi được cấp thực thi quyền để chỉ người sử dụng.
Vì vậy, trong trường hợp này, nó sẽ là 100.
Và tôi có tất cả các câu trả lời lên trên slide tiếp theo trong trường hợp
bạn đang viết rất nhiều điều xuống.
>> OK, vì vậy một kế tiếp sẽ được thực sự thực hiện với hai chmods, bạn có thể làm điều đó.
Vì vậy, không ai có bất kỳ ý tưởng làm thế nào bạn có thể
được chmod 640 viết lại theo cách khác?
Bạn có thể thay đổi người sử dụng đầu tiên và sau đó bạn có thể thay đổi nhóm là lời gợi ý của tôi.
>> Vì vậy, nếu chúng ta chỉ cần thay đổi người sử dụng, đó là một đầu tiên này ở đây,
những gì có thể gọi chúng tôi là gì?
Vì vậy, người sử dụng là u, phải không?
Vì vậy, chmod u cộng với những gì?
Mmhmm?
>> Đung rw.
ALLISON BUCHHOLTZ-AU: rw.
Phải, cho đọc và viết, vì đọc là 4, w là 2, những khoản tiền với nhau như 6.
Vì vậy, chúng tôi nhận được chmod u cộng với rw, và chúng tôi nhận được đầu tiên 6 của chúng tôi ở đó.
>> Vì vậy, sau đó để có được 4, bây giờ chúng tôi muốn để thay đổi cài đặt nhóm của chúng tôi.
Vì vậy, chúng ta sẽ làm chmod g cộng với những gì?
4 là gì?
>> Đung r.
ALLISON BUCHHOLTZ-AU: r.
Chính xác.
Vì vậy, chúng tôi đang đem lại cho chủ sở hữu đọc và viết quyền
và chúng tôi đang đem lại cho các nhóm đọc quyền, mà chúng tôi có tất cả ở đây.
Mmhmm?
>> ĐỐI TƯỢNG: Nếu bạn có thể viết một cái gì đó, nó có nghĩa bạn có thể thực hiện nó?
>> ALLISON BUCHHOLTZ-AU: Bạn có thể viết thư cho something--
Tôi không tin rằng nó ngụ ý là bạn có thể thực hiện nó.
Cool.
Vì vậy, đó là tất cả chúng ta chỉ cần đi qua.
Vì vậy, trên một tiếp theo này, nó trường hợp chỉ là loại phổ biến
mà bạn muốn giữ quan tâm cho vấn đề của bạn thiết lập.
Đây là những điển hình cho phép mà chúng ta thích bạn sử dụng.
>> Vì vậy, cho 711, cung cấp cho chúng tôi, tất nhiên, người sử dụng
tất cả các quyền, mà có xu hướng có ý nghĩa.
Và sau đó nó thực thi bởi nhóm trên thế giới, có ý nghĩa
nếu bạn có một số thư mục, bạn muốn có thể đi qua vào nó.
Mọi người cần truy cập.
>> Đối với bất kỳ tập tin không PHP, bạn sẽ sử dụng 644, mà sẽ làm những gì?
Điều đó có nghĩa là, hoặc những gì quyền không cho rằng?
Vì vậy, các chủ sở hữu có thể những gì?
Đung đọc và viết.
ALLISON BUCHHOLTZ-AU: Đọc và viết.
Và sau đó nhóm và những người khác chỉ có thể đọc, phải không?
Và sau đó chmod 600 cho bất kỳ PHP tập tin mà bạn sử dụng,
chủ sở hữu của bạn, một lần nữa, có thể đọc và viết thư cho nó
nhưng tất cả mọi người khác là chỉ cần loại bị chặn.
>> Vì vậy, đây sẽ thực sự hữu ích hơn khi
bạn có thể vấn đề của bạn thiết lập vào tuần tiếp theo, nơi
bạn đang thực sự xây dựng một trang web.
Vì vậy, nếu bạn đã bao giờ chạy vào bất kỳ vấn đề lạ
nơi mà nó không tải đúng, có thể bạn
cần thêm một thực thi cho phép, hoặc có thể bạn cần đọc
hoặc cho phép ghi.
Những điều nhỏ bé mà có xu hướng vấp người lên, nhưng đó là loại giống như các đi-đến
khi bạn bắt đầu pset tuần tới.
Và tôi sẽ cung cấp cho bạn nhiều hơn gợi ý về pset tuần này,
nhưng tôi chưa nhìn vào nó từ nó được phát hành sáng nay.
Nhưng bạn gửi email cho tôi, tôi sẽ luôn nhìn vào nó bằng thời gian tôi trả lời vào ngày mai.
>> Vì vậy, bây giờ, tất cả mọi người là tốt với chmod?
Bất kỳ câu hỏi kéo dài?
Khá dễ dàng.
Chỉ cần loại theo dõi những gì đọc, viết, và thực hiện con số
có lẽ là phần khó nhất.
>> Vì vậy, với TCP / IP, tất cả các giao thức này, giống như với các cấu trúc dữ liệu của bạn
tuần trước, nó nhiều hơn nữa quan trọng để loại được
một trực giác mức độ cao hơn của họ.
Đây không phải là CS143, nơi chúng tôi đang đi yêu cầu bạn thực hiện một mạng lưới,
vì vậy bạn sẽ bị phạt nếu bạn không hiểu
nitty gritty của tất cả các giao thức.
Điều quan trọng là phải hiểu được giống như những gì họ đại diện
và tại sao chúng quan trọng.
>> Vì vậy, TCP / IP, tất nhiên, đó là Transmission Control Protocol
hoặc Internet Protocol, đó là về cơ bản chỉ là một bộ luật cơ bản
hoặc các tiêu chuẩn mà cho dữ liệu làm thế nào cần được xử lý,
nó như thế nào nên được packetized, truyền và nhận.
Vì vậy, nó về cơ bản, cũng giống như nó nói ở đây, làm tăng cơ hội
dữ liệu mà được nơi bạn muốn nó để có được.
>> Tôi chắc rằng nếu các bạn đã đến bài giảng hoặc xem nó trực tuyến,
ông has-- Tôi không biết nếu anh ta đã làm điều đó trong năm nay,
nhưng tôi biết năm ngoái, ông đã có một giới thiệu nơi ông đã có một hình ảnh của Rob
và ông tách nó ra thành bốn và đặt nó trong phong bì
và cố gắng để có được nó trên Sanders.
Và bạn có thể loại nghĩ về nó theo cách đó.
Nó chỉ là một tập hợp các quy tắc cho dữ liệu như thế nào để có được một nơi nào đó
và cho bạn biết nếu bạn đang thiếu dữ liệu,
trong cùng một cách mà nếu bạn là uống nhiều trang ghi chú
và bạn đặt tên chúng với trang 104, trang 204, và bạn quay trở lại để nghiên cứu sau
và bạn đang thiếu something-- bạn không thể tìm thấy trang 304-- bạn biết
gì đó không ổn, vì vậy bạn có thể xem xét thông qua các ghi chú của bạn
một lần nữa hoặc yêu cầu một ai đó để gửi lại cho bạn bài giảng ghi chú từ ngày hôm đó.
Theo cùng một cách với dữ liệu trên internet.
Nếu tôi yêu cầu cho một cái gì đó từ một số máy chủ
và nó cần phải gửi nó trong nhiều gói tin,
có lẽ sẽ số nó một cách nào đó, chúng ta hãy
tôi biết có bao nhiêu tôi nên đã nhận được, và cho tôi biết, oh, đây là một trong 10
hoặc đây là một trong 10.000.
Bằng cách đó khi tôi đi để làm lại tất cả các mảnh với nhau,
Tôi biết nếu một cái gì đó còn thiếu và tôi có thể yêu cầu một lần nữa.
Điều đó có ý nghĩa?
Chỉ cần một bộ quy tắc.
Tại cơ sở của nó, thiết lập các quy tắc, OK?
>> Vì vậy, chúng tôi cũng đã nói chuyện chút về cảng.
Điều này thực sự chỉ là một tiêu chuẩn mà cho phép bạn biết loại dữ liệu
đang được truyền đi trong các gói dữ liệu.
Nếu chúng tôi đi với chúng tôi Ví dụ phong bì, chúng tôi không
biết rằng nó là một hình ảnh của Rob trong đó, trừ khi chúng tôi viết nó
ở bên ngoài phong bì của chúng tôi.
Vì vậy, các cổng cơ bản cùng một điều.
Nó chỉ là một cách để tìm ra những gì loại dữ liệu đang được truyền đi.
>> Vì vậy, chúng tôi có tất cả các hầu hết những người phổ biến ở đây.
Vì vậy, 21-- đây cũng là loại giống như những điều tốt đẹp cho biết.
Đó là loại một câu hỏi bài kiểm tra dễ dàng.
Được như thế, những gì cổng 80 làm gì?
Hoặc, những gì hiện cổng 443 làm gì?
Vì vậy, những điều tốt đẹp cho biết.
>> Vì vậy, chúng tôi có ở đây, 21 là tập tin giao thức truyền, vì vậy chỉ cần
các quy tắc chi phối chuyển tập tin.
25, một cái gì đó mà tất cả chúng ta sử dụng quá nhiều, là email.
53 là tên miền hệ thống, đó là cơ bản
chỉ cần loại một tra cứu cho Địa chỉ IP của một tên miền.
>> Vì vậy, tôi khá chắc chắn đó là được đề cập trong bài giảng, nếu bạn
đi đến một cái gì đó như google.com, nó có một địa chỉ IP
đó là liên kết với nó.
Nó không thực sự google.com.
Và như vậy 53 là cổng mà thực sự có
chăm sóc của loại dịch nó vào địa chỉ IP cho bạn.
Và sau đó 80 và 443 là rất phổ biến.
Bạn có thể có trang web của bạn hoặc bạn có trang web an toàn của bạn,
mà rất nhiều các trang web là chuyển qua đến nay.
>> Vì vậy, đó là mức độ loại cao tổng quan về các giao thức truyền tải.
Tôi không nhìn thấy nhiều hơn trong chiều sâu.
Đó là loại công cụ mát mẻ nếu bạn quan tâm.
Có rất nhiều nguồn lực.
Wikipedia thực sự là một trang khá tốt.
Vì vậy, tôi đã nhìn vào nó chỉ một thời gian ngắn trước đây,
vì vậy tôi rất muốn giới thiệu nhìn vào nó nếu bạn quan tâm
hoặc mất 143 trong hai năm vì Tôi nghĩ đó là hai năm một lần.
>> Vì vậy, vào cuối năm nay, chúng tôi nói về các trang web và HTTP,
mà thực sự là chủ đề tiếp theo của chúng tôi cho hôm nay trước khi chúng ta đi vào HTML và CSS
và bạn thực sự có thể mã lên một trang web.
Nó sẽ được vui vẻ.
Chúng tôi sẽ có hình ảnh của thỏ và nó sẽ là tuyệt vời.
>> Vì vậy, HTTP, như bạn có thể thấy ở đây, là một trong những từ viết tắt đáng yêu
trong tuần này, đó là Hypertext giao thức Transfer.
Vì vậy, một lần nữa, nó chỉ một tập hợp các quy tắc
điều chỉnh siêu văn bản chuyển nhượng, trong trường hợp này.
Vì vậy, cách tốt nhất để học về việc này là chỉ cần loại
để phá vỡ nó xuống thành những từ riêng lẻ
bởi vì có rất nhiều từ trên màn hình đó.
>> Vì vậy, chúng ta sẽ bắt đầu với siêu văn bản.
Vì vậy, "siêu", bạn có thể nghĩ "Ở trên," như loại siêu vật.
Vì vậy, nó thực sự chỉ là văn bản đã đưa đến cấp độ tiếp theo, vì vậy nó giống như siêu văn bản,
như văn bản kế tiếp.
Vì vậy, nó về cơ bản chỉ văn bản cung cấp cho chúng tôi
nhiều thông tin hơn văn bản bình thường không có gì, OK?
>> Vì vậy, trong trường hợp này đây, đây là siêu văn bản.
Điều này cho chúng ta biết rằng chúng ta có một số liên kết mà chúng ta sẽ,
đó là cs50.net, mà Hiện tại là cs50.harvard.edu.
Các slide là một ít tuổi.
Và nó sẽ hiển thị nó như thế này, như một siêu liên kết,
và sau đó một trang web thực sự mát mẻ.
>> Vì vậy, nó là văn bản, đó là một chút chút về những điều thực sự mát mẻ trong đó.
Vì vậy, bạn có thể liên kết mọi thứ và bạn có thể chèn hình ảnh và bạn có thể tạo kiểu điều.
Và điều quen thuộc nhất mà bạn kẻ có thể có với siêu văn bản
là HyperText Markup Language, HTML, trong đó tất nhiên là tất cả các web
mà chúng ta thấy xung quanh chúng ta, cấp với một số phong cách CSS ném vào.
>> Nhưng nếu có ai là thực sự lớn với MySpace,
Tôi chắc rằng tất cả các bạn sử dụng HTML tất cả các thời gian để tạo ra
những hồ sơ hoàn hảo, phải không?
Tôi cảm thấy như thế có thể là một tài liệu tham khảo đã lỗi thời bây giờ, nhưng bất cứ điều gì.
Chỉ cần một little-- các bạn không phải là trẻ hơn nhiều.
Một số bạn lớn tuổi hơn tôi.
MySpace vẫn còn là một điều khi tôi còn trẻ.
Tôi không phải là cũ.
>> Anyways, HTML chỉ là một hình thức siêu văn bản.
Vì vậy, siêu văn bản chỉ là văn bản với các tính năng bổ sung.
Vì vậy, giao thức truyền có lẽ là điều iffy hơn để giải thích.
Rõ ràng, transfer-- chỉ cần chuyển dữ liệu.
Vì vậy, hoặc giữa các khách hàng, như anh trai web của bạn, và một máy chủ.
Vì vậy, về cơ bản chỉ đường internet hoạt động.
>> Vì vậy, yêu cầu chính xác của cách làm việc, chúng tôi
thực sự sẽ nhìn vào một Ví dụ yêu cầu và đáp ứng.
Nhưng làm thế nào chúng tôi yêu cầu thông tin từ một máy chủ
và làm thế nào các máy chủ đáp ứng với chúng tôi là những giao thức này điều chỉnh việc chuyển giao.
Vì vậy, các yêu cầu và phản ứng có theo các thiết lập cụ thể các quy tắc.
Đó là tiêu chuẩn để các không có vấn đề nơi mà bạn đang sử dụng internet,
nó luôn luôn làm việc cùng, OK?
>> Một lần nữa, giao thức, thiết lập các quy tắc.
Nó chỉ là một bình thường tương tác trong cùng một cách
rằng Giáo sư Malan nói về nếu ai đó mở rộng bàn tay của họ,
bạn biết rằng đó là lịch sự thông thường để đạt của bạn ra và bắt tay họ.
Đó là một giao thức, phải không?
>> Vì vậy, tôi đưa ra một số yêu cầu chuẩn hóa, đó là tôi muốn bắt tay của bạn,
và bạn đưa ra một số tiêu chuẩn Đáp lại, đó là hoặc không nhờ
hoặc bạn có thể thử và lắc của tôi tay hoặc có thể bạn đang đi để thử
và nắm tay đụng tôi.
Và chúng ta không có một giao thức cho điều đó.
Nó phá vỡ.
Nhưng nếu tất cả mọi người theo cùng một giao thức, tất nhiên,
nó đi nhiều liền mạch hơn.
Mọi người có thể hiểu nhau.
Mọi người đều hạnh phúc.
>> Vì vậy, trong thế giới của web, tất cả mọi người sau những rules-- cùng
hơi tốt hơn so với tiêu chuẩn xã hội.
Nhưng với điều đó, chúng tôi sẽ xem xét tại một yêu cầu ví dụ ở đây.
Vì vậy, có rất ít này chìa khóa ở đây trên dưới
mà nói với bạn những màu sắc khác nhau, những gì họ đang có nghĩa là gì.
>> Vì vậy, màu trắng cũng giống như phương pháp của bạn yêu cầu và giao thức version--
có yêu cầu phương pháp, phiên bản.
Và sau đó là một số tên trường và giá trị
trong đó lĩnh vực, mà chúng tôi sẽ đi vào rất, rất lâu.
Vì vậy, đây là một yêu cầu ví dụ.
Điều này giống như tôi mở rộng ra, muốn giới thiệu bản thân mình.
>> Đây là những gì khách hàng hoặc những gì trình duyệt web của bạn
sẽ được gửi đến máy chủ của bạn.
Vì vậy, đây là một nhận được yêu cầu, vì vậy nó yêu cầu một cái gì đó từ máy chủ.
Và đó là, tất nhiên, HTTP và nó là phiên bản 1.1.
>> Vì vậy, phần còn lại của điều này ở đây là những gì chúng ta gọi là tiêu đề, và thông tin thêm của nó
cung cấp cho chúng ta một ý tưởng tốt hơn những gì chúng tôi đang thực sự yêu cầu,
hoặc thông tin mà chúng tôi muốn cung cấp cho máy chủ mà có thể thích hợp.
Vì vậy, User-Agent cung cấp cho một số chi tiết Mô tả on-- ví dụ, ở đây,
curl / 7.24.0 thực sự là sẽ nói các máy chủ mà chúng ta đang sử dụng Google
Chrome là trình duyệt của chúng tôi.
Vì vậy, nếu bạn đã bao giờ nghe về những người nói chuyện
về việc thực hiện một ứng dụng đáp ứng với nhiều trình duyệt,
đây là cái gì mà họ sẽ sử dụng bởi vì nếu bạn
không biết những gì trình duyệt yêu cầu là đến từ,
bạn không thể chỉnh dữ liệu vào đó.
Vì vậy, trong trường hợp này, người sử dụng là chỉ cho loại này
các thông tin nhận dạng về những gì trình duyệt
người dùng của bạn hiện đang sử dụng, OK?
>> Vì vậy, sau đó chúng tôi cũng có chủ, đó là nơi mà chúng tôi đang thực sự muốn đi đến.
Trong trường hợp này, chúng tôi muốn đi đến apple.com, mua một số iPad mới mát mẻ
hoặc một cái gì đó, có lẽ dễ thương đèn chiếu sáng tại phòng ký túc xá của chúng tôi.
Và giá trị tên ở cuối chỉ là một phụ, chỉ là một điều chung
cho các bạn xem.
Nó không thực sự tương ứng với bất cứ điều gì ở đây.
>> Vì vậy, bạn có thể có nhiều hay ít như bạn muốn trong mỗi trường hợp.
Hầu hết thời gian, đây là tùy chọn.
Nó chỉ phụ thuộc vào những gì bạn cần từ những trình duyệt,
từ người dùng của bạn để đúng cho các yêu cầu.
Hoặc nó phụ thuộc vào những gì người dùng của bạn thực sự muốn cung cấp lên đến máy chủ.
Vì vậy, bạn có thể có nhiều, rất nhiều các tên trường tiêu đề
hoặc bạn có thể chỉ có một cặp vợ chồng.
Như với rất nhiều điều Tôi đã nói trong phần này,
nó thực sự phụ thuộc vào bối cảnh làm thế nào bạn đang sử dụng này.
>> Vì vậy, không có ý nghĩa với tất cả mọi người?
Đây chỉ là một ví dụ về một yêu cầu, tiêu đề, không có điều gì.
OK, vì vậy với điều đó, chúng tôi có một số phản ứng.
>> Một lần nữa, chúng tôi có mã trạng thái, giao thức của chúng tôi phiên bản, và sau đó tên trường và lĩnh vực
giá như mọi khi.
Vì vậy, phiên bản giao thức của chúng tôi và mã trạng thái của chúng tôi là 200.
OK, có nghĩa là, có, tất cả mọi thứ diễn ra tốt đẹp.
Dưới đây là những gì bạn muốn.
>> Các loại máy chủ, nội dung type-- nó cho chúng ta biết, OK, bạn
sẽ nhận được một số văn bản HTML.
Dưới đây là chiều dài của nó và đây là những gì bạn nên làm gì với các kết nối.
OK, vì vậy một lần nữa, tùy thuộc trên các dữ liệu bạn
yêu cầu, tùy thuộc vào những gì máy chủ muốn trở lại với bạn,
bạn có thể có nhiều hơn các lĩnh vực tên, bạn có thể có ít hơn.
Hoàn toàn phụ thuộc vào bối cảnh.
>> Và như xa như tình trạng này mã ở đây, tất nhiên,
200 không phải là người duy nhất bạn có thể có, phải không?
Chúng tôi có rất nhiều mã trạng thái.
Có ai nhớ bất kỳ những người khác mà chúng tôi đề cập trong bài giảng?
Rất nhiều trong số họ bắt đầu với 4.
>> Đung 404.
>> ALLISON BUCHHOLTZ-AU: 404, đó là?
>> Đung File không tìm thấy?
>> ALLISON BUCHHOLTZ-AU: File không tìm thấy.
Chính xác.
Vì vậy, những gì về 403?
Đung Tử Cấm.
ALLISON BUCHHOLTZ-AU: Tử Cấm Thành.
Vì vậy, những gì bạn nghĩ đó có nghĩa là với chmods?
>> Đung Nó có nghĩa là bạn không có quyền đọc nó.
>> ALLISON BUCHHOLTZ-AU: Chính xác.
Trong một cách nào đó, bạn không có cho phép truy cập vào nó, phải không?
Vì vậy, 404, 403.
Có một thực sự buồn cười mà chúng ta luôn luôn
giới thiệu mỗi năm Tôi có nên đưa lên ở đây,
như 413, đó là tôi là một ấm trà.
Bạn có thể google này.
Thật buồn cười như thế, đó là mã 413 và đó là tôi là một ấm trà.
Mà tôi không biết lý do tại sao bạn sẽ bao giờ cần phải có trên internet,
nhưng tôi lạc đề rồi.
ĐỐI TƯỢNG: Có lẽ bạn là một nồi chè.
ALLISON BUCHHOLTZ-AU: Có lẽ máy chủ là một nồi chè.
Ai biết được?
Tất cả các bên phải, vì vậy chúng tôi đang về để chuyển tiếp vào mã hóa thực sự.
Tôi cảm thấy như các bạn sẽ ra khỏi đây khá nhanh chóng.
>> ĐỐI TƯỢNG: Tại sao nó nói "server: hai lần?
>> ALLISON BUCHHOLTZ-AU: Hm?
Máy chủ hai lần?
Đó là một câu hỏi hay.
Tôi không chắc chắn.
Tôi sẽ tìm hiểu và Tôi sẽ gửi email cho tất cả các bạn.
>> OK, bất kỳ câu hỏi khác bên cạnh đó?
Tốt?
Cool.
>> HTML và CSS, và bây giờ chúng tôi để có được tất cả các phần vui vẻ.
Vì vậy, như tôi đã đề cập trước đây, HTML có lẽ là một trong những điều
các bạn đã quen thuộc với hầu hết.
Vì vậy, chúng tôi có HyperText Markup Language.
>> Cách tốt nhất để học this-- tôi không có bất kỳ slide chuẩn bị hoặc bất cứ điều gì
cho các bạn với HTML.
Nó thực sự về việc học cú pháp.
Và nếu bạn đang ở trong MySpace ngày, bạn sẽ có này xuống.
>> Vì vậy, thực sự, điều lớn nhất là chỉ để thực hành và thí nghiệm.
Một trong những nguồn tài nguyên lớn tôi sẽ khuyên bạn nên sử dụng là W3Schools.
Vì vậy, chỉ W, 3, và sau đó trường.
Họ có rất nhiều nguồn lực về HTML, CSS trên,
và họ thực sự có một chia màn hình loại điều
nơi mà họ sẽ cung cấp cho bạn mã ví dụ.
Bạn có thể fiddle với nó, thay đổi nó, và nhấn Update,
và nó sẽ cho bạn thấy những gì nó thực sự làm cho các trang web.
>> Vì vậy, tôi rất muốn giới thiệu sử dụng đó.
Đó là khá mát mẻ.
Bạn sẽ không phải lỗi seg ở đây khi mọi thứ đi sai.
Nếu bạn quản lý để có được một lỗi seg với HTML,
làm cho tôi biết vì tôi sẽ được thực hấp dẫn.
Nhưng nó thực sự mát mẻ bởi vì bạn có thể thay đổi mọi thứ,
bạn có thể thấy chúng được cập nhật trực tiếp.
Và tôi nghĩ rằng bạn sẽ nhận được nhiều nắm bắt trực quan hơn của HTML
nếu bạn thực sự chỉ cần bỏ ra một số thời gian thử nghiệm với nó.
Vì vậy, đó là lý do tại sao tôi đã nói, thực hành và thí nghiệm.
>> Google, từ đây trên ra, có lẽ sẽ
một trong những nguồn lực tốt nhất của bạn và bạn bè.
Hoặc Bing-- Tôi đang làm việc tại Microsoft, như vậy có lẽ tôi nên nói Bing.
Tuy nhiên, khá nhiều bất cứ điều gì chỉ là có được cú pháp,
để hiểu biết những gì các thẻ là, understanding-- ít nhất là với CSS--
làm thế nào để thay đổi các thuộc tính nhất định.
Nó sẽ là siêu hữu ích.
>> Vì vậy, mặc dù chúng tôi không có bất kỳ điều chuẩn bị,
chúng tôi có loại của một số thực hành tốt nhất mà chúng tôi muốn các bạn cố gắng và tuân thủ
by-- hay đúng hơn, bạn nên tuân thủ cho đến khi có thông báo mới.
Vì vậy, đóng tất cả các thẻ của bạn.
Hy vọng rằng tất cả mọi người has-- bạn biết những gì, nếu điều này không có ý nghĩa ngay bây giờ,
Tôi hứa sẽ làm cho tinh thần khi chúng ta mã hóa lên trang.
Nhưng đóng tất cả các thẻ của bạn.
Vì vậy, nếu bạn đã từng có một số tiêu đề đó là khung,
H1, khung, chắc chắn rằng bất cứ khi nào bạn đang thực hiện với điều đó,
bạn đóng tiêu đề đó.
Xác nhận trang web của bạn với W3 Validator.
Nếu bạn không đóng thẻ của bạn, bạn có thể nhận được hành vi không mong muốn.
Nó sẽ nói rằng trang web của bạn không hợp lệ nếu bạn chạy nó thông qua xác nhận này.
Vì vậy, khi trong doubt-- và đặc biệt vào tuần này và tuần tới
pset-- trong cùng một cách mà chúng tôi yêu cầu bạn sử dụng kiểm tra 50 và 50 phong cách,
bạn có thể nghĩ về điều này là một trong những kiểm tra của bạn, OK?
>> Vì vậy, nếu nó không vượt qua W3 Validator.
Đó là một cái gì đó chúng tôi sẽ cập cảng bạn trên.
Hoặc tôi nói với bạn ngay bây giờ, tôi sẽ cập cảng bạn trên.
Vì vậy, chắc chắn rằng nó xác nhận.
Nó không khó.
Bạn chỉ cần dán trong mã của bạn và nó sẽ hoặc là nói công việc tốt
hoặc bạn đang bị thiếu một cái gì đó trong cùng một cách
50 phong cách cho bạn nơi bạn đang rối tung lên.
>> Và sau đó một điều cuối cùng là bạn muốn tách riêng
đánh dấu của bạn, đó là tất cả những HTML hoặc văn bản của bạn, và phong cách của bạn.
Vì vậy, chúng tôi sẽ làm một ví dụ đó ngay sau này.
Vì vậy, HTML và CSS nên được tách biệt.
Và chúng ta sẽ nói về MVC, đó là Model View Controller,
tuần tới.
Các bạn nên có lẽ tìm hiểu về điều đó trong bài giảng
ngày mai nếu bạn có đã học được ngày hôm nay.
>> Và nó chỉ là loại một mô hình mà chúng ta có xu hướng
để sử dụng khi tạo web trang để tách những điều trên.
Bạn có thể nghĩ về nó theo cách tương tự rằng chúng ta có xu hướng chức năng riêng biệt trong C
nơi chúng tôi băm để tìm những thứ.
Nó chỉ là một cách để làm cho cuộc sống của bạn dễ dàng hơn.
Nó tách ra thuộc tính hoặc mã bạn sẽ được sử dụng hơn và hơn nữa,
nhưng theo cách này, nó loại của giữ cho nó đẹp và gọn gàng.
Và nếu bạn muốn thay đổi một điều, bạn thay đổi nó một lần
và nó thay đổi ở khắp mọi nơi khác.
Vì vậy, nó nhiều hơn cho bạn dễ dàng và linh hoạt.
>> Vì vậy, với CSS, nó rất giống HTML, nhưng thay vì thẻ
mà tôi đã đề cập chỉ là bây giờ, chúng tôi sử dụng những gì được gọi là bộ chọn.
Và họ về cơ bản chỉ loại của liên kết một từ khóa nhất định
trong HTML với các thuộc tính khác nhau.
Và khi tôi nói thuộc tính, tôi có nghĩa những thứ như màu chữ, kiểu chữ,
màu sắc của nền, màu sắc của văn bản của bạn.
Những loại vật.
Cũng giống như nếu nó làm trung tâm, nếu nó ra bên phải,
nếu nó inverted-- tất cả những điều mát mẻ.
Bất kỳ điều phong cách mà bạn làm để văn bản của bạn,
đây là những gì tôi muốn nói với các thuộc tính.
>> Và sau đó hai điều chính để biết là selectors-- hai của factors-- chính
là ID, mà là duy nhất.
Bạn chỉ có thể sử dụng cho một điều.
Nếu không, nó sẽ hét vào mặt bạn.
Và khi chúng ta định nghĩa nó trong một tập tin CSS, nó sẽ
được ID băm và sau đó những gì thuộc tính chúng ta muốn.
Tôi hứa chúng ta sẽ đi qua một ví dụ.
Nó sẽ có ý nghĩa hơn rất nhiều.
>> Lớp có thể tham khảo nhiều khối.
Vì vậy, bạn có thể có của bạn đoạn đầu tiên và thứ ba
có cùng một loại thuộc tính nếu bạn kết hợp chúng với cùng một lớp.
Và khi chúng ta xác định chúng trong CSS, chúng tôi làm một lớp chấm,
với lớp học được bất cứ điều gì bạn muốn nó được đặt tên.
>> Vì vậy, tôi biết điều này là đúng bây giờ rất trừu tượng.
Đó là lý do tại sao chúng ta sẽ mã.
Tôi biết các bạn yêu đó, và tất cả các bạn
sẽ giúp tôi bởi vì đây là trang web của bạn.
Đây là trang web phần của chúng tôi, guys.
Vì vậy, được có bất kỳ câu hỏi trước khi tôi tắt PowerPoint, hoặc bất cứ điều gì
bạn muốn tôi di chuyển trở lại đến trước khi chúng tôi bắt đầu mã hóa?
>> Đung Khi bạn nói thẻ trận đấu, bạn có ý nghĩa selectors hoặc thẻ?
ALLISON BUCHHOLTZ-AU: Bạn có thể nghĩ về họ như những điều tương tự.
Đó là từ chỉ khác nhau.
Ý tôi là, như selectors.
Nhưng bộ chọn thêm bản đồ vào thẻ.
Vì vậy, bạn có thể nghĩ về họ như hiệu quả điều tương tự.
Tôi hứa nó sẽ làm cho ý nghĩa hơn khi chúng ta viết mã.
Bất cứ điều gì từ PowerPoint hoặc bất kỳ câu hỏi
ngay bây giờ trước khi chúng tôi thực sự tạo ra trang mục của chúng tôi?
Mọi người sẵn sàng chưa?
Cool.
>> Vì vậy, tôi có một bắt đầu.
Hãy để tôi tăng phông chữ cho các bạn.
OK, vì vậy ngay bây giờ, chúng tôi chỉ có một xương trần trang web ngay tại đây.
>> Chúng tôi có một số HTML.
Chúng tôi có một số tiêu đề, mà chúng tôi thấy ở đây là ví dụ trang web.
Một số tiêu đề, một số font.
Đây là thẻ, OK?
Vì vậy, khi tôi có nghĩa là đóng thẻ của bạn, chúng ta thấy ở đây đầu khung này là mở đầu của bạn
tag, và khung này / Đầu là đóng cửa nó, OK?
>> Vì vậy, bạn có thể nghĩ về điều này như niềng răng của bạn trong khi điều kiện của bạn
hoặc bạn cho các vòng.
Nếu bạn có một ở đầu, bạn muốn một trong hai kết thúc.
Nó sẽ vẫn làm việc hầu hết thời gian nếu bạn không có một thẻ đóng,
nhưng tốt nhất là đóng thẻ của bạn.
>> Vì vậy, trong trường hợp này, chúng ta hãy thay đổi điều này.
Chúng ta sẽ có phần bảy.
"Mục trang web."
Vì vậy, tôi chỉ cần đi để thay đổi điều này.
>> Và nếu chúng ta đi qua đây và chúng tôi gotta reload-- lưu và reload--
chúng tôi nhận thấy ở đây nó đã thay đổi, phải không?
Cool.
Vì vậy, điều này thay đổi tiêu đề.
Đây là bất cứ điều gì trên tab của bạn.
>> Vì vậy, đây là loại tìm loại nhàm chán.
Tôi không biết về con trai.
Tôi nghĩ rằng chúng tôi muốn một cái gì đó khác ở đây.
>> Vì vậy, những gì chúng tôi có thể làm là tiêu đề là chỉ cần có.
Hãy làm một số loại cơ thể.
Vì vậy, chúng tôi có một số cơ quan ở đây.
Tôi luôn luôn làm mở và đóng thẻ của tôi để bắt đầu,
trong cùng một cách mà tôi làm niềng răng.
Ah.
Chờ đợi, những gì?
>> Đung [không nghe được].
ALLISON BUCHHOLTZ-AU: Ah.
Các bạn đã cho tôi.
Good job.
Sao vàng.
>> OK, vì vậy chúng tôi có một số cơ quan ở đây.
Và bây giờ chúng ta hãy bắt đầu thêm một số văn bản.
Vì vậy, bạn có một vài khác nhau tùy chọn để thêm văn bản.
Chúng tôi có những thứ như tiêu đề.
Chúng tôi có văn bản chỉ bình thường.
Vì vậy, chúng ta hãy bắt đầu với một tiêu đề.
Trên thực tế, nếu các bạn muốn để kéo lên HTML W3 School,
bạn có thể loại nhìn xung quanh và nếu có bất cứ điều gì
đặc biệt mà bạn muốn thử với trang web này, chúng ta có thể làm điều đó.
Vì vậy, trong trường hợp này, chúng ta hãy làm một số h1.
Vì vậy, h1 là như tiêu đề cao nhất.
Nó sẽ cung cấp cho bạn một cái gì đó đó là rất lớn và đậm.
>> Và trong trường hợp này, những gì chúng ta muốn cho văn bản đầu tiên trên trang web của chúng tôi?
Bất cứ điều gì.
Các bạn sẽ tạo ra này.
Tôi chỉ cần đi để gõ.
Đung Chào mừng.
>> ALLISON BUCHHOLTZ-AU: Chào mừng.
OK, vì vậy nếu chúng ta lưu nó và chúng ta cần nạp, chúng ta có một lớn chào đón tuyệt vời.
Vì vậy, chỉ để bạn có thể nhìn thấy sự khác biệt, chúng ta hãy làm một cái gì đó trên H6.
Chúng ta muốn gì ở đây?
Phải không?
>> OK, vì vậy chỉ cần để bạn có thể thấy sự khác biệt.
Yeah, Sublime.
Vì vậy, nếu bạn nhận thấy, h1, rất, rất lớn.
h6, như in đậm, nhưng nhỏ hơn nhiều, và bạn có tất cả mọi thứ ở giữa.
Vì vậy, bạn có thể có h2, h3, h4.
Và đây là những chỉ tiêu đề, vì vậy nếu bạn đang cố gắng
để tạo ra một trang web mà có phần khác nhau,
có thể bạn muốn sử dụng tiêu đề ở đâu đó.
>> Cool.
Vì vậy, chúng ta sẽ thêm một số chi tiết mọi thứ trong cơ thể của chúng tôi.
Tôi thấy rằng nó sẽ là loại mát mẻ nếu chúng ta có một bức tranh.
Tôi cảm thấy như tất cả mọi người có thể sử dụng có thể một hình ảnh chú thỏ dễ thương đúng về bây giờ,
vì vậy chúng tôi đang đi tìm một hình ảnh chú thỏ đầu tiên.
>> Tôi không biết nếu bạn có bất kỳ ưu đãi mà một trong chúng ta muốn.
Bạn có bất cứ sở thích?
Điều này một ở đây?
Down.
OK.
Đó là một trong nó được.
Sự lựa chọn tốt.
>> OK, vì vậy chúng ta sẽ xem hình ảnh của chúng tôi.
Nhìn vào đó.
Nhìn vào đó điều đáng yêu.
Làm thế nào bạn có thể là buồn vào ngày thứ hai với điều này?
>> Vì vậy, chúng tôi chỉ cần đi để sao chép URL hình ảnh.
Và những gì chúng tôi muốn làm là, chúng ta hãy chỉ nói rằng chúng ta có một số p cho đoạn văn.
Chúng tôi sẽ nói "Hãy nhìn nhìn chú thỏ dễ thương.
d'awwww ".
Tôi yêu con thỏ của tôi.
Tôi có một chú thỏ ở nhà.
Tôi nhớ con thỏ của tôi.
Vì vậy, những gì chúng ta sẽ do-- Tôi không biết nếu các bạn muốn
google this-- nhưng với HTML, làm thế nào bạn có thể bao gồm một hình ảnh?
Nghĩa là, nếu bạn google "Bao gồm hình ảnh HTML,"
tại sao không các bạn cho tôi biết những thẻ này nên được?
>> Đung img source--
>> ALLISON BUCHHOLTZ-AU: img source--
Đung --equals--
ALLISON BUCHHOLTZ-AU: --equals--
Đung --quote-- yeah.
ALLISON BUCHHOLTZ-AU: Hoàn hảo.
Đáng yêu.
Xem, thế hệ MySpace, phải không?
Đung Neopets.
ALLISON BUCHHOLTZ-AU: Neopets.
Oh, OK.
Wow.
Đó là điên.
OK.
>> Vì vậy, chắc chắn rằng tôi có được quyền này.
Cool.
Vì vậy, điều này nên được ở đây.
Và sau đó nếu chúng tôi lại, chúng tôi có của chúng tôi bunny trên trang này là không đáng yêu?
>> Điều này là rất dễ thương.
Bạn đã chọn một hình ảnh rất tuyệt vời.
Tôi đang đào bới nó.
>> OK, vì vậy chúng tôi có chú thỏ đáng yêu này ngay bây giờ.
Chúng tôi đã có thể để thêm một hình ảnh, chỉ cần như thế.
Vì vậy, về cơ bản nếu có bất kỳ hình ảnh bạn muốn thêm vào trang web của bạn,
bạn có thể thêm nó chỉ như thế này.
Một điều sẽ được nếu bạn có hình ảnh được lưu trữ
trong cùng thư mục tập tin này, bạn có thể chỉ
viết bất cứ điều gì tên của hình ảnh đó là thay vì có một liên kết web.
>> Nó vẫn sẽ ở trong dấu ngoặc kép.
Nó sẽ chỉ được như nếu chúng ta đã đặt tên this--
nếu hình ảnh này đã được lưu trong thư mục với tập tin HTML này
mà tôi đang chỉnh sửa và nó được gọi là bunny.jpg.
Chúng tôi cũng có thể làm điều đó và nó sẽ hiển thị.
Tuy nhiên, tôi không có điều này được lưu trong các tập tin và tôi muốn giữ cho thỏ,
vì vậy chúng tôi sẽ tiếp tục liên kết.
>> Đung rabbit.org là gì?
>> ALLISON BUCHHOLTZ-AU: rabbit.org.
Đây là một appropriate-- nhìn, bạn có thể áp dụng nó.
Nhận con nuôi.
bunny.jpg.
Tôi muốn áp dụng bunny này.
Oh, chúa ơi, nó rất dễ thương.
>> OK, vì vậy chúng tôi đã thêm tiêu đề.
Chúng tôi đã thêm một bức tranh.
Rõ ràng, chúng tôi đã thêm một số văn bản ở đây, phải không?
Nếu chúng ta muốn thêm khác văn bản, chúng tôi muốn đi như thế này.
Vì vậy, đây là đoạn khác.
>> Và chúng ta nói "đây là đoạn khác."
Ngoài ra, tôi là một Speller khủng khiếp, vì vậy tôi có thể viết sai điều.
Chỉ cần FYI.
>> Vì vậy, chúng tôi có một đoạn ở đây, phải không?
Vì vậy, có thể bạn muốn làm điều gì đó thêm một chút thú vị hơn là chỉ
có tất cả các văn bản của bạn, như ngay thẳng.
Có lẽ bạn muốn giữa văn bản của bạn, OK?
>> Vì vậy, nếu ai đó muốn sử dụng những máy tính tiện dụng ở phía trước của bạn
và cho tôi biết làm thế nào bạn đi giữa văn bản này,
>> Đung p align.
>> ALLISON BUCHHOLTZ-AU: Vì vậy, p align bằng "trung tâm".
Anh ta giết nó, guys.
Y'all cần phải đẩy mạnh.
Và chúng tôi có "này tập trung."
Và bây giờ chúng tôi đã một cái gì đó làm trung tâm.
>> Trong cùng một cách, nếu bạn muốn nó còn liên kết,
bạn có thể làm class equals trái, class bằng đúng.
Hoàn toàn vào bạn.
Nếu tôi đã làm ngay tại đây, sau đó điều này phải: bây giờ nó phải liên kết.
>> Đung Allison?
Theo nguồn hình ảnh, tại sao không phải là có gần nguồn img?
ALLISON BUCHHOLTZ-AU: Xin lỗi.
Điều này nên được Bây giờ có bạn tốt.
Bây giờ chúng tôi đang tốt.
ĐỐI TƯỢNG: Không có để đóng nó có, hay không?
ALLISON BUCHHOLTZ-AU: Vâng, vì vậy img nguồn, điều này là một just-- với hình ảnh,
nó chỉ được coi là một yếu tố, trong khi nếu bạn thông báo cho phần còn lại trong số này,
chúng tôi có một số thẻ sau đó thông tin nó gắn liền với và sau đó một thẻ đóng.
Nhưng với hình ảnh, tất cả mọi thứ của chỉ là loại khép kín.
Cool.
Vì vậy, các bạn biết làm thế nào để tạo ra một tiêu đề, bạn biết làm thế nào để nhập văn bản,
bạn biết làm thế nào để đặt một hình ảnh tại bây giờ, bạn có thể sắp xếp mọi thứ.
>> Một điều mà bạn có thể muốn để có thể làm
là tạo ra một danh sách trong CS-- chúng tôi loại đi vào pset tuần tới.
Các công cụ mà chúng ta thường dạy trong tuần này
đi thực sự tốt với pset tuần tới, vì vậy chúng tôi
loại pha trộn, chồng chéo điều ở đây.
Nhưng nó sẽ có ích cho tuần tới.
>> Vì vậy, nếu chúng tôi muốn tạo ra một số danh sách, làm thế nào chúng ta có thể làm điều đó?
Bạn không thể trả lời lúc này.
Một người nào đó đã đến.
Nó không khó, guys, hứa.
Google "không có thứ tự danh sách HTML."
Đó là gì?
>> Đung [không nghe được].
ALLISON BUCHHOLTZ-AU: Đúng vậy.
Vì vậy, chúng tôi muốn ra lệnh hoặc có thứ tự?
Hãy làm một thứ tự.
Vì vậy, chúng tôi có một số ul, mà là viết tắt của Unordered List.
Và chúng ta có gì cho mỗi phần tử?
Liệu nó có cần thẻ riêng của mình?
Chúng ta có thể chỉ cần bắt đầu viết những điều?
>> Đung li.
>> ALLISON BUCHHOLTZ-AU: li.
Vì vậy, danh sách của chúng tôi sẽ là gì?
Chúng ta muốn gì ở đây?
Chúng tôi chỉ làm tên.
Chỉ cần làm Jacob.
>> Thực phẩm Rabbit: ĐỐI TƯỢNG.
>> ALLISON BUCHHOLTZ-AU: thực phẩm Rabbit.
OK tôi như thế này.
Thức ăn thỏ.
>> OK, vì vậy chúng tôi có cà rốt.
Tôi thích chủ đề thỏ này.
Tôi đang đào bới nó rất nhiều.
ĐỐI TƯỢNG: Thực ra, tôi nghĩ rằng Jacob sẽ là một legit.
ALLISON BUCHHOLTZ-AU: Jacob?
Jacob là thức ăn thỏ.
Nếu bạn nhìn thấy Jacob ảnh từ giờ làm việc,
bạn có thể nghĩ rằng ông đã nhận bị tấn công bởi một con thỏ kẻ giết người.
>> ĐỐI TƯỢNG: Tôi có một con thỏ bây giờ.
Tôi có một con thỏ kẻ giết người bây giờ.
>> ALLISON BUCHHOLTZ-AU: Bạn đang đùa tôi?
>> Đung tôi sẽ mang lại cho nó phần tiếp theo.
Tôi có nó.
>> ALLISON BUCHHOLTZ-AU: Điều này là vô lý.
Dù sao.
>> Đung [không nghe được]
>> Đung Yeah, giám thị của tôi có một con thỏ là tốt.
>> ALLISON BUCHHOLTZ-AU: Tôi muốn một con thỏ.
OK, bất cứ ai mang một con thỏ thực sự để phần tiếp theo, tổng số điểm brownie.
Đung [không nghe được]
ĐỐI TƯỢNG: Oh, đó là không có thật.
Đó là một con thỏ nhồi bông.
>> ALLISON BUCHHOLTZ-AU: Oh yeah, chúng ta có thể đóng các.
Hình rad.
Đung Liệu nó có thực sự quan trọng?
ALLISON BUCHHOLTZ-AU: Nó không.
Với hầu hết các sự vật, bạn không đóng thẻ,
99% thời gian không có gì xấu đang xảy ra xảy ra, nhưng đó là phong cách tốt, quá.
Vì vậy, Jacob.
Và chúng tôi có rau diếp.
Đung Đối với liên kết, nó thực sự quan trọng.
ALLISON BUCHHOLTZ-AU: Hm?
ĐỐI TƯỢNG: Đối với các siêu liên kết.
ALLISON BUCHHOLTZ-AU: Đối với các siêu liên kết.
Có, siêu liên kết cần nó.
OK, vì vậy hãy xem ở đây.
Và chúng tôi có gần danh sách của chúng tôi.
Và chúng ta nhìn vào đó.
Chúng tôi đã all-- Jacob, ngay tại đó.
Thức ăn thỏ.
Nhắc tôi Bunnicula.
>> Đung [không nghe được]
ALLISON BUCHHOLTZ-AU: Tôi đang mang trở lại tất cả các tài liệu tham khảo học cũ ngày hôm nay,
không phải là tôi?
Chỉ cần tất cả các tài liệu tham khảo trường học cũ.
Nên đã mang lại như Gogurts hoặc một cái gì đó cho bữa ăn nhẹ.
>> Đung Hoặc giếng dầu.
ALLISON BUCHHOLTZ-AU: Oh.
OK.
Tôi sẽ xem liệu tôi có thể theo dõi xuống giếng dầu trong tuần tới.
Tôi nghĩ rằng tôi có thể làm điều đó.
Tôi nghĩ rằng chúng tôi có thể có một số trong văn phòng.
>> OK, vì vậy chúng tôi đã được rất nhiều khác nhau những điều bạn có thể làm với HTML, phải không?
Và như bạn có thể thấy, đó là nothing-- hy vọng, không quá intim--
nếu nó là, tôi không có nghĩa là coi thường bất cứ ai.
Nếu bạn đang gặp khó khăn, hãy đến nói chuyện với tôi.
>> Nhưng hầu hết nó chỉ là nhìn vào cú pháp, đúng không?
Nếu bạn muốn một danh sách không có thứ tự, nếu bạn muốn một số loại danh sách,
nếu bạn muốn sắp xếp một cái gì đó hoặc định dạng một cái gì đó, nó là tất cả về chỉ
loại nhìn lên cú pháp cho HTML, phải không?
Và một điều đó là khá mát mẻ thực sự
là nếu bạn đi với: chúng ta hãy xem, một trang web tốt đẹp mà chúng ta muốn là gì?
Bất cứ ai có bất kỳ trang web ưa thích đó là OK để đưa lên trực tuyến?
Bạn biết những gì, chúng ta hãy làm CS50.
Đó là tốt đẹp và an toàn, phải không?
>> OK, vì vậy CS50 ở đây.
Oh nhìn, có một phần ngay bây giờ.
Nếu bạn thích cách nó trông.
>> Đung [không nghe được].
ALLISON BUCHHOLTZ-AU: Chúng tôi không sẽ làm phần meta, guys.
Nó không xảy ra.
Nó sẽ được mát mẻ, nhưng chúng tôi sẽ không làm điều đó.
>> Vì vậy, những gì bạn có thể làm gì nếu bạn thích cách
các công trình này là bạn có thể luôn luôn đúng nhấp vào bất kỳ trang web mà bạn thích
và bạn có thể làm View Page Source.
Nó sẽ mang đến tất cả các HTML.
Và điều này thực sự là một thực sự tốt cách để theo phong cách trang web của riêng bạn.
Chuyển đến một trang web mà bạn thực sự thích và nhìn vào HTML
và tìm ra cách họ đã làm nó.
>> Và nghĩa đen, như dài như bạn trích dẫn điều,
miễn là bạn không chỉ ăn cắp từ người dân, đó là OK.
Đặc biệt đối với CS50 [? tài trợ?], chúng tôi
loại mong đợi bạn để có được cảm hứng từ trang web khác.
Vì vậy, cảm thấy tự do.
Xem xét thông qua trang web bạn nghĩ là thực sự khá
và tìm ra cách họ sử dụng HTML và CSS để làm những điều này.
>> Vì vậy, như bạn thấy ở đây, rõ ràng là có như các liên kết và chúng tôi có một lớp học ở đây.
Chúng tôi có một liên kết ở đây.
Chúng tôi có một danh sách.
Chúng tôi có thể có một số hình ảnh ở đây một nơi nào đó.
>> Chúng tôi đã có một số phong cách mát mẻ ở đây.
Đây là điều tiếp theo chúng ta sẽ làm.
Vì vậy, phong cách, bất cứ khi nào bạn nhìn thấy những khung phong cách, đó là CSS cơ bản.
Ben, bạn đã có một câu hỏi?
>> Đung div là gì?
>> ALLISON BUCHHOLTZ-AU: div chỉ là a-- là những gì div?
Đung Division.
ALLISON BUCHHOLTZ-AU: Division.
Yeah, nó chỉ giống như tách các yếu tố khác nhau.
OK, vì vậy đây là những gì chúng tôi sẽ đi vào tiếp theo.
Vì vậy, điều này có thể không phải là tốt nhất phong cách bởi vì, nếu bạn nhận thấy
chúng tôi có HTML và phong cách trong cùng một trang, và chúng tôi thực sự muốn tách riêng những người,
OK?
Và trên thực tế, hãy để tôi mở ra một trong những quyền của tôi
bởi vì đây được coi là PDF, vì vậy chúng tôi có style.css.
>> Vì vậy, những gì chúng ta có thể làm ở đây là các là những thứ mát mẻ như một số phai
và chúng ta có thể cố gắng làm điều đó, nhưng tôi cảm thấy như tôi sẽ lộn xộn lên trên bay,
vì vậy tôi khuyến khích các bạn để đi thử đó một mình,
nhưng tôi sẽ không làm điều đó ngay bây giờ.
Vì vậy, nếu các bạn, hãy nhớ, nếu bạn đã bao giờ trúng vấn đề thiết lập,
một cái gì đó trong xuân về, kịp từ phía bên.
Nó có để làm với các fade và quá trình chuyển đổi và không có điều gì.
>> Đung Và đó là tất cả CSS và HTML?
>> ALLISON BUCHHOLTZ-AU: Tất cả CSS và HTML.
Yeah.
Vì vậy, bạn có thể làm được rất nhiều thực sự những điều thú vị với CSS và HTML.
Vì vậy, với tuyệt vời của chúng tôi trang web thỏ ở đây, chúng tôi
sẽ làm một ít bit của CSS phong cách với nó.
>> Vì vậy, nếu bạn đã bao giờ có một phong cách tờ, mà chúng tôi có ở đây,
bạn chỉ có thể gọi style.css.
Bạn có thể gọi nó là bất cứ điều gì bạn muốn.
Điều quan trọng là chúng ta đang đi để tham chiếu nó trong web.html của chúng tôi ở đây.
>> Vì vậy, những gì chúng ta sẽ làm là we-- vì vậy tôi không gây rối này up--
chúng tôi sẽ liên kết hai tập tin này lại với nhau.
Vì vậy, trong way-- giống như tôi đang đi để vẽ một tương tự với C ở đây.
Trong cùng một cách mà nếu bạn có một số library-- và chúng tôi có cs50.h--
trình biên dịch của chúng tôi liên kết nó.
Đây chỉ là một rõ ràng liên kết trên một phần của chúng tôi.
Vì vậy, trong cùng một cách mà chúng tôi làm băm bao gồm một số tập tin, những gì
Tôi về để viết chỉ được HTML / CSS tương đương đó.
>> Chúng tôi chỉ nói, OK, trang web này sẽ sử dụng kiểu này, OK?
Vì vậy, chúng tôi có liên kết rel bằng stylesheet.
Và sau đó chúng tôi có loại, css.
Và sau đó href bằng.
>> OK.
Vì vậy, tất cả điều này đã làm ở đây là bạn có thể nghĩ về điều này như điều tương tự
như một băm bao gồm.
Rõ ràng là có vẻ nhiều hơn một chút phức tạp, nhưng trong mọi trường hợp,
nó có hiệu quả điều tương tự.
Vì vậy, đây chỉ là một số liên kết của một style sheet, nó là loại text / css,
và tên của nó là style.css.
>> Điều quan trọng cần biết là trang web
mà tôi đang làm việc đúng now-- web.html và style.css-- là trong cùng một thư mục.
Bởi vì trong thư mục khác nhau, bạn cần phải cung cấp cho các gốc thực sự
để nó hoặc đường dẫn đến nó.
Nhưng trong trường hợp này, chúng tôi đang giữ nó siêu đơn giản và nó sẽ có mặt ở đây.
Vì vậy, nếu chúng ta làm điều đó, tôi có một số điều đã xếp hàng ở đây.
>> Vì vậy, chúng tôi có một số cơ thể, mà là có có màu nền của chúng tôi,
ngay bây giờ là ánh sáng màu xanh.
Chúng ta có thể thay đổi nó nếu chúng ta muốn, nhưng nếu tôi nhớ những điều này một cách chính xác,
nó chỉ cần thay đổi nó để ánh sáng màu xanh.
Và bây giờ chúng ta có một nền màu xanh nhạt.
Và chúng tôi đã có here-- bất cứ ai có thể nhớ đó là một trong ID băm hoặc lớp học?
>> Đung ID.
>> ALLISON BUCHHOLTZ-AU: ID.
Cool.
Vì vậy, những gì chúng tôi muốn làm mà là những phông chữ
hoặc which-- chúng ta muốn "Nhìn chú thỏ dễ thương "là màu tím?
Tôi nghĩ rằng chúng tôi muốn có được màu tím.
Tôi khá xuống với đó là màu tím.
>> Vì vậy, những gì bạn làm là bạn làm ID equals-- trong trường hợp này
Tôi đã nói, cái gì, màu sắc đẹp ở đây.
Chúng tôi lại.
Tất cả các của một bất ngờ, đó là màu tím.
OK, vì vậy với ID, hãy nhớ nó cần phải là duy nhất,
vì vậy tôi không bao giờ được sử dụng ID này bất cứ nơi nào khác.
Nhưng với lớp học, như chúng ta có ở đây với một phông chữ đẹp,
Tôi sẽ có thể sử dụng rằng bất cứ nơi nào tôi muốn.
>> Vì vậy, hãy làm điều này ở đây.
Vì vậy, chúng ta có thể nói lớp bằng font chữ đẹp.
Và nếu chúng ta nhìn bây giờ, chúng tôi có font này khá mát mẻ ở đây.
Vì vậy, có lẽ tôi muốn làm cả hai.
OK, tôi thực sự không biết nếu điều này là đi làm việc nhưng tôi muốn thử nó.
Và đây là cách bạn học CSS và HTML.
Bạn giống như, bạn biết những gì, tôi muốn thử này.
Tôi không chắc chắn nếu nó sẽ làm việc.
Hãy xem nếu nó hoạt động.
>> Và nhìn vào đó.
Bây giờ là màu tím và đó là một font chữ đẹp.
OK, vì vậy bạn có tất cả những khác nhau mà bạn có thể làm.
Bạn có một câu hỏi?
>> Đung Yeah.
Vâng, chỉ thích những màu sắc bạn đang sử dụng là những từ.
Có một cách để làm màu sắc với hệ thập lục phân RGB?
ALLISON BUCHHOLTZ-AU: Bạn cũng có thể làm điều đó với hexidecimal, tôi tin.
Yeah.
Nhưng đó là loại tốt đẹp nếu bạn không muốn xem chúng.
Bạn chỉ có thể được như thế, màu tím hoặc màu xanh.
Đung Hãy hy vọng họ biết điều đó có nghĩa.
ALLISON BUCHHOLTZ-AU: Đúng vậy.
Vì vậy, chúng ta hãy làm này đọc hoặc lục nhạt.
Tại sao bạn lại chọn màu lục nhạt?
Đây là một màu sắc thú vị.
>> OK, vì vậy rõ ràng là chúng ta có thể thấy chúng tôi có thể thay đổi mọi thứ tuy nhiên chúng tôi muốn.
Nếu bạn muốn create-- giả chúng tôi muốn tạo ra một lớp khác.
Những gì các bạn có thể muốn thay đổi?
Nếu bạn kéo lên W3Schools ' Tài liệu CSS,
Tôi rời khỏi sàn đến với bạn.
Chúng ta có thể cố gắng và làm một cái gì đó mát mẻ với này trong vài phút.
Bởi vì tôi đã loại cho bạn một sụp đổ khóa học về rất nhiều thứ mát mẻ
bạn có thể làm.
Nhưng cuối cùng, như tôi đã nói, nếu bạn chỉ thử nghiệm, bạn sẽ học được rất nhiều.
>> Đung bạn đã nhìn lên phông chữ?
>> ALLISON BUCHHOLTZ-AU: Yeah, Tôi nhìn lên phông chữ đó.
Vì vậy, như nghĩa đen, tôi đã đi đối với: Tôi đã làm gì?
Tôi đã làm danh sách phông chữ CSS, và sau đó tôi đã làm phông chữ stack,
và sau đó tôi được như thế, nhìn, ở đây là tất cả các phông chữ mát mẻ, bạn có thể làm.
Và có một này, vì vậy Tôi sao chép nó vào clipboard của tôi.
Và sau đó tôi được như thế, OK, thoáng mát, có chúng tôi đi.
Tất cả được thực hiện.
>> Đung Vì vậy, bạn phải chắc chắn CSS mà biết những gì font đó là.
>> ALLISON BUCHHOLTZ-AU: Có.
>> Đung nó nói gì ở cuối?
Chữ thảo?
>> ALLISON BUCHHOLTZ-AU: chữ thảo.
Yeah.
>> Đung hình ảnh nền.
>> ALLISON BUCHHOLTZ-AU: hình ảnh nền.
OK.
Vì vậy, bạn muốn cho tôi biết làm thế nào để làm điều này.
Tôi để điều này cho bạn.
Tôi chỉ cần gõ lên ở đây bây giờ.
Các bánh xe là trong tay của bạn.
>> Đung OK
>> ALLISON BUCHHOLTZ-AU: OK.
Tôi đang làm gì?
>> Đung Doing-- tôi biết những gì đưa ra sau khi các ngoặc móc.
ALLISON BUCHHOLTZ-AU: OK.
Vì vậy, có lẽ trong cơ thể, tôi sẽ giả định, bởi vì chúng tôi
thực hiện với các hình nền.
>> ĐỐI TƯỢNG: Vâng, chúng ta hãy làm điều đó.
>> ALLISON BUCHHOLTZ-AU: OK.
Đung OK, vì vậy nền ruột kết, và sau đó chúng tôi
cần một địa chỉ URL của hình ảnh đó.
Có lẽ mã giả rằng bây giờ, có lẽ.
>> ALLISON BUCHHOLTZ-AU: Điều gì bạn muốn tôi đối với:
Đung Tôi đang suy nghĩ như một GIF.
ALLISON BUCHHOLTZ-AU: Một GIF?
Điều đó sẽ rất thú vị.
OK, những gì tôi googling ở đây?
>> ĐỐI TƯỢNG: Không, đó là sự lựa chọn của bạn.
>> ALLISON BUCHHOLTZ-AU: Tại sao không we-- nếu đó là một chú thỏ,
Tôi cảm thấy như chúng tôi cần phải có một bãi cỏ đẹp hay một cái gì đó.
>> Đung Meadow.
Một đồng cỏ.
>> ALLISON BUCHHOLTZ-AU: Một đồng cỏ?
OK.
Đung Hoặc Rachel Maddow.
ALLISON BUCHHOLTZ-AU: Điều này có vẻ khá.
Oh, đó là nhỏ bé, mặc dù.
Chúng ta cần một hình ảnh kích thước tốt.
Hãy xem.
Oh, nhìn.
Đó là một bãi cỏ khá.
Bạn biết đấy, tôi như thế này.
Hãy sao chép này.
>> Đung OK, vì vậy tôi nghĩ rằng đó là URL, mở ngoặc đơn.
>> ALLISON BUCHHOLTZ-AU: OK, URL.
>> Đung Sau đó địa chỉ.
>> ALLISON BUCHHOLTZ-AU: OK.
Đó là tất cả chúng ta cần?
>> Đung Đóng ngoặc dấu chấm phẩy, và sau đó không gian, nền gạch nối
tập tin đính kèm thư đại tràng cố định, và ngoặc móc.
>> ALLISON BUCHHOLTZ-AU: OK.
Hãy xem nếu mà làm việc.
Nó sẽ được khá mát mẻ nếu nó không.
Tôi thực sự vui mừng ngay tại đây.
Nó không làm việc.
Tôi tự hỏi tại sao.
Đung Có lẽ các URL có được trong trích dẫn.
ALLISON BUCHHOLTZ-AU: Có lẽ.
Và đây là cách chúng ta học hỏi, guys.
>> Đung chúng tôi có thể có nền màu sắc và hình nền?
>> Đung số
Một thay thế khác.
>> ALLISON BUCHHOLTZ-AU: Tôi không biết.
Hãy xem.
Hãy kiểm tra xem nó ra và xem.
>> ĐỐI TƯỢNG: Oh, có lẽ, yeah.
[Interposing GIỌNG NÓI]
>> ALLISON BUCHHOLTZ-AU: OK, đây là obviously-- tôi [không nghe được] ở đây.
Vì vậy, OK.
Đung đính kèm Background.
ALLISON BUCHHOLTZ-AU: Ah.
>> Đung OK, tôi không biết.
ALLISON BUCHHOLTZ-AU: Nó có vẻ như nó sẽ làm việc.
Bạn có chắc chắn đó là dấu hai chấm sau khi URL?
>> ĐỐI TƯỢNG: Không, nó dấu chấm phẩy.
ALLISON BUCHHOLTZ-AU: Đó là dấu chấm phẩy.
ĐỐI TƯỢNG: Tôi có nói đại tràng?
ALLISON BUCHHOLTZ-AU: Bạn nói một tràng.
ĐỐI TƯỢNG: Ồ không.
ALLISON BUCHHOLTZ-AU: Có bạn đi.
ĐỐI TƯỢNG: Oh, chờ đợi, bây giờ chúng tôi không thể đọc được văn bản.
ALLISON BUCHHOLTZ-AU: Bây giờ bạn không thể đọc các văn bản,
nhưng chúng tôi có hình nền.
Mmhmm?
>> Đung Liệu HTML hỗ trợ nội dung động?
Giống như, bạn có thể thay đổi kích thước hình ảnh mà tùy thuộc vào kích thước cửa sổ,
hoặc là một CSS--
>> ALLISON BUCHHOLTZ-AU: Vì vậy, CSS có để làm điều đó.
Vì vậy, nếu các bạn quan tâm trong học tập CSS tiên tiến,
Tôi đồng giảng dạy một Hội thảo về CSS vào ngày 7.
Và tôi hứa nó sẽ được nhiều hơn nữa vào chiều sâu
và làm nhiều hơn nữa mát mẻ điều trong phần này.
Và đồng giáo viên của tôi cũng giống như tổng kết thúc trước web dev chủ.
Vì vậy, nó sẽ khá mát mẻ nếu bạn muốn để tìm hiểu về tất cả những điều thú vị
CSS có thể làm.
>> Nhưng những gì chúng tôi có ở đây với tập tin đính kèm nền của mình
fixed-- vì vậy nó là một số size-- cố định nhưng bạn thực sự có thể dynamically--
nếu bạn đã bao giờ xem các trang web, như hầu hết các trang web tốt sẽ làm gì,
khi bạn điều chỉnh kích thước của trình duyệt của bạn,
nó điều chỉnh nền hoặc bao nhiêu được hiển thị hoặc định dạng lại mọi thứ, phải không?
Vì vậy, đó là những gì chúng ta gọi là vị trí tương đối.
>> Và CSS thực sự có thể lấy lớn như thế nào của bạn chiều rộng trình duyệt hoặc làm thế nào cao nó là,
và bạn có thể vị trí thứ theo kích thước tương đối
so với kích thước tuyệt đối.
Và đó là rõ ràng là cao cấp hơn CSS, nhưng đó là một cái gì đó bạn có thể làm.
Nếu bạn muốn tìm hiểu hơn, đến với hội thảo của tôi.
>> Vì vậy, đó là một cái gì đó bạn có thể làm.
Và CSS có thể thực sự do-- CSS và JavaScript,
mà chúng tôi sẽ nhận được vào tiếp theo week-- có thể cho phép bạn tự động thay đổi
trang mà không cần phải tải lại tất cả các thời gian.
Và bạn có thể làm một số công cụ khá mát mẻ.
>> Vì vậy, có một điều khác rằng các bạn có thể muốn làm
hoặc bất cứ điều gì bạn muốn để khám phá?
Chúng tôi có 10 phút còn lại.
Chúng tôi cũng có thể về sớm, nhưng nếu bạn muốn làm một số công cụ web hơn,
chúng ta có thể, nhưng tôi không sẽ buộc bạn.
Nhưng chúng ta cũng có thể chỉ cần ăn kẹo.
ĐỐI TƯỢNG: Đánh dấu văn bản trắng, do đó bạn có thể đọc nó.
ALLISON BUCHHOLTZ-AU: OK.
Vì vậy, trong trường hợp này, chúng tôi muốn có một số p.
ĐỐI TƯỢNG: Chúng ta có nên làm điều đó trong cơ thể nên nó áp dụng cho toàn bộ trang?
ALLISON BUCHHOLTZ-AU: Có, chúng tôi thực sự có thể.
Đó là một ý tưởng tốt.
Vì vậy, chúng tôi have-- làm bạn biết những gì chúng tôi nên được?
Tôi không biết nếu chúng tôi có thể làm màu văn bản.
Tôi sẽ cố gắng và tạo ra một lớp học ở đây.
>> ĐỐI TƯỢNG: Làm thế nào để bạn nhận được rất rằng nó có những lời đề nghị?
ALLISON BUCHHOLTZ-AU: Vì vậy, nếu các bạn quan tâm,
đây là văn bản khác biên tập viên được gọi là Cao Thượng.
Bạn sẽ có thể cài đặt nó trên thiết bị của bạn.
Đôi khi nó được một chút khéo léo.
Nếu bạn muốn được giúp đỡ với điều đó, Tôi siêu hạnh phúc để giúp bạn
với nó, bởi vì gedit là rất tốt và đó là tuyệt vời vì bạn có thể biên dịch nó
ở phía dưới, nhưng tôi thực sự như Sublime bởi vì nó đẹp
và nó làm những việc như tự động hoàn tất.
>> Vì vậy, bạn chắc chắn có thể cảm thấy tự do cho tôi biết nếu bạn muốn làm điều đó.
Nếu bạn chỉ cần google "Sublime văn bản ", nó thường
có hướng dẫn về cách cài đặt trên hệ điều hành khác nhau.
Nó thực sự là mát mẻ, tôi nghĩ, theo ý kiến ​​của tôi.
Vì vậy, p.
Tôi nghĩ rằng tôi chỉ có thể làm text-- hoặc chúng tôi chỉ có thể làm màu sắc là "trắng".
Có.
>> Vì vậy, những gì tôi đã làm ở đây tôi đó là không thay đổi tất cả các văn bản.
Nhưng đây chỉ là một p là tag mà chúng tôi có, phải không?
Tag đoạn này.
Vì vậy, tôi chỉ cần tạo ra một yếu tố CSS nói, OK, bất cứ điều gì với thẻ này
p, làm cho màu trắng.
>> Vì vậy, nếu bạn nhận thấy, nó làm trắng và trắng này.
Nó không làm cho danh sách của chúng tôi bởi vì màu trắng nó không được kết hợp với điều đó.
Bạn có thể đi qua và bạn có thể say--
>> Đung làm màu nền.
>> ALLISON BUCHHOLTZ-AU: Màu nền?
>> Đung nền cho đường ống trong màu sắc nơi bạn đặt các thẻ p.
>> ALLISON BUCHHOLTZ-AU: OK.
Bạn muốn nó trắng?
Đung Mmhmm.
ALLISON BUCHHOLTZ-AU: OK.
Có bạn đi.
Đung Đó là lạ.
ALLISON BUCHHOLTZ-AU: Khá mát mẻ, phải không?
Vì vậy, nếu bạn chỉ cần lộn xộn xung quanh, bạn sẽ học được rất nhiều.
Và nó có thể là khá mát mẻ.
Tôi nghĩ rằng nó chắc chắn hơn đôi khi hài lòng hơn
bởi vì bạn không phải chờ đợi cho chương trình của bạn để biên dịch.
Bạn chỉ có thể nhấn Refresh và bạn giống như, oh, nhìn,
nó làm việc, hoặc oh, tôi có thể bị thiếu một cái gì đó.
Và đó là một cái gì đó thực sự mát về phần tiếp theo này của lớp,
là nó chắc chắn, tôi nghĩ rằng, dễ dàng hơn để kiểm tra
như bạn đi dọc theo con đường so với phải viết các chương trình dài
và có nhu cầu và cầu nguyện rằng nó hoạt động ở cuối.
>> Vì vậy, với điều đó, tôi nghĩ rằng các bạn tất cả có vẻ tốt.
Nếu bạn có bất kỳ câu hỏi, như mọi khi, đến nói chuyện với tôi, đến cho tôi biết.
Tôi sẽ ngay bên ngoài trong 15 phút tiếp theo
nếu bạn muốn trò chuyện về bất cứ điều gì và tất cả mọi thứ.
>> Vì vậy, tôi hy vọng bạn guys-- chúc may mắn với pset này.
Hạn chót là thứ Sáu vào buổi trưa bởi vì nó được phát hành muộn.
Vì vậy, tôi sẽ có thể được nhìn thấy rất nhiều các bạn vào thứ năm,
nhưng hy vọng không.
Có lẽ bạn sẽ có nó được thực hiện bởi sau đó.
Tôi muốn được siêu tự hào.
>> Nhưng nếu không, tôi sẽ nhìn thấy bạn thứ năm.
Bạn cũng có thể sử dụng một ngày cuối năm, trong đó mở rộng nó đến thứ bảy vào buổi trưa.
Nhưng tôi don't-- huh?
>> Đung Halloween.
>> ALLISON BUCHHOLTZ-AU: Đó là Halloween, một, và b,
Tôi không nghĩ rằng có sẽ là giờ làm việc vào ngày thứ Sáu.
Vì vậy, thực sự cố gắng và làm cho nó thực hiện bằng cách Thứ Sáu để tất cả chúng ta có thể ăn mừng
Cuối tuần thánh.
Được rồi, tôi sẽ gặp các bạn vào tuần tới.