Chào tất cả mọi người.
Chào mừng trở lại, đã đến lúc cho một ví dụ về nhà khác.
Những gì chúng tôi sẽ làm trong tuần này là thêm nhiều phong cách hơn
cho các trang mà bạn đã bắt đầu tạo kiểu vào tuần trước.
Vì vậy, một lần nữa mục tiêu của nhiệm vụ này là tôi
không muốn bạn được thay đổi html ở tất cả.
Tôi muốn bạn hoặc là tạo một bảng phong cách mới hoặc cập nhật bảng phong cách tuần trước để
nó có thể được sử dụng trên ba tập tin html khác nhau.
Khi bạn bắt đầu, điều rất quan trọng là bạn đã hoàn thành
nhiệm vụ được xếp hạng ngang hàng đầu tiên.
Tôi sẽ giả định rằng bạn đã thực hiện nó và vì vậy
khi tôi nói trong video này về những thay đổi khác nhau tôi muốn bạn thực hiện.
Bạn có thể thay đổi bài tập về nhà trước đó, hoặc bạn thực sự
có thể bắt đầu hoàn toàn từ đầu nếu bạn không hài lòng với công việc trước đó của bạn.
Vì vậy, chúng ta hãy nhìn vào trước và sau cho
nhiệm vụ này mà tôi muốn bạn cố gắng đạt được.
Đây là trang của chúng tôi khi chúng tôi bắt đầu.
Trong bài tập về nhà, anh đã lấy nó từ đây đến đây.
Vẫn còn rất đơn giản, nhưng chỉ cần sạch hơn nhiều bởi vì chúng tôi thêm một số màu nền,
một số phông chữ màu, và chúng tôi đã thoát khỏi những hình ảnh.
Những gì tôi muốn bạn làm việc trong tuần này là thực sự thay đổi mọi thứ và
làm cho nó thực sự được phong cách như trái ngược với chỉ sạch sẽ.
Chúng ta hãy xem xét những gì tôi muốn các bạn làm trong tuần thứ 3.
Như bạn có thể thấy điều này trông giống như một trang web hoàn toàn khác.
Các hình ảnh đã trở lại, tôi đã thêm một hình nền cho một thanh điều hướng và một
cái gì đó không nhất thiết phải dễ nhìn thấy khi bạn chỉ cần nhìn vào giấy,
tôi đã thêm một lớp mới làm nổi bật trang mà chúng tôi đang ở trên ngay bây giờ.
Vì vậy, nếu bạn nhìn,
liên kết nhà được đánh dấu bởi vì chúng tôi đang ở trên trang chủ.
Nếu tôi nhấp vào lịch sử, liên kết lịch sử là làm thế nào mà nó
bởi vì chúng tôi đang ở trên trang lịch sử và sau đó theo cùng một cách, trang của nhóm.
Vì vậy, đây là những gì chúng tôi gọi là trang hiện tại mà chúng tôi đang xem xét.
Và vì vậy bạn sẽ tạo kiểu này để cho người xem biết
họ đang ở đâu trên trang này.
Vì vậy, tôi sẽ tiếp tục và đi qua và nói về mỗi thẻ
mà tôi muốn các bạn xem xét để hoàn thành nhiệm vụ này.
Vì vậy, khi bạn bắt đầu, bạn sẽ để lại mã HTML đó một mình,
và bạn sẽ tạo ra một bảng phong cách mới, hoặc bạn sẽ tiếp tục và
cập nhật một trong những bạn đã sử dụng trước đây.
Những gì bạn sẽ cần phải làm việc cụ thể là những yếu tố này.
Bạn cần phải làm việc trên cơ thể, tiêu đề, h một, các liên kết, và
sau đó tôi có ba lớp học được gọi là hoạt động, trái, và phải, và cuối cùng, bạn sẽ
muốn đặt những hình ảnh trở lại trong đó là ở phía bên tay trái của trang.
Vì vậy, trước tiên, chúng ta hãy nói về cơ thể.
Theo mặc định, trình duyệt của bạn đặt trong một số loại đệm và lề, nhưng tôi muốn bạn
ghi đè lên điều đó và đặt một cái gì đó sẽ trông phù hợp trên tất cả các trình duyệt.
Bạn cũng có thể cảm thấy tự do để điều chỉnh kích thước của văn bản, nhưng điều đó không bắt buộc.
Tôi biết tôi đã làm vì tôi chỉ tìm thấy văn bản một chút quá nhỏ.
Tiếp theo, đi đến tiêu đề.
Bước đầu tiên là thay đổi màu nền và xem nếu bạn có thể làm cho nó hoạt động.
Tiếp theo, bạn sẽ muốn thêm một hình nền.
Và thành thật mà nói,
đây sẽ là phần khó khăn nhất trong toàn bộ bài tập về nhà.
Bởi vì đôi khi nó không phải lúc nào cũng rõ ràng nơi bạn có thể tìm thấy hình ảnh và
nơi bạn không thể, vì vậy
hãy chắc chắn rằng bạn kiểm tra một số tài nguyên khác nếu bạn gặp khó khăn ở phần này.
Tiếp theo tôi muốn bạn thay đổi màu phông chữ và
tăng kích thước phông chữ đó một chút nữa.
Bây giờ đây một lần nữa là một điều mới mẻ mà bạn chưa học trước đây.
Tôi muốn bạn tạo kiểu các liên kết nằm trong phần điều hướng nhưng
chỉ những liên kết đó.
Không phải tất cả các liên kết trong trang.
Bạn không cần phải tạo lại ví dụ của tôi một cách chính xác, nhưng
tôi muốn các liên kết của bạn được độc đáo cách nhau,
họ nên có một số màu nền, viền tròn và không có gạch chân.
Làm cho chúng trông đẹp hơn.
Tiếp theo hãy chắc chắn rằng bạn đã thấy lớp học năng động mà tôi đã nói đến.
Đó là cách mọi người sẽ có thể biết họ đang xem trang nào
mà không cần phải xem URL.
Bây giờ một điều khác mà bạn sẽ cần phải làm việc trên đó là ý tưởng rằng trang của chúng tôi có
một lớp bên trái và bên phải để nó.
Bây giờ để có được những thứ để đi bên cạnh nhau của bạn sẽ cần phải lộn xộn với
màn hình hiển thị và có thể nổi tùy thuộc vào cách bạn thực hiện điều này.
Vì vậy, hãy chắc chắn rằng bạn thay đổi chúng để chúng cạnh nhau, và
thay đổi màu nền cho lớp bên trái.
Bạn có thể đã làm điều đó trong bài tập về nhà trước đó, nhưng
nếu bạn không chắc chắn rằng nó được thực hiện ngay bây giờ.
Cuối cùng, chúng tôi muốn quay lại với những hình ảnh đó.
Trước tiên, bạn cần đặt lại hình ảnh bởi vì,
hy vọng trong bài tập về nhà, bạn đặt màn hình của chúng thành không có, có nghĩa là chúng đã biến mất.
Nên đặt chúng trở lại thành thứ gì đó để chúng xếp chồng lên nhau.
Tiếp theo, hãy chắc chắn rằng chúng được tập trung trong lớp bên trái đó.
Tôi không muốn những bức ảnh ở bên này hay bên kia.
Và, trong khi bạn đang tập trung chúng, hãy chắc chắn rằng bạn đặt một khoảng trống giữa chúng, ở
trên cùng và dưới cùng, quá.
Một lần nữa, chúng tôi sẽ sử dụng học sinh lớp ngang hàng để đánh giá công việc của bạn.
Không giống như trước đây, điểm số sẽ dựa trên mức độ hoàn thành, và
phần nào về cách trang của bạn trông giống như thế nào.
Chúng tôi muốn chắc chắn rằng bạn không đặt những thứ khó đọc hoặc
thực sự là một kiểu bị đè bẹp với nhau.
Vì vậy, nếu bạn có cơ hội,
hãy đảm bảo bạn chạy trang của mình thông qua một số đánh giá trợ năng khác nhau.
Vì vậy, có sóng và có vải.
Có nhiều nơi khác nhau mà anh có thể đi.
Nhưng đây là phần thực sự tốt đẹp về phân loại ngang hàng, đồng
nghiệp của bạn có thể cho bạn biết liệu mọi thứ không thực sự có độ tương phản màu sắc tốt nhất.
Bây giờ một lần nữa, các tiêu chuẩn thích hợp sẽ được áp dụng.
Và điều này đặc biệt quan trọng khi chúng ta bắt đầu nói về các bộ chọn nâng cao.
Tôi thấy rằng đôi khi mọi người ném tất cả mọi thứ họ có thể nghĩ
đến vào tờ phong cách của họ, và họ chỉ hy vọng, hy vọng, hy vọng rằng nó hoạt động.
Chúng tôi sẽ giảm điểm nếu anh cố gắng làm vậy.
Điều cuối cùng tôi muốn đề cập đến là
tôi biết rằng mọi người đang mã hóa trên các thiết bị khác nhau.
Vì vậy, khi bạn gửi mã của bạn, hãy chắc chắn để cảm thấy tự do để nói mã của tôi
chỉ thực sự có vẻ tốt trên một màn hình lớn, hoặc trên một điện thoại, hoặc một cái gì đó như thế.
Chăm sóc các kích thước màn hình khác nhau là một cái gì đó được gọi là thiết kế đáp ứng
mà chúng tôi không xử lý trong khóa học cụ thể này.
Vì vậy, tôi không mong đợi bạn tạo ra một trang web trông tuyệt vời trên mọi nền tảng.
Những gì tôi mong đợi bạn làm là thực sự sở hữu mã mà bạn gửi lần này.
Hãy chắc chắn rằng bạn biết chính xác những gì mỗi dòng đang làm và
cảm thấy thoải mái thay đổi các phần nhỏ và cảm thấy như trang của bạn sẽ không bị phá vỡ.
Một lần nữa, nếu bạn gặp vấn đề, hãy chắc chắn rằng bạn đã nhấn những bảng thảo luận đó.
Bạn có bạn cùng lớp đã thực sự hữu ích, và
tôi thực sự muốn khuyến khích giao tiếp đó.
Chúc may mắn.