Mục lục chi tiết
1. Bài 1: Tổng quan về WWW – Ngôn ngữ HTML
1.1. Lịch sử về WWW
1.2. Giới thiệu ngôn ngữ HTML
1.3. Cú pháp cơ bản một thẻ trong ngôn ngữ HTML
1.4. Cấu trúc tổng thể một trang HTML
1.5. Bảng biểu
1.6. Trang khung frame
1.7. Multimedia trên trang Web
1.7.1. Nghe nhạc, âm thanh :
1.7.2. Video:
2. Bài 2: Thiết Kế Web Tĩnh
2.1. Tổng quan
2.2. Cấu trúc trang web tĩnh
2.3. Một số thẻ HTML thông dụng
2.3.1. Thẻ
2.3.2. Thẻ
2.3.3. Thẻ </span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.3.4. </span><span class="outline-text">Thẻ <BODY></span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.3.5. </span><span class="outline-text">Thẻ hình ảnh <IMG></span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.3.6. </span><span class="outline-text">Bảng biểu</span></h4><h3 class="outline-item outline-lv2"><span class="outline-num">2.4. </span><span class="outline-text">Frame</span></h3><h4 class="outline-item outline-lv3"><span class="outline-num">2.4.1. </span><span class="outline-text">Khung frame</span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.4.2. </span><span class="outline-text">IFRAME</span></h4><h3 class="outline-item outline-lv2"><span class="outline-num">2.5. </span><span class="outline-text">Multimedia trên trang Web</span></h3><h4 class="outline-item outline-lv3"><span class="outline-num">2.5.1. </span><span class="outline-text">Âm thanh nền: <BGSOUND></span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.5.2. </span><span class="outline-text">Video</span></h4><h4 class="outline-item outline-lv3"><span class="outline-num">2.5.3. </span><span class="outline-text">audio</span></h4></div>
</div>
</article>
</div>
</div>
<div class="doc-section-container">
<div class="doc-section-inner">
<p class="doc-section-title">
Tóm tắt
</p>
<article class="document-summary-content copy-protected" oncontextmenu="return false;"
onselectstart="return false;" ondragstart="return false;">
<div class="content-summary">
<h2 style='font-size: 1rem; line-height: 1.5rem; font-weight: 700;'>I. Tổng quan về giáo trình thiết kế và quản trị website</h2><div style='padding-left: 10px'><p>Giáo trình thiết kế và quản trị website ngành công nghệ thông tin tại Trường Cao đẳng nghề Đồng Tháp cung cấp kiến thức cơ bản và nâng cao về việc xây dựng và quản lý website. Chương trình này không chỉ giúp sinh viên nắm vững các kỹ năng cần thiết mà còn trang bị cho họ khả năng ứng dụng thực tiễn trong lĩnh vực công nghệ thông tin.</p>
<h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>1.1. Mục tiêu của giáo trình</h3><div style='padding-left: 30px'><p>Giáo trình nhằm mục tiêu trang bị cho sinh viên những kiến thức về thiết kế website, quản trị nội dung và tối ưu hóa SEO. Sinh viên sẽ học cách sử dụng các công cụ và ngôn ngữ lập trình cơ bản để phát triển website.</p>
</div><h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>1.2. Đối tượng học viên</h3><div style='padding-left: 30px'><p>Đối tượng học viên chủ yếu là sinh viên ngành công nghệ thông tin, những người muốn nâng cao kỹ năng thiết kế và quản trị website. Chương trình cũng phù hợp với những người làm việc trong lĩnh vực truyền thông và marketing.</p>
</div></div><h2 style='font-size: 1rem; line-height: 1.5rem; font-weight: 700;'>II. Thách thức trong thiết kế và quản trị website hiện nay</h2><div style='padding-left: 10px'><p>Trong bối cảnh công nghệ phát triển nhanh chóng, việc thiết kế và quản trị website gặp nhiều thách thức. Các vấn đề như bảo mật, tối ưu hóa tốc độ tải trang và khả năng tương thích với các thiết bị di động là những yếu tố quan trọng cần được chú ý.</p>
<h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>2.1. Vấn đề bảo mật website</h3><div style='padding-left: 30px'><p>Bảo mật website là một trong những thách thức lớn nhất hiện nay. Các cuộc tấn công mạng ngày càng tinh vi, đòi hỏi các nhà quản trị phải liên tục cập nhật và nâng cấp hệ thống bảo mật.</p>
</div><h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>2.2. Tối ưu hóa tốc độ tải trang</h3><div style='padding-left: 30px'><p>Tốc độ tải trang ảnh hưởng trực tiếp đến trải nghiệm người dùng. Việc tối ưu hóa tốc độ tải trang cần được thực hiện thông qua việc tối ưu hóa hình ảnh, mã nguồn và sử dụng các công nghệ mới.</p>
</div></div><h2 style='font-size: 1rem; line-height: 1.5rem; font-weight: 700;'>III. Phương pháp thiết kế website hiệu quả</h2><div style='padding-left: 10px'><p>Để thiết kế website hiệu quả, cần áp dụng các phương pháp và công nghệ hiện đại. Việc sử dụng các công cụ thiết kế trực quan và ngôn ngữ lập trình phù hợp sẽ giúp tạo ra những sản phẩm chất lượng.</p>
<h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>3.1. Sử dụng công cụ thiết kế trực quan</h3><div style='padding-left: 30px'><p>Các công cụ thiết kế trực quan như WordPress, Wix hay Squarespace giúp người dùng dễ dàng tạo ra website mà không cần nhiều kiến thức lập trình. Điều này giúp tiết kiệm thời gian và chi phí.</p>
</div><h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>3.2. Lập trình với HTML CSS và JavaScript</h3><div style='padding-left: 30px'><p>Việc nắm vững các ngôn ngữ lập trình như HTML, CSS và JavaScript là rất quan trọng. Những ngôn ngữ này giúp tạo ra các trang web động và tương tác, nâng cao trải nghiệm người dùng.</p>
</div></div><h2 style='font-size: 1rem; line-height: 1.5rem; font-weight: 700;'>IV. Ứng dụng thực tiễn của giáo trình trong ngành công nghệ thông tin</h2><div style='padding-left: 10px'><p>Giáo trình thiết kế và quản trị website không chỉ cung cấp kiến thức lý thuyết mà còn giúp sinh viên áp dụng vào thực tiễn. Các dự án thực tế trong khóa học giúp sinh viên có cơ hội trải nghiệm và phát triển kỹ năng.</p>
<h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>4.1. Dự án thực tế trong khóa học</h3><div style='padding-left: 30px'><p>Sinh viên sẽ tham gia vào các dự án thực tế, từ việc thiết kế website cho doanh nghiệp đến việc phát triển ứng dụng web. Điều này giúp sinh viên có cái nhìn thực tế về ngành nghề.</p>
</div><h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>4.2. Kết quả nghiên cứu và ứng dụng</h3><div style='padding-left: 30px'><p>Nghiên cứu về các xu hướng mới trong thiết kế website và quản trị nội dung sẽ được áp dụng vào các dự án thực tế. Điều này giúp sinh viên cập nhật kiến thức và kỹ năng mới nhất.</p>
</div></div><h2 style='font-size: 1rem; line-height: 1.5rem; font-weight: 700;'>V. Kết luận và tương lai của giáo trình thiết kế website</h2><div style='padding-left: 10px'><p>Giáo trình thiết kế và quản trị website tại Trường Cao đẳng nghề Đồng Tháp là một bước tiến quan trọng trong việc đào tạo nguồn nhân lực chất lượng cao cho ngành công nghệ thông tin. Tương lai của giáo trình sẽ tiếp tục được cải tiến để đáp ứng nhu cầu thị trường.</p>
<h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>5.1. Định hướng phát triển giáo trình</h3><div style='padding-left: 30px'><p>Giáo trình sẽ được cập nhật thường xuyên để phù hợp với sự phát triển của công nghệ và nhu cầu của thị trường lao động. Các chuyên đề mới sẽ được bổ sung để nâng cao chất lượng đào tạo.</p>
</div><h3 style='padding-left: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 8px;'>5.2. Cơ hội nghề nghiệp cho sinh viên</h3><div style='padding-left: 30px'><p>Sinh viên tốt nghiệp từ chương trình này sẽ có nhiều cơ hội việc làm trong các lĩnh vực như thiết kế web, quản trị hệ thống và phát triển ứng dụng. Nhu cầu về nhân lực trong ngành công nghệ thông tin ngày càng tăng cao.</p>
</div></div>
</div>
</article>
<div class="flex justify-end text-xs mt-4">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" version="1.1" id="Layer_1" viewBox="0 0 459 459" xml:space="preserve" class="h-4 w-4 inline mx-1 mt-[2px] md:mt-0">
<g id="XMLID_843_">
<g>
<g>
<path d="M229.501,178.662c-3.233,0-6.391,0.316-9.458,0.896L160.757,67.524c-3.875-7.322-12.952-10.118-20.273-6.242 c-7.322,3.874-10.117,12.951-6.242,20.273l59.277,112.02c-8.938,8.939-14.164,20.867-14.791,33.342 c-0.236,4.699,0.211,9.418,1.142,13.585l-50.816,28.94c-7.198,4.1-9.71,13.259-5.61,20.457c2.766,4.857,7.833,7.58,13.048,7.58 c2.517,0,5.067-0.635,7.409-1.969l50.846-28.957c9.098,8.538,21.321,13.784,34.753,13.784c28.031,0,50.837-22.806,50.837-50.837 C280.337,201.468,257.532,178.662,229.501,178.662z M229.501,250.337c-11.517,0-20.838-9.397-20.838-20.837 c0-11.633,9.495-20.838,20.838-20.838c11.489,0,20.837,9.348,20.837,20.838C250.337,240.99,240.99,250.337,229.501,250.337z"/>
<path d="M229.5,0C102.751,0,0,102.751,0,229.5S102.751,459,229.5,459S459,356.249,459,229.5S356.249,0,229.5,0z M370.568,370.568 c-34.123,34.123-78.43,54.362-126.068,57.879l0.001-23.175c0-8.284-6.715-15-15-15c-8.283,0-15,6.716-15,15l-0.001,23.175 c-47.637-3.518-91.945-23.756-126.067-57.879c-34.124-34.123-54.362-78.431-57.88-126.068h23.174c8.284,0,15-6.716,15-15 s-6.716-15-15-15H30.553c3.518-47.638,23.756-91.945,57.879-126.068S166.863,34.07,214.5,30.552v23.174c0,8.284,6.716,15,15,15 s15-6.716,15-15V30.553c47.637,3.517,91.944,23.756,126.067,57.879s54.362,78.43,57.879,126.068h-23.174c-8.284,0-15,6.716-15,15 s6.716,15,15,15h23.174C424.93,292.137,404.691,336.445,370.568,370.568z"/>
</g>
</g>
</g>
</svg>
27/07/2025
</div>
</div>
</div>
<div class="container mx-auto my-6">
<div class="doc-layout-flex">
<!-- Sidebar for desktop - Left column -->
<div class="doc-sidebar">
<div class="related-docs-container">
<h3 class="related-docs-title">
Tài liệu liên quan
</h3>
<ul class="related-doc-list">
<li>
<a href="https://vn-document.net/document/ung-dung-xu-ly-anh-trong-phan-loai-san-pham-tai-hcmute/5957686339" title="Ứng Dụng Xử Lý Ảnh Trong Phân Loại Sản Phẩm Tại HCMUTE"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Ứng Dụng Xử Lý Ảnh Trong Phân Loại Sản Phẩm Tại HCMUTE</span>
<span class="related-doc-meta">
125 trang
<span aria-hidden="true">·</span>
88 lượt xem
<span aria-hidden="true">·</span>
7 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/mo-hinh-mang-3-lop-cisco-doanh-nghiep-hcmute/9535533347" title="Mô hình mạng 3 lớp Cisco cho doanh nghiệp: Thiết kế & Xây dựng"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Mô hình mạng 3 lớp Cisco cho doanh nghiệp: Thiết kế & Xây dựng</span>
<span class="related-doc-meta">
107 trang
<span aria-hidden="true">·</span>
23 lượt xem
<span aria-hidden="true">·</span>
6 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/mo-phong-va-hien-thuc-cpu-32-bit-risc-v-tren-fpga/9337476339" title="Mô Phỏng và Hiện Thực CPU 32-Bit RISC-V Trên FPGA"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Mô Phỏng và Hiện Thực CPU 32-Bit RISC-V Trên FPGA</span>
<span class="related-doc-meta">
80 trang
<span aria-hidden="true">·</span>
19 lượt xem
<span aria-hidden="true">·</span>
5 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/mo-phong-va-hien-thuc-he-thong-soc-voi-cpu-risc-v-32-bit-tren-fpga/9758748869" title="Mô Phỏng và Hiện Thực Hệ Thống SoC Với CPU RISC-V 32-BIT"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Mô Phỏng và Hiện Thực Hệ Thống SoC Với CPU RISC-V 32-BIT</span>
<span class="related-doc-meta">
97 trang
<span aria-hidden="true">·</span>
40 lượt xem
<span aria-hidden="true">·</span>
4 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/he-thong-nhan-dien-phuong-tien-giao-thong-tren-fpga/9336576479" title="Hệ Thống Nhận Diện Phương Tiện Giao Thông Trên FPGA"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Hệ Thống Nhận Diện Phương Tiện Giao Thông Trên FPGA</span>
<span class="related-doc-meta">
81 trang
<span aria-hidden="true">·</span>
11 lượt xem
<span aria-hidden="true">·</span>
4 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/he-thong-quan-ly-nhan-vien-bang-ma-qr/9875655689" title="Hệ Thống Quản Lý Nhân Viên Bằng Mã QR"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Hệ Thống Quản Lý Nhân Viên Bằng Mã QR</span>
<span class="related-doc-meta">
63 trang
<span aria-hidden="true">·</span>
13 lượt xem
<span aria-hidden="true">·</span>
4 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/phan-tich-du-lieu-sinh-vien-nganh-cntt-du-bao-tien-do-hoc-tap/5975656398" title="Phân Tích Dữ Liệu Sinh Viên Ngành CNTT Để Dự Báo Tiến Độ"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Phân Tích Dữ Liệu Sinh Viên Ngành CNTT Để Dự Báo Tiến Độ</span>
<span class="related-doc-meta">
111 trang
<span aria-hidden="true">·</span>
14 lượt xem
<span aria-hidden="true">·</span>
4 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/ung-dung-cong-nghe-sdn-trong-mang-noi-bo-dai-hoc-ha-noi/8936658679" title="Ứng dụng công nghệ SDN trong mạng nội bộ Đại học Hà Nội"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Ứng dụng công nghệ SDN trong mạng nội bộ Đại học Hà Nội</span>
<span class="related-doc-meta">
77 trang
<span aria-hidden="true">·</span>
25 lượt xem
<span aria-hidden="true">·</span>
4 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/phan-tich-thiet-ke-he-thong-thong-tin-bao-cao-bai-tap-lon-uml/3946477589" title="Phân Tích và Thiết Kế Hệ Thống Thông Tin: Báo Cáo Bài"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Phân Tích và Thiết Kế Hệ Thống Thông Tin: Báo Cáo Bài</span>
<span class="related-doc-meta">
51 trang
<span aria-hidden="true">·</span>
91 lượt xem
<span aria-hidden="true">·</span>
3 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/xay-dung-ung-dung-kham-benh-online-bang-react-native-va-nodejs/5973746879" title="Xây Dựng Ứng Dụng Khám Bệnh Online Bằng React Native và"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Xây Dựng Ứng Dụng Khám Bệnh Online Bằng React Native và</span>
<span class="related-doc-meta">
70 trang
<span aria-hidden="true">·</span>
5 lượt xem
<span aria-hidden="true">·</span>
3 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/nghien-cuu-va-thiet-ke-he-thong-benh-an-dien-tu-emr/9338485739" title="Nghiên Cứu và Thiết Kế Hệ Thống Bệnh Án Điện Tử (EMR)"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Nghiên Cứu và Thiết Kế Hệ Thống Bệnh Án Điện Tử (EMR)</span>
<span class="related-doc-meta">
117 trang
<span aria-hidden="true">·</span>
4 lượt xem
<span aria-hidden="true">·</span>
3 lượt tải
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/thiet-ke-mach-khoa-cua-thong-minh-su-dung-rfid-va-pic-16f877/9758588779" title="Thiết Kế Mạch Khóa Cửa Thông Minh Sử Dụng RFID và PIC 16F877"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Thiết Kế Mạch Khóa Cửa Thông Minh Sử Dụng RFID và PIC 16F877</span>
<span class="related-doc-meta">
77 trang
<span aria-hidden="true">·</span>
9 lượt xem
<span aria-hidden="true">·</span>
2 lượt tải
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- Main content - Center/Right area -->
<div class="doc-main-col">
<!-- Document preview container -->
<div class="doc-viewer-container">
<!-- Document viewer -->
<div class="doc-viewer-inner">
<div wire:snapshot="{"data":{"urlPreview":null,"document":[null,{"class":"App\\Models\\Document","key":317128,"s":"mdl"}],"type":"preview"},"memo":{"id":"s4v8XmbctjZ8aFcVDS1A","name":"document.eager-load-document-detail","path":"document\/giao-trinh-thiet-ke-va-quan-tri-website-nghe-cong-nghe-thong-tin-cao-dang-truong-cao-dang-nghe-dong-thap\/9647555475","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"1ed6909eb5946fe034fa3412ad905290296ec2bf849bb591330e9a113a33da26"}" wire:effects="{"listeners":["eagerLoad"]}" wire:id="s4v8XmbctjZ8aFcVDS1A">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="w-full flex justify-center">
<img width="300px" height="500px" src="https://vn-document.net/thumb/2025_07/27/L_tzd1753556539" alt="Giáo trình thiết kế và quản trị website nghề công nghệ thông tin cao đẳng trường cao đẳng nghề đồng tháp"
class="max-w-full object-cover min-w-[320px] w-full">
</div>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!-- Document footer -->
<div class="doc-footer-sticky">
<div class="doc-footer-gradient"></div>
<div class="doc-footer-bar">
<div class="container mx-auto">
<div class="doc-footer-grid">
<!-- Document preview info -->
<div class="doc-preview-info">
<div class="doc-preview-icon">
<div class="doc-preview-icon-bg">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-amber">
<path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
</div>
<div>
<p class="text-preview-label">Bạn đang xem trước tài liệu:</p>
<p class="text-preview-title">
Giáo trình thiết kế và quản trị website nghề công nghệ thông tin cao đẳng trường cao đẳng nghề đồng tháp
</p>
</div>
</div>
<!-- Download button -->
<div class="doc-btn-col">
<a rel="nofollow" href="https://vn-document.net/tmp-payment/9647555475"
class="btn-download-full">
<span class="btn-download-text">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm mr-2">
<path d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
</svg>
Tải đầy đủ
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile related documents (shown only on mobile) -->
<div class="doc-mobile-section">
</div>
</div>
</div>
</div>
<h3 class="hidden">
THÔNG TIN CHI TIẾT
</h3>
<h4 class="hidden">
Trường học: Trường Cao Đẳng Nghề Đồng Tháp
</h4>
<h4 class="hidden">
Chuyên ngành: Công Nghệ Thông Tin
</h4>
<h4 class="hidden">
Đề tài: Giáo Trình Thiết Kế Và Quản Trị Website
</h4>
<h4 class="hidden">
Loại tài liệu: Giáo trình
</h4>
<h4 class="hidden">
Năm xuất bản: 2017
</h4>
<h4 class="hidden">
Địa điểm: Đồng Tháp
</h4>
<div class="doc-section-container">
<div class="doc-section-inner">
<p class="doc-section-title">Trích đoạn nội dung tài liệu</p>
<div class="document-fulltext-preview copy-protected relative" style="user-select:none;max-height:52rem;overflow:hidden;"
oncontextmenu="return false;" onselectstart="return false;" ondragstart="return false;">
<div style="font-size:0.875rem;line-height:1.6;">
<p style="margin-bottom:0.75rem;">UỶ BAN NHÂN DÂN TỈNH ĐỒNG THÁP TRƯỜNG CAO ĐẲNG NGHỀ ĐỒNG THÁP GIÁO TRÌNH MÔ ĐUN: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE NGÀNH, NGHỀ: CÔNG NGHỆ THÔNG TIN (UDPM) TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định Số: /QĐ-CĐCĐ-ĐT ngày tháng năm 2017 của Hiệu trưởng Trường Cao đẳng nghề Đồng Tháp) Đồng Tháp, năm 2017 TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể được phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. Bài 1: Tổng quan về WWW – Ngôn ngữ HTML **)0(** 1. Lịch sử về WWW World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet.</p>
<p style="margin-bottom:0.75rem;">Thuật ngữ này thường được hiểu nhầm là từ đồng nghĩa với chính thuật ngữ Internet. Nhưng Web thực ra chỉ là một trong các dịch vụ chạy trên Internet, chẳng hạn như dịch vụ thư điện tử. Web được phát minh và đưa vào sử dụng vào khoảng năm 1990, 1991 bởi viện sĩViện Hàn lâm AnhTim Berners-Lee và Robert Cailliau (Bỉ) tại CERN, Geneva, Switzerland Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống siêu văn bản (hypertext), đặt tại các máy tính trong mạng Internet. Người dùng phải sử dụng một chương trình được gọi là trình duyệt web (web browser) để xem siêu văn bản.</p>
<p style="margin-bottom:0.75rem;">Chương trình này sẽ nhận thông tin (documents) tại ô địa chỉ (address) do người sử dụng yêu cầu (thông tin trong ô địa chỉ được gọi là URL (Uniform Resource Locator)), rồi sau đó chương trình sẽ tự động gửi thông tin đến máy chủ chứa trang web (web server) và hiển thị trên trình duyệt của người xem. Người dùng có thể theo các liên kết siêu văn bản (hyperlink) trên mỗi trang web để nối với các tài liệu khác hoặc gửi thông tin phản hồi theo máy chủ trong một quá trình tương tác. Hoạt động truy tìm theo các siêu liên kết thường được gọi là duyệt Web. Nhập môn Ngôn ngữ HTML: 2.</p>
<p style="margin-bottom:0.75rem;">Giới thiệu ngôn ngữ HTML: Sau những lóng ngóng với vài trang Web trong cuộc du lịch Internet, có thể bạn nghĩ rằng phải có gói phần mềm tinh vi để thu được tất cả những hiệu ứng trang trí đầy quyến rũ này. Mặc dù có một số công cụ dành cho những ngƣ ời say mê HTML thực sự, nhưng bạn có thể dùng một trình soạn thảo văn bản bất kỳ như Notepad của Windows để tạo ra những trang Web hấp dẫn. Sự thật là hầu hết các trang đều không có gì khác ngoài văn bản đƣợc gia cố thêm bằng một phần tử HTML xếp đặt đúng quy cách. Để hiểu được cách hoạt động của chúng, bạn phải xem xét từng từ trong cụm từ Ngôn ngữ đánh dấu siêu văn bản và xem chúng có ý nghĩa gì: Siêu văn bản (HyperText).</p>
<p style="margin-bottom:0.75rem;">Như bạn đã biết, liên kết siêu văn bản là một từ hay một câu trong trang Web dùng để chỉ đến trang Web khác. Khi nhấn chuột lên một trong các liên kết này, trình duyệt của bạn (như Netscape Navigator hoặc Internet Explorer) sẽ đưa bạn tức khắc đến trang Web kia mà không cần hỏi han gì. Vì những liên kết siêu văn bản này thật sự là tính năng đặc trưng của World Wide Web, các trang Web thường được biết như là những tài liệu siêu văn bản. Cho nên HTML có từ siêu văn bản trong tên của nó, vì bạn dùng nó để tạo nên các tài liệu siêu văn bản này.</p>
<p style="margin-bottom:0.75rem;">Có từ điển định nghĩa markup là các chỉ dẫn chi tiết về kiểu dáng được ghi trên bản viết tay để xếp chữ in. Trong lĩnh vực này, chúng ta có thể viết lại định nghĩa như sau: các lệnh chi tiết về kiểu dáng được đánh vào tài liệu văn bản để đưa lên WWW. Đó là HTML theo một định nghĩa tóm tắt. Nó gồm một vài mã đơn giản để tạo ra văn bản nét đậm hoặc nghiêng và các bảng liệt kê dấu chấm đầu dòng, các hình đồ hoạ chèn thêm vào, cùng với sự xác định các mối liên kết siêu văn bản.</p>
<p style="margin-bottom:0.75rem;">Bạn đánh các mã này vào những chỗ thích hợp trong tài liệu văn bản gốc, trình duyệt Web sẽ thực hiện việc dịch chúng. Đây có thể là từ dễ nhầm lẫn nhất trong cụm từ này. Nhiều người diễn giải HTML nhƣ là một ngôn ngữ lập trình. HTML không có gì liên quan đến việc lập trình máy tính cả.</p>
<p style="margin-bottom:0.75rem;">HTML gọi là ngôn ngữ chỉ vì nó gồm các tập hợp nhỏ các nhóm hai đến ba chữ và các từ mà bạn dùng để quy định kiểu dáng như nét đậm hoặc nghiêng. Cú pháp cơ bản một thẻ trong ngôn ngữ HTML Bây giờ chúng ta cùng đi sâu vào các khái niệm đằng sau HTML, và xem xét một số ví dụ mẫu. Để bắt đầu, tất cả công việc phải làm là khởi động trình soạn thảo văn bản yêu thích của bạn và bảo đảm đã có một tài liệu rỗng được hiển thị. Trình xử lý văn bản của bạn phải có khả năng lưu tập tin ở dạng văn bản.</p>
<p style="margin-bottom:0.75rem;">Notepad làm việc này một cách tự động; còn các trình xử lý văn bản khác, như Word và WordPerfect, thì có tuỳ chọn văn bản trong hộp thoại Save As. Hãy tham khảo tài liệu thuyết minh của trình xử lý văn bản. Đồng thời bạn phải lưu các trang với đuôi mở rộng HTM hoặc HTML, như trong Homepage.htm chẳng hạn. Tạo lập trang Web là một vấn đề đơn giản, chỉ cần đánh văn bản của bạn vào rồi chèn thêm các ký hiệu đánh dấu, gọi là thẻ có dạng như sau: <TAG>văn bản chịu tác động</TAG> Phần thẻ là một mã (thường chỉ có một hoặc hai chữ) xác định hiệu ứng mà bạn yêu cầu.</p>
<p style="margin-bottom:0.75rem;">Ví dụ, cho thẻ nét đậm là <B>. Cho nên nếu bạn muốn câu ACME Coyote Suppplies xuất hiện theo kiểu chữ đậm (bold), bạn phải đưa dòng sau đây vào tài liệu của mình: <B>ACME Coyote Supplies</B> Thẻ đầu tiên báo cho trình duyệt (browser) hiển thị tất cả phần văn bản tiếp theo bằng phông chữ đậm, liên tục cho đến thẻ <B>. Dấu gạch chéo (/) xác định đó là thẻ kết thúc, và báo cho trình duyệt ngưng hiệu ứng đó. HTML có nhiều thẻ dùng cho nhiều hiệu ứng khác, bao gồm chữ nghiêng (italic), dấu đoạn văn bản (paragraph), tiêu đề, tên trang, liệt kê, liên kết, và nhiều thứ nữa.</p>
<p style="margin-bottom:0.75rem;">Cấu trúc tổng thể một trang HTML Các trang Web khác nhau, tẻ nhạt hay sinh động, vô nghĩa hoặc rất cần thiết, nhưng tất cả đều có cùng một cấu trúc cơ sở, nên đa số các trình duyệt đang chạy trên hầu hết các kiểu máy tính đều có thể hiển thị thành công hầu hết các trang Web. Các tập tin HTML luôn bắt đầu bằng thẻ <HTML>. Thẻ này không làm gì khác ngoài nhiệm vụ báo cho trình duyệt Web biết rằng nó đang đọc một tài liệu có chứa các mã HTML. Tương tự, dòng cuối trong tài liệu của bạn luôn luôn là thẻ </HTML>, tương đương như Hết.</p>
<p style="margin-bottom:0.75rem;">Chi tiết kế tiếp trong catalog thẻ HTML dùng để chia tài liệu thành hai phần: đầu và thân. Phần đầu giống như lời giới thiệu cho trang. Các trình duyệt Web dùng phần đầu này để thu nhặt các loại thông tin khác nhau về trang. Để xác định phần đầu, bạn đưa thêm thẻ <HEAD> và thẻ </HEAD> vào ngay sau thẻ <HTML>.</p>
<p style="margin-bottom:0.75rem;">Mặc dù bạn có thể đặt một số chi tiết bên trong phạm vi phần đầu này, nhƣ ng phổ biến nhất là tên trang. Nếu có ai đó xem trang này trong browser, thì tên trang sẽ xuất hiện trong dải tên của cửa sổ browser. Để xác định tên trang, bạn đặt đoạn văn bản tên đó giữa các thẻ <TITLE> và </TITLE>. Ví dụ nếu bạn muốn tên trang của mình là My Home Sweet Home Page, bạn đưa nó vào như sau: <TITLE>My Home Sweet Home Page</TITLE> Phần thân là nơi bạn nhập vào các văn bản sẽ xuất hiện trên trang Web lẫn các thẻ khác quy định dáng vẻ của trang.</p>
<p style="margin-bottom:0.75rem;">Để xác định phần thân, bạn đặt các thẻ <BODY> và </BODY> sau phần đầu (dưới </HEAD>). Trang và văn bản trên trang: Như đã trình bày ở trên, bạn bổ sung văn bản của trang Web bằng cách đánh nó vào giữa các thẻ <BODY> và </BODY>. Tuy nhiên, cần nhớ rằng không thể bắt đầu một đoạn văn (chương, mục) mới mà chỉ ấn phím Enter. Bạn phải dùng thẻ để báo cho browser biết rằng bạn muốn chuyển vào một đoạn văn mới: <HTML> <HEAD> <TITLE>My Home Sweet Home Page</TITLE> </HEAD> <BODY> Văn bản này sẽ xuất hiện trong phần thân của trang Web.</p>
<p style="margin-bottom:0.75rem;"><P> Văn bản này sẽ xuất hiện trong một đoạn văn bản mới </BODY> </HTML> HTML bao gồm nhiều thẻ làm đẹp cho văn bản trong trang. Bạn đã thấy ở trên, một từ hoặc một câu sẽ hiện thành dạng chữ đậm nhƣ thế nào khi được đặt vào giữa các thẻ <B> và </B>. Bạn cũng có thể biểu hiện văn bản theo kiểu chữ nghiêng bằng cách bao chúng lại bằng các thẻ <I> và </I>, và làm cho các từ xuất hiện ở dạng cách đơn với các thẻ <TT> và </TT>. Giống như các chương sách, nội dung của nhiều trang Web được chia thành các đoạn.</p>
<p style="margin-bottom:0.75rem;">Để giúp phân cách các đoạn này và làm cho dễ đọc hơn, bạn có thể sử dụng tiêu đề. Lý tƣởng nhất, các tiêu đề này phải có tác dụng như là những đề mục nhỏ, thể hiện ý tưởng tóm tắt về đoạn văn đó. Để làm cho các đề mục này nổi bật, HTML có 6 loại thẻ tiêu đề để hiển thị văn bản theo phông chữ đậm với nhiều cỡ chữ khác nhau, từ ứng với phông lớn nhất đến ứng với phông nhỏ nhất.1 Bảng biểu Bảng trong HTML được xác định bằng thẻ <table> Một bảng được chia ra nhiều dòng ( với thẻ <tr> ) mỗi dòng được chia ra nhiều cột ( với thẻ <td> ) td viết tắt của "table data" , và chứa nội dung của một dữ liệu. Một thẻ <td> có thể chứa text, liên kết,ảnh , danh sách , form , bảng khác.</p>
<p style="margin-bottom:0.75rem;">*Thuộc tính border Nếu bạn không sử dụng thuộc tính border , thì bảng hiển thị sẽ không có viền. Thỉnh thoảng điều này rất hữu ích nhưng hầu như chúng ta muốn bảng có viền. Để hiển thị một bảng có viền ta thêm thuộc tính border Giá trị của thuộc tính được đo bằng pixels là độ dày của viền. bạn thử giá trị của nó là 10,20,50 để thấy sự khác biệt.</p>
</div>
<div style="position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(to top,white,transparent);pointer-events:none;"></div>
</div>
<p style="margin-top:0.75rem;font-size:0.75rem;color:#9ca3af;text-align:center;">
Nội dung được bảo vệ bản quyền —
<a href="https://vn-document.net/document/giao-trinh-thiet-ke-va-quan-tri-website-nghe-cong-nghe-thong-tin-cao-dang-truong-cao-dang-nghe-dong-thap/9647555475#download" style="color:var(--color-primary,#1e40af);">Tải xuống đầy đủ</a>
</p>
</div>
</div>
<div class="topic-container">
<div class="topic-content">
<p class="topic-title">
Chủ đề
</p>
<div class="topic-grid">
<a target="_blank" class="!text-black" href="https://vn-document.net/topic/giao-trinh-dao-tao-nghe-cao-dang.t430149">
<div class="topic-tag">
Giáo trình đào tạo nghề cao đẳng
</div>
</a>
<a target="_blank" class="!text-black" href="https://vn-document.net/topic/cong-nghe-thong-tin-ung-dung-phan-mem.t576757">
<div class="topic-tag">
công nghệ thông tin ứng dụng phần mềm
</div>
</a>
<a target="_blank" class="!text-black" href="https://vn-document.net/topic/phat-trien-web-va-internet.t576758">
<div class="topic-tag">
phát triển web và internet
</div>
</a>
</div>
</div>
</div>
<div class="related-docs-container">
<h3 class="related-docs-title">
Có thể bạn quan tâm
</h3>
<ul class="related-doc-list related-doc-list-cols">
<li>
<a href="https://vn-document.net/document/xay-dung-giai-phap-phan-mem-quan-ly-doanh-nghiep/9646367845" title="Xây dựng giải pháp phần mềm quản lý tổng thể cho doanh nghiệp"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><g clip-path="url(#a)"><path d="M3 5h18v14H3V5Z" fill="#fff"/><mask id="clip0_2431_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" rx="4" fill="#fff"/><path d="m7 8 2 8 3-6.5 3 6.5 2-8" stroke="#000" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></mask><g mask="url(#clip0_2431_2)"><path d="M-1.267-1.267h26.535v26.535H-1.267V-1.267Z" fill="#086ECA" stroke="#000" stroke-width=".143" stroke-linejoin="round"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Xây dựng giải pháp phần mềm quản lý tổng thể cho doanh nghiệp</span>
<span class="related-doc-meta">
62 trang
<span aria-hidden="true">·</span>
10 lượt xem
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/xay-dung-website-tong-hop-va-tom-tat-tin-tuc-bang-python-nlp/9535658583" title="Xây dựng website tổng hợp và tóm tắt tin tức bằng Python, NLP"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><g clip-path="url(#a)"><path d="M3 5h18v14H3V5Z" fill="#fff"/><mask id="clip0_2431_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" rx="4" fill="#fff"/><path d="m7 8 2 8 3-6.5 3 6.5 2-8" stroke="#000" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></mask><g mask="url(#clip0_2431_2)"><path d="M-1.267-1.267h26.535v26.535H-1.267V-1.267Z" fill="#086ECA" stroke="#000" stroke-width=".143" stroke-linejoin="round"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Xây dựng website tổng hợp và tóm tắt tin tức bằng Python, NLP</span>
<span class="related-doc-meta">
117 trang
<span aria-hidden="true">·</span>
1 lượt xem
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/kiem-thu-phan-mem-di-dong-ios-appium-studio/9535658333" title="Kiểm thử phần mềm di động trên iOS bằng Appium Studio"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Kiểm thử phần mềm di động trên iOS bằng Appium Studio</span>
<span class="related-doc-meta">
81 trang
<span aria-hidden="true">·</span>
1 lượt xem
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/do-an-tot-nghiep-cntt-quan-ly-quan-cafe/9883584488" title="Hệ thống quản lý quán cà phê: Đồ án tốt nghiệp CNTT"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><g clip-path="url(#a)"><path d="M3 5h18v14H3V5Z" fill="#fff"/><mask id="clip0_2431_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" rx="4" fill="#fff"/><path d="m7 8 2 8 3-6.5 3 6.5 2-8" stroke="#000" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></mask><g mask="url(#clip0_2431_2)"><path d="M-1.267-1.267h26.535v26.535H-1.267V-1.267Z" fill="#086ECA" stroke="#000" stroke-width=".143" stroke-linejoin="round"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Hệ thống quản lý quán cà phê: Đồ án tốt nghiệp CNTT</span>
<span class="related-doc-meta">
58 trang
<span aria-hidden="true">·</span>
1 lượt xem
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/do-an-phan-tich-thiet-ke-phan-mem-quan-ly-khach-san/9646348385" title="Báo cáo đồ án: Phân tích thiết kế phần mềm quản lý khách sạn"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><g clip-path="url(#a)"><path d="M3 5h18v14H3V5Z" fill="#fff"/><mask id="clip0_2431_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" rx="4" fill="#fff"/><path d="m7 8 2 8 3-6.5 3 6.5 2-8" stroke="#000" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></mask><g mask="url(#clip0_2431_2)"><path d="M-1.267-1.267h26.535v26.535H-1.267V-1.267Z" fill="#086ECA" stroke="#000" stroke-width=".143" stroke-linejoin="round"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Báo cáo đồ án: Phân tích thiết kế phần mềm quản lý khách sạn</span>
<span class="related-doc-meta">
57 trang
<span aria-hidden="true">·</span>
1 lượt xem
</span>
</span>
</a>
</li>
<li>
<a href="https://vn-document.net/document/do-an-quan-tri-mang-windows-server-2003/9646348675" title="Đồ án: Quản trị mạng dùng Windows Server 2003 hiệu quả"
class="related-doc-link group">
<span class="related-doc-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path d="M2 7h20v10H2V7Z" fill="#fff"/><path d="M21.333 0H2.667A2.675 2.675 0 0 0 0 2.667v18.666C0 22.8 1.2 24 2.667 24h18.666C22.8 24 24 22.8 24 21.333V2.667C24 1.2 22.8 0 21.333 0ZM8.667 11.333c0 1.067-.934 2-2 2H5.333V16h-2V8h3.334c1.066 0 2 .933 2 2v1.333ZM15.333 14c0 1.067-.933 2-2 2H10V8h3.333c1.067 0 2 .933 2 2v4Zm5.334-4h-2v1.333h2v2h-2V16h-2V8h4v2ZM12 10h1.333v4H12v-4Zm-6.667 0h1.334v1.333H5.333V10Z" fill="#E2574C"/></svg>
</span>
<span class="min-w-0 flex-1">
<span class="related-doc-name">Đồ án: Quản trị mạng dùng Windows Server 2003 hiệu quả</span>
<span class="related-doc-meta">
68 trang
<span aria-hidden="true">·</span>
1 lượt xem
</span>
</span>
</a>
</li>
</ul>
</div>
<div class="detail-page-footer">
<div class="inline-block">
<a rel="nofollow" href="https://vn-document.net/tmp-payment/9647555475" class="detail-page-button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 mr-2">
<path d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
</svg>
<span>
Tải xuống
(75 Trang -
3.84 MB)
</span>
</a>
</div>
</div>
<div id="to-top" class="back-to-top-btn" onclick="window.scrollTo({top: 0,behavior: 'smooth'})"
style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25)" title="To the top">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512" class="fill-white">
<path d="M318 177.5c3.8-8.8 2-19-4.6-26l-136-144C172.9 2.7 166.6 0 160 0s-12.9 2.7-17.4 7.5l-136 144c-6.6 7-8.4 17.2-4.6 26S14.4 192 24 192H96l0 288c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32l0-288h72c9.6 0 18.2-5.7 22-14.5z">
</path>
</svg>
</div>
</main>
<div><div wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"8U5eP2PyDCvZFY09Bng3","name":"livewire-ui-modal","path":"document\/giao-trinh-thiet-ke-va-quan-tri-website-nghe-cong-nghe-thong-tin-cao-dang-truong-cao-dang-nghe-dong-thap\/9647555475","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"732c8c61b49737a11ace379dc0089df547d3846aa65a36f1d4ef03c6e4667d62"}" wire:effects="{"listeners":["openModal","destroyComponent"]}" wire:id="8U5eP2PyDCvZFY09Bng3">
<!--[if BLOCK]><![endif]--> <script>(()=>{var t,e={646:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(t){if("string"==typeof t)return e(t,o);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,o):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden']), textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},761:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={931:0,994:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[994],(()=>n(646)));var i=n.O(void 0,[994],(()=>n(761)));i=n.O(i)})();</script>
<!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
x-data="LivewireUIModal()"
x-init="init()"
x-on:close.stop="setShowPropertyTo(false)"
x-on:keydown.escape.window="closeModalOnEscape()"
x-show="show"
class="fixed inset-0 overflow-y-auto z-[100]"
style="display: none;"
>
<div class="flex min-h-screen items-center justify-center px-2 pt-4 pb-10 text-center lg:p-0">
<div
x-show="show"
x-on:click="closeModalOnClickAway()"
x-transition:enter="ease-out duration-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in duration-100"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
class="fixed inset-0 transform transition-all"
>
<div class="absolute inset-0 bg-black opacity-50"></div>
</div>
<div
x-show="show && showActiveComponent"
x-transition:enter="ease-out duration-100"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-100"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
class="inline-block transform overflow-hidden rounded-lg text-left align-middle transition-all sm:my-8 w-full md:w-auto lg:max-w-5xl"
id="modal-container"
x-trap.noscroll.inert="show && showActiveComponent"
aria-modal="true"
>
<!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
</div>
</div>
</div>
</div>
<footer class="mt-auto bg-white shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1),0_-2px_4px_-1px_rgba(0,0,0,0.06)]">
<div class="container mx-auto max-w-screen-xl px-4 py-4 lg:py-6">
<!-- Mobile Accordion Toggle -->
<div class="lg:hidden">
<button id="footerAccordionToggle"
class="w-full bg-white border border-gray-200 rounded-xl p-4 shadow-sm hover:shadow-md transition-all duration-300 flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-primary">
<path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
<div class="text-left">
<p class="text-sm font-semibold text-gray-800">Thông tin & Liên hệ</p>
<p class="text-xs text-gray-500">Nhấn để xem chi tiết</p>
</div>
</div>
<div id="accordionIcon" class="transition-transform duration-300">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-gray-600">
<polyline points="6,9 12,15 18,9"/>
</svg>
</div>
</button>
</div>
<!-- Main Footer Content - Accordion Style -->
<div id="footerContent" class="overflow-hidden transition-all duration-300 max-h-0 lg:max-h-none lg:block">
<div class="pt-3 pb-2 lg:pt-0">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-x-3 gap-y-4 lg:gap-8">
<!-- Logo & About Section -->
<div class="hidden lg:block lg:col-span-1">
<a href="https://vn-document.net" class="hover:cursor-pointer inline-block mb-4" aria-label="Trang chủ">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="400" height="200" viewBox="0 0 400 200" xml:space="preserve" class="h-16 w-28">
<desc>Created with Fabric.js 5.2.4</desc>
<defs>
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="transparent"/>
<g transform="matrix(1 0 0 1 200 100)" id="896fa488-ba7d-450a-ac77-bb66646345a5">
<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;" vector-effect="non-scaling-stroke" x="-200" y="-100" rx="0" ry="0" width="400" height="200"/>
</g>
<g transform="matrix(4.32 0 0 2.57 200 123.39)">
<path style="stroke: rgb(155,89,182); stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(231,76,60); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(-24, -40.94)" d="M 47.9943556 35.9463529 L 47.9943556 35.9435294 C 47.971778 35.4437647 47.8673567 35.0625882 47.658514 34.7463529 L 47.6359364 34.7152941 L 47.6105366 34.6842353 C 47.3988717 34.4527059 47.1956734 34.3651765 46.9755419 34.2691765 C 46.3179696 34.0150588 45.3612442 33.8795294 44.2097872 33.8767059 C 43.382883 33.8767059 42.4713128 33.9557647 41.5540982 34.1562353 L 41.551276 34.0941176 L 40.6284171 34.4018824 L 40.6114839 34.4103529 L 40.0893771 34.5797647 L 40.0893771 34.6023529 C 39.47696 34.8564706 38.9209869 35.1727059 38.4045245 35.5482353 C 38.0827939 35.7882353 37.8175072 36.1072941 37.8033962 36.5957647 C 37.7949296 36.8611765 37.9303952 37.1661176 38.1533489 37.3468235 C 38.3763025 37.5275294 38.6359448 37.5896471 38.8645429 37.5896471 C 38.9181647 37.5896471 38.9689643 37.5868235 39.0141194 37.5783529 L 39.0592746 37.5755294 L 39.093141 37.5698824 C 39.5446928 37.4738824 40.2022651 37.4089412 40.9727253 37.3016471 C 41.6331198 37.2282353 42.3330251 37.1745882 42.9397978 37.1745882 C 43.368772 37.1717647 43.7554132 37.2028235 44.0206999 37.2592941 C 44.1533432 37.2875294 44.2521202 37.3214118 44.3057419 37.3496471 C 44.3254973 37.3552941 44.3396083 37.3637647 44.3480749 37.3694118 C 44.3593637 37.4061176 44.3762969 37.5021176 44.3734747 37.6348235 C 44.3791191 38.1430588 44.164632 39.0861176 43.8683012 40.0065882 C 43.5804369 40.9270588 43.2304843 41.8503529 42.999064 42.4630588 C 42.94262 42.6042353 42.9059314 42.7595294 42.9059314 42.9289412 C 42.900287 43.1745882 43.0018862 43.4738824 43.2163733 43.6715294 C 43.425216 43.8691765 43.696147 43.9482353 43.9219229 43.9482353 L 43.9332117 43.9482353 C 44.2718756 43.9454118 44.5597398 43.8098824 44.8080933 43.6150588 C 47.1505182 41.5087059 47.9661336 38.1430588 48 36.2484706 L 47.9943556 35.9463529 Z M 41.0489247 38.8658824 C 40.8090378 38.8630588 40.5635065 38.9195294 40.3349084 39.0268235 C 40.0780883 39.1284706 39.8156239 39.2470588 39.5672704 39.3515294 L 39.2032068 39.504 L 38.7290774 39.6931765 L 38.7290774 39.6988235 C 33.5785648 41.7882353 28.16841 43.0136471 23.1618295 43.1209412 C 22.9783866 43.1265882 22.7921215 43.1265882 22.614323 43.1265882 C 14.7403887 43.1322353 8.31706456 39.4785882 1.83729642 35.8785882 C 1.61152053 35.76 1.37727804 35.6978824 1.15150215 35.6978824 C 0.860815683 35.6978824 0.561662624 35.808 0.344353327 36.0112941 C 0.12704403 36.2174118 -0.00277710907 36.5138824 0.0000450895989 36.816 C -0.00277710907 37.2084706 0.208887791 37.5698824 0.505218651 37.8042353 C 6.58705678 43.0870588 13.25309 47.9943529 22.2192152 48 C 22.3941915 48 22.57199 47.9943529 22.7497885 47.9915294 C 28.453452 47.8644706 34.902176 45.936 39.9087564 42.7905882 L 39.9398006 42.7708235 C 40.5945507 42.3783529 41.2493008 41.9322353 41.8673623 41.4381176 C 42.2511813 41.1529412 42.516468 40.7068235 42.516468 40.2437647 C 42.4995348 39.4221176 41.8024517 38.8658824 41.0489247 38.8658824 Z" stroke-linecap="round"/>
</g>
<g transform="matrix(2.48 0 0 3.36 200 74.71)" style="filter: url(#SVGID_1030);" id="f184ac65-f7f1-436e-a620-aa5020447f68">
<filter id="SVGID_1030" y="-29%" height="158%" x="-21%" width="142%">
<feGaussianBlur in="SourceAlpha" stdDeviation="1"/>
<feOffset dx="0" dy="0" result="oBlur"/>
<feFlood flood-color="rgb(0,0,0)" flood-opacity="1"/>
<feComposite in2="oBlur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<text xml:space="preserve" font-family="Raleway" font-size="20" font-style="normal" font-weight="900" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(155,89,182); fill-rule: nonzero; opacity: 1; white-space: pre;"><tspan x="-75.08" y="6.28">V</tspan><tspan x="-60" y="6.28">n</tspan><tspan x="-45.18" y="6.28">D</tspan><tspan x="-28.36" y="6.28">o</tspan><tspan x="-13.58" y="6.28">c</tspan><tspan x="0.46" y="6.28">u</tspan><tspan x="15.72" y="6.28">m</tspan><tspan x="37.02" y="6.28">e</tspan><tspan x="51.7" y="6.28">n</tspan><tspan x="66.62" y="6.28">t</tspan></text>
</g>
<g transform="matrix(0 0 0 0 806.77 327.75)">
<g style="">
</g>
</g>
<g transform="matrix(0 0 0 0 806.77 327.75)">
<g style="">
</g>
</g>
<g transform="matrix(0 0 0 0 806.77 312.15)">
<g style="">
</g>
</g>
<g transform="matrix(0 0 0 0 806.77 312.15)">
<g style="">
</g>
</g>
</svg>
</a>
<p class="text-base font-bold text-gray-800 mb-3">Tổng hợp tài liệu chất lượng</p>
<p class="text-sm text-gray-600 leading-relaxed pr-4">Kho tài liệu đa dạng, uy tín đáp ứng nhu cầu học tập và nghiên cứu của bạn.</p>
</div>
<!-- Quick Links Section -->
<nav aria-label="Liên kết nhanh">
<h3 class="text-xs font-bold text-gray-800 mb-2 lg:text-lg lg:font-bold lg:text-gray-800 lg:mb-4 lg:pb-2 lg:border-b lg:border-gray-200">
<span class="lg:hidden">Liên kết</span>
<span class="hidden lg:inline">Liên kết nhanh</span>
</h3>
<ul class="space-y-1 lg:space-y-2.5">
<li>
<a href="https://vn-document.net" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Trang chủ
</a>
</li>
<li>
<a href="https://vn-document.net/ve-chung-toi" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Về chúng tôi
</a>
</li>
<li>
<a href="https://vn-document.net/chinh-sach" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Chính sách
</a>
</li>
<li>
<p onclick="Livewire.dispatch('openModal', { component: 'popup.login' })"
class="text-xs text-gray-700 hover:text-primary transition-colors cursor-pointer block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Đăng nhập
</p>
</li>
</ul>
</nav>
<!-- Categories Section -->
<nav aria-label="Danh mục nổi bật">
<h3 class="text-xs font-bold text-gray-800 mb-2 lg:text-lg lg:font-bold lg:text-gray-800 lg:mb-4 lg:pb-2 lg:border-b lg:border-gray-200">
<span class="lg:hidden">Danh mục</span>
<span class="hidden lg:inline">Danh mục nổi bật</span>
</h3>
<ul class="space-y-1 lg:space-y-2.5">
<li>
<a href="/category/kinh-te-quan-ly.c1" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Kinh Tế - Quản Lý
</a>
</li>
<li>
<a href="/tag/luan-van-thac-si.t33" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Luận văn Thạc sĩ
</a>
</li>
<li>
<a href="/topic/tro-choi-trong-giao-duc.t785" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Trò chơi trong giáo dục
</a>
</li>
<li>
<a href="https://vn-document.net/truong" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Trường đại học
</a>
</li>
<li>
<a href="https://vn-document.net/chuyen-nganh" class="text-xs text-gray-700 hover:text-primary transition-colors block lg:text-sm lg:text-gray-600">
<span class="hidden lg:inline mr-2">•</span>Chuyên ngành
</a>
</li>
</ul>
</nav>
<!-- Contact Section -->
<div class="col-span-2 lg:col-span-1">
<h3 class="text-xs font-bold text-gray-800 mb-2 lg:text-lg lg:font-bold lg:text-gray-800 lg:mb-4 lg:pb-2 lg:border-b lg:border-gray-200">
<span class="lg:hidden">Liên hệ</span>
<span class="hidden lg:inline">Liên hệ hỗ trợ</span>
</h3>
<ul class="space-y-1.5 lg:space-y-3 lg:space-y-3">
<li class="flex items-center gap-1.5 lg:gap-2">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3 text-primary flex-shrink-0 lg:w-4 lg:h-4">
<path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<span class="text-xs text-gray-700 font-medium lg:text-sm lg:text-gray-600">0559 297 239</span>
</li>
<li class="flex items-center gap-1.5 lg:gap-2">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3 text-primary flex-shrink-0 lg:w-4 lg:h-4">
<path d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
<span class="text-xs text-gray-700 font-medium lg:text-sm lg:text-gray-600">admin@vn-document.net</span>
</li>
<li class="mt-2 lg:mt-3">
<a href="https://chat.zalo.me/?phone=0559297239"
target="_blank" rel="nofollow"
class="inline-flex items-center justify-center w-full py-1.5 px-3 bg-secondary text-white rounded-lg text-xs font-medium transition-all duration-300 hover:bg-secondary-darker lg:text-sm lg:w-auto lg:px-6 lg:py-2">
<svg viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3 mr-1.5 lg:w-4 lg:h-4 lg:mr-2">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16 13H13V16C13 16.55 12.55 17 12 17C11.45 17 11 16.55 11 16V13H8C7.45 13 7 12.55 7 12C7 11.45 7.45 11 8 11H11V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V11H16C16.55 11 17 11.45 17 12C17 12.55 16.55 13 16 13Z"/>
</svg>
Chat Zalo
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Bottom Section -->
<div class="border-t border-gray-200 mt-6 lg:mt-8 pt-4 lg:pt-6">
<!-- Social Media -->
<div class="flex justify-center lg:justify-end mb-4 lg:mb-4">
<div class="flex space-x-5">
<a href="#" class="text-gray-400 hover:text-primary transition-colors" aria-label="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512" class="w-5 h-5"><path d="M288 192v-38.1c0-17.2 3.8-25.9 30.5-25.9H352V64h-55.9c-68.5 0-91.1 31.4-91.1 85.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z" fill="currentColor"/></svg>
</a>
<a href="#" class="text-gray-400 hover:text-primary transition-colors" aria-label="Twitter">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-primary transition-colors" aria-label="Instagram">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
<!-- Copyright -->
<p class="text-xs text-center text-gray-500 lg:text-sm">
Copyright © 2026
<a href="https://vn-document.net/" class="hover:underline text-gray-700 font-medium hover:text-primary transition-colors">
vn-document.net
</a>
- Tất cả quyền được bảo lưu
</p>
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
const accordionToggle = document.getElementById('footerAccordionToggle');
const footerContent = document.getElementById('footerContent');
const accordionIcon = document.getElementById('accordionIcon');
if (accordionToggle && footerContent && accordionIcon) {
let isOpen = false;
accordionToggle.addEventListener('click', function() {
isOpen = !isOpen;
if (isOpen) {
// Mở accordion
footerContent.style.maxHeight = footerContent.scrollHeight + 'px';
accordionIcon.style.transform = 'rotate(180deg)';
} else {
// Đóng accordion
footerContent.style.maxHeight = '0';
accordionIcon.style.transform = 'rotate(0deg)';
}
});
}
});
</script>
<link rel="modulepreload" href="https://vn-document.net/build/assets/app-B_liCJ-N.js" /><link rel="modulepreload" href="https://vn-document.net/build/assets/vendor-DhXgJQ-f.js" /><script type="module" src="https://vn-document.net/build/assets/app-B_liCJ-N.js" data-navigate-track="reload"></script> <script>
document.querySelectorAll('div.topical a').forEach(function(link) {
link.setAttribute('target', '_blank');
});
// Copy protection for summary and ai_topical sections
document.addEventListener('DOMContentLoaded', function() {
const protectedSections = document.querySelectorAll('.copy-protected');
protectedSections.forEach(function(section) {
// Prevent keyboard shortcuts
section.addEventListener('keydown', function(e) {
// Prevent Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X, Ctrl+S
if (e.ctrlKey && (e.key === 'a' || e.key === 'c' || e.key === 'v' || e.key ===
'x' || e.key === 's')) {
e.preventDefault();
return false;
}
});
// Disable right-click context menu
section.addEventListener('contextmenu', function(e) {
e.preventDefault();
return false;
});
// Prevent text selection with mouse
section.addEventListener('selectstart', function(e) {
e.preventDefault();
return false;
});
// Prevent drag and drop
section.addEventListener('dragstart', function(e) {
e.preventDefault();
return false;
});
});
});
</script>
<script type="module">
const handleEagerLoad = () => {
window.removeEventListener("scroll", handleEagerLoad);
window.removeEventListener("mousemove", handleEagerLoad);
Livewire.dispatch('eagerLoad');
};
window.addEventListener("scroll", handleEagerLoad, { passive: true });
window.addEventListener("mousemove", handleEagerLoad, { passive: true });
</script>
<script type="application/javascript">
document.addEventListener("DOMContentLoaded", function () {
window.addEventListener("scroll", function () {
if (this.scrollY > 500) {
document.getElementById('to-top').classList.remove('hidden');
} else {
document.getElementById('to-top').classList.add('hidden');
}
});
});
</script>
<script src="https://vn-document.net/vendor/livewire/livewire.min.js?id=61e33937" data-csrf="vAqelRY4r7Ww18yCCW7FvrG603gfztIEmRJvtjRe" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>