Được rồi.
Bạn có thể lấy được điều đó ở đâu?
Nếu không, đừng lo lắng.
Hãy xem qua những gì chúng ta cần làm để mọi thứ trên hồ sơ của chúng ta hoạt động.
Vì vậy, chúng tôi rõ ràng có một trang về HTML, vì vậy nó có thể giữ nguyên như bây giờ.
Chúng ta có thể gọi nó về và nếu chúng ta sao chép và dán ở đây, hãy làm một cái khác, giả sử chúng ta còn cái gì nữa?
Chúng tôi có html làm việc vì vậy chúng ta hãy làm việc.
HTML sẽ là html hoạt động và chúng ta hãy kiểm tra xem điều này có hoạt động hay không.
Tôi sẽ loại bỏ tuyến đường cũ để chúng ta có html chính thức và hoạt động.
Nếu tôi quay trở lại.
Và chúng ta hãy về nhà.
Ồ, có vẻ như chúng tôi có một chút lỗi.
Và tôi đã không thay đổi chức năng ở đây.
Bạn thấy rằng tôi có cả hai về.
Vì vậy, chúng ta hãy chỉ gọi công việc này nếu tôi quay lại và làm mới.
Được rồi, chúng ta hãy bắt đầu công việc.
Vâng, nó hoạt động.
TML Tại sao điều đó không hoạt động?
Đó là bởi vì nó nên hoạt động.
HTML.
Tôi ngớ ngẩn quá.
Được rồi, quay lại thôi.
Hãy làm mới.
Làm.
Được rồi.
Công trình đang hoạt động.
Nhưng một lần nữa, CSS không được áp dụng.
Nếu tôi quay trở lại và hãy nói về tôi về tôi cũng đang hoạt động.
Nhưng CSIS không được áp dụng và chúng tôi biết lý do tại sao lại như vậy.
Một lần nữa, nếu chúng ta đi làm.
Chúng tôi phải cập nhật điều này để bao gồm thư mục tĩnh.
Đáng kinh ngạc.
Và sau đó chúng tôi cũng cập nhật trang CSS.
Cũng như trang JavaScript.
Vì vậy, đây là sự lặp lại rất nhiều, nhưng tôi chỉ cho bạn thấy để bạn hiểu quá trình suy nghĩ là gì và tại
sao chúng ta cần thực hiện lại điều này.
Chúng tôi cũng sẽ sửa những điều này.
Và cái này nữa.
Tôi cảm thấy như tôi nên có một bài hát trong nền khi tôi làm điều này, vì vậy bạn không cảm thấy nhàm chán khi
tôi chỉ làm đi làm lại điều này.
Nhưng lặp lại là tốt, phải không?
Được rồi, người cuối cùng.
Các.
Tệp JavaScript.
Hãy tiết kiệm.
Quay lại máy chủ của chúng tôi.
Hãy làm mới.
Được rồi, về nhà thôi.
Ồ, có vẻ như chỉ mục. html không hoạt động, vì vậy chúng tôi cũng phải sửa lỗi đó.
Chúng tôi có thư mục gốc đang hoạt động nếu tôi nhấp vào hoạt động.
Hừ!
Có vẻ như CSS đã không hoạt động kém hơn, chúng ta hãy xem về tôi.
Về tôi đang làm việc.
Vì vậy, chúng tôi đã bỏ lỡ một cái gì đó và hoạt động nếu chúng tôi quay lại.
Ồ, và đó là bởi vì chúng tôi có một HTML hoạt động và hiệu quả.
Vì vậy, chúng tôi phải đảm bảo rằng chúng tôi kết hợp HTML công việc thay vì công việc.
Tôi không chắc trang này làm gì, nhưng tôi chắc rằng nó là một phần của việc này.
Vì vậy, một lần nữa đi vào công việc html của chúng tôi.
Làm điều tương tự chúng tôi đã làm, thêm tĩnh.
Như vậy.
Và tất cả các cách ở dưới cùng cho tệp JavaScript.
Hãy quay trở lại.
Đi làm và.
Tiếng hoan hô!
Nhìn kìa.
Tất cả các tác phẩm của chúng tôi đang được trưng bày.
Nhưng giống như một số hình ảnh không hiển thị.
Hiện nay.
Bạn có đoán được tại sao lại như vậy không?
Vâng, nếu chúng ta quay trở lại.
HTML của công việc của chúng tôi.
Và chúng tôi tìm kiếm hình ảnh.
Chúng ta thấy rằng ở đây, chúng ta cũng phải thêm static.
Vì vậy, một lần nữa, tôi sẽ thêm chúng vào hình ảnh.
Và để làm cho việc này nhanh hơn, tôi sẽ chỉ sao chép nó và thực hiện lệnh F hoặc điều khiển F để tìm kiếm tất cả các bản
sao của hình ảnh và đảm bảo rằng chúng tôi thêm nội dung vào đây.
Một cách dễ dàng để làm điều này và đây là những gì ID có thể giúp bạn.
Hoặc một trình soạn thảo văn bản như Sublime text là được.
Tôi có thể chọn toàn bộ thứ như thế này và thực hiện điều khiển lệnh g.
Và điều này thực sự chọn tất cả các trường hợp và bây giờ tôi có nhiều con trỏ.
Bây giờ những gì tôi có thể làm bây giờ chỉ là.
Thêm tĩnh trên tất cả các trường hợp, như bạn có thể thấy ở dưới cùng và trên cùng ở đây, để tôi không phải
lặp lại chính mình.
Bây giờ chúng ta hãy quay trở lại.
Làm mới và nhìn vào đó.
Chúng tôi có hiển thị các dự án của chúng tôi.
Điều đó thực sự, thực sự tuyệt vời.
Và chỉ như vậy, chúng tôi có các mẫu của chúng tôi bây giờ.
Chúng tôi vẫn có các thành phần mà chúng tôi cần sửa chữa và liên hệ.
Bây giờ các thành phần chúng tôi thực sự không cần, bởi vì nếu bạn xem trước ở đây, các thành phần chỉ là
một mẫu HTML mà bạn chỉ có thể sao chép và dán dựa trên những thành phần bạn cần.
Nhưng chúng tôi không thực sự cần điều đó trong danh mục đầu tư thực của mình.
Trang khác duy nhất mà chúng tôi cần là trang liên hệ, trang này thực sự rất quan trọng vì chúng tôi
sẽ sử dụng trang đó cho máy chủ Python của mình.
Vì vậy, chúng ta hãy quay trở lại đây.
Hãy loại bỏ các thành phần html.
Hoặc bây giờ chúng ta có thể giữ nó ở đó.
Nhưng trong tệp html chỉ mục.
Chúng ta có thể đi xuống tất cả các con đường.
Và trong phần thanh điều hướng, bạn thấy ở đây chúng ta có các thành phần chấm html như thế nào.
Chúng tôi chỉ có thể loại bỏ điều đó.
Chỉ vậy thôi.
Vì vậy, chúng tôi không sử dụng nó.
Bây giờ, một điều bạn có thể đã thấy tôi làm là sao chép và dán mã.
Vì vậy, bây giờ chúng tôi sẽ phải làm.
Một tuyến đường khác cho biết liên hệ và sau đó một lần nữa thực hiện liên hệ.
Nhưng đây là chúng tôi lặp lại mã dựa trên những gì chúng tôi đã học được.
Chúng tôi có thể cải thiện điều này để điều này trở nên năng động hơn để có thể khi chúng tôi thêm tệp HTML mới vào cấu hình
này, chúng tôi không phải liên tục sao chép và dán cùng một mã.
Hãy thử điều đó.
Và trong video tiếp theo, tôi sẽ chỉ cho bạn cách chúng tôi có thể làm được điều đó.