Giáo án Khoa học máy tính 12 Kết nối bài 9: Tạo danh sách, bảng

Giáo án bài 9: Tạo danh sách, bảng sách Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức. Được thiết kế theo công văn 5512, chi tiết, đầy đủ. Giáo án là bản word, có thể tải về và dễ dàng chỉnh sửa. Bộ giáo án có đầy đủ các bài trong học kì 1 + học kì 2 của Tin học 12 kết nối tri thức. Kéo xuống dưới để tham khảo chi tiết.

Xem: => Giáo án Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức

Xem video về mẫu Giáo án Khoa học máy tính 12 Kết nối bài 9: Tạo danh sách, bảng

Các tài liệu bổ trợ khác

Xem toàn bộ: Giáo án khoa học máy tính 12 kết nối tri thức đủ cả năm

Ngày soạn:…/…/… 

Ngày dạy:…/…/…

 

BÀI 9: TẠO DANH SÁCH, BẢNG

(2 tiết)

I. MỤC TIÊU

1. Kiến thức

Sau bài học này, HS sẽ:

  • Sử dụng thẻ HTML tạo được danh sách, bảng.

2. Năng lực

Năng lực chung: 

  • Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,…

  • Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập.

  • Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp.

Năng lực Tin học: 

  • Hiểu được ý nghĩa của danh sách và bảng trong trình bày văn bản.

  • Biết cách tạo danh sách và bảng trong trang web.

  • Biết được cấu trúc các thẻ tạo danh sách và tạo bảng.

  • Sử dụng được các thẻ tạo danh sách và bảng.

  • Xác định được kiểu danh sách phù hợp với yêu cầu đề ra.

3. Phẩm chất

  • Có ý thức chủ động tìm hiểu và cập nhật các kiến thức mới.

  • Cẩn thận, tỉ mỉ khi viết các mã lệnh HTML.

  • Hình thành tư duy logic phân tích công việc phức tạp thành các công việc đơn giản để thực hiện.

II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU 

  • GV: SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Kết nối tri thức, bài trình chiếu (Slide), phòng máy tính có kết nối Internet, máy chiếu; các ví dụ về danh sách, hình ảnh minh hoạ kết quả; ví dụ về bảng với các cột và hàng đã gộp.

  • HS: SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Kết nối tri thức, vở ghi.

III. TIẾN TRÌNH DẠY HỌC

A. HOẠT ĐỘNG KHỞI ĐỘNG 

a) Mục tiêu: HS thấy được ý nghĩa của việc trình bày văn bản sử dụng danh sách và bảng.

b) Nội dung: HS quan sát hình ảnh và đưa ra nhận xét.

c) Sản phẩm: Nhận xét của HS.

d) Tổ chức thực hiện: 

Bước 1: GV chuyển giao nhiệm vụ: 

- GV cho HS xem các hình ảnh, sau đó nêu câu hỏi: So sánh Hình 1 và Hình 2, em hãy chỉ ra các điểm khác biệt trên 2 hình? Việc trình bày văn bản như Hình 2 có ưu điểm gì?

Bước 2: HS thực hiện nhiệm vụ học tập: 

- HS quan sát hình ảnh và trả lời câu hỏi.

- GV quan sát và hỗ trợ HS khi cần thiết.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- GV mời một số HS trả lời câu hỏi.

Gợi ý trả lời: 

+ So sánh Hình 1 và Hình 2:

  • Hình 1: Trang web gồm các đoạn văn bản viết dàn trải.

  • Hình 2: Trang web được định dạng có sử dụng danh sách và bảng.

+ Việc trình bày như Hình 2 giúp văn bản rõ ràng, dễ nhìn và khoa học hơn Hình 1.

- HS khác lắng nghe, nhận xét và bổ sung.

Bước 4: Đánh giá kết quả thực hiện: 

GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Khi trang web chỉ toàn các đoạn văn bản, các em có thể sử dụng danh sách hay bảng để trình bày văn bản dễ nhìn và khoa học hơn. Vậy để biết cách sử dụng các thẻ HTML tạo danh sách, bảng, chúng ta sẽ cùng nhau đến với Bài 9: Tạo danh sách, bảng.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 1: Nhận biết phần tử danh sách

a) Mục tiêu: HS nhận biết các nội dung cần trình bày dưới dạng danh sách, các kiểu danh sách.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. TẠO DANH SÁCH, thảo luận nhóm thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách tạo các kiểu danh sách.

d) Tổ chức thực hiện:

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

a) Danh sách có hoặc không có thứ tự

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân, đọc Hoạt động 1 Nhận biết phần tử danh sách SGK tr.52 và trả lời câu hỏi:

Em hãy quan sát Hình 8.3 và nhận xét xem có điểm nào có thể cải tiến về mặt trình bày không.

Hình 8.3.

- GV chia lớp thành các nhóm 2 – 3 HS để thảo luận và đặt câu hỏi:

+ Trong danh sách có hoặc không có thứ tự, các mục được hiển thị như thế nào?

+ Trong HTML5, danh sách có thứ tự được tạo như thế nào?

+ Trong HTML5, danh sách không có thứ tự được tạo như thế nào?

Bước 2: HS thực hiện nhiệm vụ học tập:  

- HS tìm hiểu nội dung mục 1a SGK tr.52 và thảo luận theo nhóm thực hiện nhiệm vụ.

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- Đại diện các nhóm HS trả lời.

- Các nhóm khác đưa ra ý kiến nhận xét.

Hướng dẫn trả lời câu hỏi Hoạt động 1 SGK tr.52:

3 dòng cuối có thể trình bày theo kiểu danh sách để văn bản được khoa học hơn.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự 

- Trong danh sách, các mục được hiển thị tuần tự, kí tự đầu dòng có thể là một số, chữ, dấu, kí hiệu hoặc hình ảnh.

- Cấu trúc của đoạn mã HTML tạo danh sách như sau:

+ Để tạo danh sách có thứ tự, dùng cặp thẻ <ol></ol>. Để chọn kiểu đánh thứ

tự và giá trị bắt đầu, dùng thuộc tính type và start (Hình 9.1):

  • type: xác định kiểu đánh số: "1", "A", "a", "I" và "i".

  • start: xác định giá trị bắt đầu đánh số, nhận giá trị là các số nguyên.

Hình 9.1. Danh sách có thứ tự

+ Để tạo danh sách không có thứ tự, dùng cặp thẻ <ul></ul>. Để chọn kí tự đầu dòng, ta thiết lập giá trị của đặc tính list-style-type trong thuộc tính style bằng một trong 4 giá trị disccirclesquare và none

Hình 9.2. Danh sách có kí tự đầu dòng

b) Danh sách mô tả

Bước 1: GV chuyển giao nhiệm vụ:

- GV chia lớp thành các nhóm 2 – 3 HS để thảo luận và đặt câu hỏi:

+ Danh sách mô tả được dùng để làm gì?

+ Trong HTML5, danh sách mô tả được tạo như thế nào?

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời Câu hỏi củng cố kiến thức SGK tr.53:

Làm thế nào để tạo một danh sách lồng nhau, danh sách mức 1 đánh số dạng 1, 2, 3,... và danh sách mức 2 đánh số dạng a, b, c?

Bước 2: HS thực hiện nhiệm vụ học tập:  

- HS tìm hiểu nội dung mục 1b SGK tr.53 và thảo luận theo nhóm thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- Đại diện các nhóm HS trả lời.

- Các nhóm khác đưa ra ý kiến nhận xét.

Hướng dẫn trả lời Câu hỏi củng cố kiến thức SGK tr.53:

Sử dụng thẻ <ol> để tạo hai danh sách lồng nhau (cả danh sách bên ngoài và bên trong đều tạo bằng thẻ <ol>):

Với thẻ <ol> ngoài, đặt thuộc tính type="1".

Với thẻ <ol> trong, đặt thuộc tính type="a".

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận:

Trong HTML, ta có thể định nghĩa các kiểu danh sách có thứ tự, không có thứ tự và danh sách mô tả bằng các thẻ <ol><ul> và <dl>.

b) Danh sách mô tả 

- Danh sách mô tả dùng để liệt kê các mục kèm với mô tả cho từng mục.

- Để tạo danh sách mô tả, dùng ba thẻ <dl><dt> và <dd>:

Ví dụ:

Hình 9.3. Danh sách mô tả

Lưu ý: Ta có thể tạo ra các danh sách lồng nhau bằng cách để một danh sách là một mục của một danh sách khác (bằng cách đặt danh sách đó bên trong cụm thẻ <li></li> của mục tương ứng).

Hoạt động 2: Lựa chọn định dạng phù hợp nhất

a) Mục tiêu: HS nhận biết được khi nào nên dùng bố cục dạng bảng.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. THIẾT LẬP BẢNG, thảo luận nhóm thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách thiết lập bảng trong HTML5.

d) Tổ chức thực hiện:

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS t hoạt động cá nhân, đọc Hoạt động 2 Lựa chọn định dạng phù hợp nhất SGK trang 53 và trả lời câu hỏi:

Trong Hội chợ ẩm thực ở trường, lớp 12E dự định bán một số món, các bạn muốn đăng trên trang web của lớp các thông tin: món ăn, đơn giá, số lượng và tổng số tiền. Theo em, các bạn nên dùng dạng biểu diễn nào: danh sách, danh sách mô tả hay bảng. Tại sao?

- GV chia lớp thành các nhóm 2 – 3 HS để thảo luận và đặt câu hỏi:

+ Phần tử bảng được dùng khi nào?

+ Bảng có cấu trúc như thế nào?

+ Trong HTML5, bảng được tạo như thế nào?

+ Có thể định dạng bảng bằng những thuộc tính nào?

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời Câu hỏi củng cố kiến thức SGK tr.55:

Bảng trong ví dụ trên Hình 9.6 có nhược điểm gì? Cần làm thế nào để giải quyết nhược điểm đó?

Bước 2: HS thực hiện nhiệm vụ học tập:  

- HS tìm hiểu nội dung mục 2 SGK tr.53 – 55 và thảo luận theo nhóm thực hiện nhiệm vụ.

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- Đại diện các nhóm HS trả lời.

- Các nhóm khác đưa ra ý kiến nhận xét.

Hướng dẫn trả lời câu hỏi Hoạt động 2 SGK tr.53:

Các bạn nên biểu diễn thông tin dưới dạng bảng vì bảng giúp tổ chức thông tin một cách khoa học, dễ dàng so sánh các mục và chi tiết của từng món ăn. 

Hướng dẫn trả lời Câu hỏi củng cố kiến thức SGK tr.55:

+ Nhược điểm của bảng là không được định dạng thêm nên các cột không đều, biên cột sát vào chữ khiến tổng thể bảng khó nhìn.

+ Có thể cải tiến:

  • Thêm độ rộng của bảng, cột, ô.

Ví dụ: style="width:80%",...

  • Đổi kiểu viền cho bảng. 

Ví dụ: style="border: 1px solid green" sẽ xác định viền cho bảng, cho từng ô là 1 pixel với màu xanh. Tuy nhiên, câu lệnh chỉ có tác dụng trong thẻ table hoặc thẻ td. Nếu muốn đặt viền cho từng ô, ta cần đặt cụm thuộc tính nói trên trong từng cặp <td>...</td> của bảng.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận:

Phần tử bảng dùng để biểu diễn dữ liệu có cấu trúc dạng bảng. Phần tử bảng được tạo bởi các thẻ chính là <table><tr><td> và <th>; trình bày bảng bằng thuộc tính style.

2. THIẾT LẬP BẢNG

- Phần tử bảng được dùng khi cần thêm dữ liệu có thể sắp xếp dưới dạng hàng và cột vào trang web.

- Bảng được tạo từ các hàng, mỗi hàng gồm các ô dữ liệu. Hàng đầu tiên có thể là hàng tiêu đề.

- Trong HTML5, các thành phần của bảng lần lượt được định nghĩa bởi các thẻ:

<table> - tạo bảng.

<tr> - tạo hàng.

<td> - tạo các ô dữ liệu.

<th> - tạo ô tiêu đề.

Ví dụ:

Hình 9.4. Cấu trúc HTML của bảng

- Bảng trong Hình 9.4 có thể được định dạng thêm để đẹp và dễ đọc hơn bằng cách chỉnh các thuộc tính của bảng:

+ Thêm tiêu đề: sử dụng thẻ <caption>, ngay sau thẻ <table> và trước thẻ  <tr> đầu tiên.

Ví dụ:

+ Tạo khung bảng: sử dụng thuộc tính con border của thuộc tính style có giá trị là một bộ ba thuộc tính nhỏ hơn sau:

Trong đó:

  • Ba thuộc tính cách nhau bởi dấu cách.

  • Hai thuộc tính đầu là bắt buộc.

  • Thuộc tính kiểu viền có thể nhận một trong bốn giá trị (soliddotteddoublenone), còn thuộc tính màu viền mặc định là màu đen và có thể bỏ qua.

+ Điều chỉnh kích thước: sử dụng thuộc tính con width và height của thuộc tính style. Kích thước được đặt có thể là theo tỉ lệ với khối bao ngoài đối tượng (%) hoặc theo số điểm ảnh (px).

Lưu ý: Không nên sử dụng kích thước theo px do các thiết bị hiển thị có sự khác nhau về kích thước và số điểm ảnh có thể dẫn đến bảng không hiển thị đúng như mong đợi.

Ví dụ:

Hình 9.5. Ví dụ thuộc tính của bảng

Gộp ô: sử dụng thuộc tính rowspan (cho hàng) và colspan (cho cột). Việc gộp ô trên hàng được thực hiện như sau (tương tự đối với cột, sử dụng thuộc tính colspan):

  • Thêm rowspan="số_hàng_muốn ghép" cho phần tử <th> hoặc <td> thuộc hàng đầu tiên cần ghép.

  • Đối với các hàng tiếp theo: Bỏ qua cặp thẻ <th> hoặc <td> tại vị trí tương ứng (nếu bước trên đặt rowspan="3" thì bỏ qua hai hàng tiếp theo).

Ví dụ:

a) Mã HTML

b) Kết quả

Hình 9.6. Ví dụ gộp hàng và cột của bảng

-----------------------------------

------------------- Còn tiếp -------------------

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II

Hệ thống có đầy đủ các tài liệu:

  • Giáo án word (350k)
  • Giáo án Powerpoint (400k)
  • Trắc nghiệm theo cấu trúc mới (200k)
  • Đề thi cấu trúc mới: ma trận, đáp án, thang điểm..(200k)
  • Phiếu trắc nghiệm câu trả lời ngắn (200k)
  • Trắc nghiệm đúng sai (200k)
  • Lý thuyết bài học và kiến thức trọng tâm (200k)
  • File word giải bài tập sgk (150k)
  • Phiếu bài tập để học sinh luyện kiến thức (200k)
  • .....

Nâng cấp lên VIP đê tải tất cả ở tài liệu trên

  • Phí nâng cấp VIP: 900k

=> Chỉ gửi 500k. Tải về dùng thực tế. Nếu hài lòng, 1 ngày sau mới gửi phí còn lại

Cách tải hoặc nâng cấp:

  • Bước 1: Chuyển phí vào STK: 1214136868686 - cty Fidutech - MB(QR)
  • Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo và nhận tài liệu

Xem toàn bộ: Giáo án khoa học máy tính 12 kết nối tri thức đủ cả năm

ĐẦY ĐỦ GIÁO ÁN CÁC BỘ SÁCH KHÁC

GIÁO ÁN WORD LỚP 12 KẾT NỐI TRI THỨC

Giáo án toán 12 kết nối tri thức
Giáo án đại số 12 kết nối tri thức
Giáo án hình học 12 kết nối tri thức

Giáo án vật lí 12 kết nối tri thức
Giáo án hoá học 12 kết nối tri thức
Giáo án sinh học 12 kết nối tri thức

Giáo án ngữ văn 12 kết nối tri thức
Giáo án lịch sử 12 kết nối tri thức
Giáo án địa lí 12 kết nối tri thức
Giáo án kinh tế pháp luật 12 kết nối tri thức

Giáo án Công nghệ Điện - điện tử 12 kết nối tri thức
Giáo án Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức
Giáo án Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức

Giáo án thể dục 12 bóng rổ kết nối tri thức
Giáo án thể dục 12 cầu lông kết nối tri thức
Giáo án thể dục 12 bóng chuyền kết nối tri thức

Giáo án mĩ thuật 12 kết nối tri thức
Giáo án âm nhạc 12 kết nối tri thức
Giáo án hoạt động trải nghiệm hướng nghiệp 12 kết nối tri thức

GIÁO ÁN POWERPOINT LỚP 12 KẾT NỐI TRI THỨC

Giáo án Powerpoint Toán 12 kết nối tri thức
Giáo án Powerpoint hình học 12 kết nối tri thức
Giáo án Powerpoint đại số 12 kết nối tri thức

Giáo án powerpoint vật lí 12 kết nối tri thức
Giáo án powerpoint ngữ văn 12 kết nối tri thức
Giáo án powerpoint địa lí 12 kết nối tri thức

Giáo án powerpoint lịch sử 12 kết nối tri thức
Giáo án powerpoint địa lí 12 kết nối tri thức
Giáo án Powerpoint Kinh tế pháp luật 12 kết nối tri thức

Giáo án Powerpoint Mĩ thuật 12 kết nối tri thức
Giáo án Powerpoint Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức
Giáo án Powerpoint Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức

Giáo án powerpoint Công nghệ 12 Điện - điện tử kết nối tri thức
Giáo án powerpoint Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án powerpoint hoạt động trải nghiệm hướng nghiệp 12 kết nối tri thức

GIÁO ÁN CHUYÊN ĐỀ LỚP 12 KẾT NỐI TRI THỨC

Giáo án chuyên đề toán 12 kết nối tri thức
Giáo án chuyên đề vật lí 12 kết nối tri thức
Giáo án chuyên đề hoá học 12 kết nối tri thức
Giáo án chuyên đề sinh học 12 kết nối tri thức

Giáo án chuyên đề ngữ văn 12 kết nối tri thức
Giáo án chuyên đề lịch sử 12 kết nối tri thức
Giáo án chuyên đề địa lí 12 kết nối tri thứ
Giáo án chuyên đề kinh tế pháp luật 12 kết nối tri thức

Giáo án chuyên đề Công nghệ 12 Công nghệ điện - điện tử kết nối tri thức
Giáo án chuyên đề Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án chuyên đề Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức
Giáo án chuyên đề Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức

GIÁO ÁN POWERPOINT CHUYÊN ĐỀ LỚP 12 KẾT NỐI TRI THỨC

 

GIÁO ÁN DẠY THÊM LỚP 12 KẾT NỐI TRI THỨC

Giáo án dạy thêm ngữ văn 12 kết nối tri thức
Giáo án powerpoint dạy thêm ngữ văn 12 kết nối tri thức
Giáo án dạy thêm toán 12 kết nối tri thức
Giáo án powerpoint dạy thêm toán 12 kết nối tri thức

Tài liệu giảng dạy

Xem thêm các bài khác

I. GIÁO ÁN WORD KHOA HỌC MÁY TÍNH 12 KẾT NỐI TRI THỨC

GIÁO ÁN WORD CHỦ ĐỀ 1: MÁY TÍNH VÀ XÃ HỘI TRI THỨC

GIÁO ÁN WORD CHỦ ĐỀ 3: ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

GIÁO ÁN WORD CHỦ ĐỀ 4: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY

GIÁO ÁN WORD CHỦ ĐỀ 6: MẠNG MÁY TÍNH VÀ INTERNET

GIÁO ÁN WORD CHỦ ĐỀ 7: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY

II. GIÁO ÁN POWERPOINT KHOA HỌC MÁY TÍNH 12 KẾT NỐI TRI THỨC

GIÁO ÁN POWERPOINT CHỦ ĐỀ 1: MÁY TÍNH VÀ XÃ HỘI TRI THỨC

GIÁO ÁN POWERPOINT CHỦ ĐỀ 3: ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

GIÁO ÁN POWERPOINT CHỦ ĐỀ 4: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY

GIÁO ÁN POWERPOINT CHỦ ĐỀ 6: MẠNG MÁY TÍNH VÀ INTERNET

GIÁO ÁN POWERPOINT CHỦ ĐỀ 7: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY

III. GIÁO ÁN CHUYÊN ĐỀ KHOA HỌC MÁY TÍNH 12 KẾT NỐI TRI THỨC

Chat hỗ trợ
Chat ngay