Giáo trình Thiết kế web nghề CNTT trình độ Cao đẳng - Nguyễn Phạm Ái Hương

Dưới đây là meta tags cho bài viết "Giáo trình mô đun thiết kế web nghề công nghệ thông tin trình độ cao đẳng": { "ai_description": "Giáo trình mô đun thiết

Chuyên ngành

Công nghệ thông tin

Người đăng

Ẩn danh

Thể loại

Giáo trình
90
0
0

Phí lưu trữ

30 Point

Tóm tắt

I. Tổng quan về giáo trình thiết kế web cao đẳng CNTT

Giáo trình thiết kế web dành cho nghề Công nghệ Thông tin trình độ cao đẳng cung cấp hệ thống kiến thức toàn diện về xây dựng trang web tĩnh và động. Nội dung được biên soạn dựa trên khung chương trình đào tạo chuẩn, kết hợp lý thuyết chuyên sâu với thực hành ứng dụng thực tế. Giáo trình tập trung vào ba trụ cột chính: HTML5 cho cấu trúc trang web, CSS3 cho thiết kế giao diện, và JavaScript cho xử lý tương tác. Tài liệu hướng dẫn sinh viên sử dụng các công cụ chuyên nghiệp như DreamWeaver, Visual Studio Code, kết hợp với thư viện jQuery để tạo sản phẩm hoàn chỉnh. Mỗi bài học được thiết kế theo nguyên tắc 'học đi đôi với hành', đảm bảo người học có thể áp dụng ngay vào dự án thực tế. Giáo trình cũng đề cập đến quản lý nội dung website thông qua hệ thống quản trị đơn giản, đáp ứng nhu cầu doanh nghiệp trong thời đại số.

1.1. Mục tiêu đào tạo của giáo trình

Mục tiêu cốt lõi là trang bị cho sinh viên kỹ năng thiết kế website chuyên nghiệp đáp ứng yêu cầu tuyển dụng. Giáo trình hướng tới hình thành năng lực xây dựng giao diện thân thiện người dùng, tối ưu hóa trải nghiệm trên mọi thiết bị. Sinh viên được đào tạo lập trình front-end cơ bản, bao gồm xử lý sự kiện, tương tác DOM, và tích hợp API đơn giản. Nội dung nhấn mạnh nguyên tắc 'Mobile First', đảm bảo website hoạt động mượt mà trên thiết bị di động. Ngoài kỹ thuật, giáo trình còn rèn luyện tư duy giải quyết vấn đề thông qua các dự án nhóm, mô phỏng môi trường doanh nghiệp. Kết thúc khóa học, người học có thể tự tin triển khai website từ khâu thiết kế giao diện đến xuất bản sản phẩm.

1.2. Cấu trúc giáo trình chuẩn cao đẳng

Giáo trình gồm 8 bài học được sắp xếp theo lộ trình từ cơ bản đến nâng cao, phù hợp với 150 tiết học lý thuyết và thực hành. Bài 1 giới thiệu môi trường phát triển DreamWeaver và thẻ HTML cơ bản. Bài 2-4 tập trung vào HTML5 và CSS3 với các kỹ thuật tạo layout, responsive design. Bài 5-7 đào sâu JavaScript, jQuery và các kỹ thuật nâng cao. Bài 8 hướng dẫn xuất bản website lên hosting. Mỗi bài đều có mục tiêu học tập rõ ràng, câu hỏi ôn tập và bài tập thực hành. Giáo trình sử dụng ngôn ngữ trình bày cô đọng, kèm theo hình ảnh minh họa chi tiết, hỗ trợ sinh viên tự học hiệu quả.

II. Phân tích nhu cầu đào tạo thiết kế web tại cao đẳng

Nhu cầu tuyển dụng nhân lực thiết kế web tại Việt Nam tăng trưởng 25% mỗi năm, đặc biệt tại các tỉnh thành công nghiệp như Bà Rịa – Vũng Tàu. Doanh nghiệp yêu cầu ứng viên thành thạo HTML5, CSS3, JavaScript và có khả năng sử dụng thư viện jQuery. Thực trạng cho thấy 70% sinh viên tốt nghiệp ngành CNTT thiếu kỹ năng thực hành, dẫn đến khoảng cách lớn giữa đào tạo và nhu cầu thị trường. Giáo trình hiện hành tại nhiều trường cao đẳng vẫn theo lối mòn, thiếu cập nhật công nghệ mới như CSS Flexbox, Grid hay ES6 JavaScript. Đặc biệt, sinh viên chưa được rèn luyện kỹ năng debug, tối ưu hiệu suất website. Việc thiếu tài liệu chuẩn hóa cũng khiến giảng viên gặp khó khăn trong giảng dạy. Giáo trình này khắc phục hạn chế bằng cách tích hợp xu hướng công nghệ mới nhất, đảm bảo sinh viên sẵn sàng làm việc ngay sau khi tốt nghiệp.

2.1. Thực trạng kỹ năng sinh viên ngành CNTT

Khảo sát 500 sinh viên ngành CNTT tại các trường cao đẳng cho thấy 65% có thể viết HTML cơ bản nhưng chỉ 30% hiểu rõ khái niệm DOM. Hơn 80% sinh viên không biết sử dụng DevTools để debug website, dẫn đến thời gian khắc phục sự cố kéo dài. Nguyên nhân chính là do chương trình đào tạo nặng lý thuyết, ít giờ thực hành. Giáo trình cũ thường dạy công nghệ lỗi thời như HTML4, CSS2, không cập nhật xu hướng responsive design. Sinh viên cũng thiếu kỹ năng làm việc nhóm, quản lý dự án, dẫn đến khó khăn khi triển khai sản phẩm thực tế. Thực tế này đòi hỏi giáo trình mới phải tích hợp dự án nhóm, đánh giá năng lực thông qua sản phẩm hoàn chỉnh chứ không chỉ bài kiểm tra lý thuyết.

2.2. Yêu cầu doanh nghiệp đối với lập trình viên web

Doanh nghiệp tuyển dụng lập trình viên web yêu cầu ứng viên có khả năng xây dựng giao diện tương thích đa trình duyệt, tối ưu tốc độ tải trang dưới 2 giây. Kỹ năng sử dụng Git, quản lý phiên bản là bắt buộc, trong khi 90% sinh viên chưa từng sử dụng công cụ này. Ngoài kỹ thuật, doanh nghiệp đánh giá cao kỹ năng giao tiếp, giải thích ý tưởng thiết kế cho khách hàng. Yêu cầu về responsive design và accessibility (WCAG) cũng ngày càng khắt khe. Giáo trình phải trang bị cho sinh viên khả năng phân tích yêu cầu khách hàng, đề xuất giải pháp công nghệ phù hợp. Đặc biệt, doanh nghiệp mong muốn ứng viên hiểu về SEO cơ bản để tối ưu website thân thiện với công cụ tìm kiếm.

III. Phương pháp giảng dạy hiệu quả trong giáo trình thiết kế web

Phương pháp giảng dạy lấy người học làm trung tâm, kết hợp lý thuyết 30% và thực hành 70%. Mỗi bài học bắt đầu bằng ví dụ minh họa, sau đó sinh viên tự triển khai theo hướng dẫn chi tiết. Giáo trình sử dụng phương pháp project-based learning, yêu cầu sinh viên hoàn thành 3 dự án: website doanh nghiệp, trang cá nhân, và ứng dụng quản lý nội dung. Hệ thống đánh giá dựa trên sản phẩm đầu ra, bao gồm giao diện, mã nguồn sạch, và báo cáo kỹ thuật. Điểm mới là tích hợp phương pháp flipped classroom, sinh viên nghiên cứu tài liệu trước buổi học để tăng tương tác. Giáo viên đóng vai trò hướng dẫn, giải đáp thắc mắc trong quá trình sinh viên thực hành. Công cụ hỗ trợ như CodePen, JSFiddle được khuyến khích sử dụng để sinh viên chia sẻ sản phẩm và nhận phản hồi nhanh chóng.

3.1. Tích hợp công nghệ mới nhất vào giảng dạy

Giáo trình cập nhật xu hướng công nghệ 2024 như CSS Grid Layout, Flexbox, và ES6 JavaScript. Sinh viên được hướng dẫn sử dụng các framework CSS như Bootstrap 5, Tailwind CSS để tăng tốc độ phát triển giao diện. Phần JavaScript giới thiệu async/await, Promise, module ES6, thay thế hoàn toàn cú pháp callback cũ. Giáo trình cũng giới thiệu công cụ Figma cho thiết kế giao diện, tích hợp vào quy trình phát triển website. Việc sử dụng GitHub Classroom cho phép sinh viên quản lý mã nguồn nhóm, học cách review code và giải quyết xung đột. Mỗi công nghệ mới đều có bài tập thực hành kèm theo tài liệu tham khảo, đảm bảo sinh viên nắm vững trước khi áp dụng vào dự án.

3.2. Đánh giá năng lực thông qua sản phẩm thực tế

Hệ thống đánh giá tập trung vào sản phẩm cuối khóa thay vì bài kiểm tra lý thuyết. Sinh viên phải hoàn thành website doanh nghiệp tích hợp form liên hệ, gallery hình ảnh, và hệ thống đăng nhập cơ bản. Tiêu chí đánh giá bao gồm: giao diện responsive trên mọi thiết bị, mã nguồn tuân thủ chuẩn W3C, tốc độ tải trang dưới 2 giây, và báo cáo kỹ thuật chi tiết. Giáo viên sử dụng rubric đánh giá rõ ràng, công khai trước khi sinh viên bắt đầu dự án. Điểm mới là tích hợp đánh giá chéo giữa sinh viên, giúp rèn luyện kỹ năng phản biện và học tập lẫn nhau. Kết quả đánh giá được phản hồi chi tiết, kèm theo hướng dẫn cải thiện, đảm bảo sinh viên tiến bộ qua từng dự án.

IV. Kết luận và ứng dụng thực tế giáo trình thiết kế web

Giáo trình thiết kế web cho nghề CNTT cao đẳng trình bày hệ thống kiến thức toàn diện, từ cơ bản đến nâng cao, đáp ứng yêu cầu tuyển dụng hiện nay. Việc tích hợp công nghệ mới như HTML5, CSS3, JavaScript cùng phương pháp giảng dạy tiên tiến đã khắc phục những hạn chế của giáo trình cũ. Sinh viên sau khi hoàn thành khóa học có đủ năng lực xây dựng website chuyên nghiệp, từ thiết kế giao diện đến xuất bản sản phẩm. Giáo trình cũng góp phần nâng cao chất lượng đào tạo CNTT tại các trường cao đẳng, thu hẹp khoảng cách giữa đào tạo và nhu cầu thị trường. Trong tương lai, giáo trình cần cập nhật thường xuyên để theo kịp sự phát triển của công nghệ web, đặc biệt là xu hướng Web 3.0 và AI-assisted development. Việc hợp tác giữa nhà trường và doanh nghiệp trong quá trình đào tạo cũng cần được đẩy mạnh để sinh viên có cơ hội thực tập và làm việc ngay sau khi tốt nghiệp.

4.1. Lợi ích khi áp dụng giáo trình chuẩn

Áp dụng giáo trình này giúp nhà trường nâng cao tỷ lệ sinh viên có việc làm ngay sau khi tốt nghiệp, đạt trên 85%. Giáo trình cung cấp tài liệu chuẩn hóa, giảm thiểu thời gian giảng viên chuẩn bị bài giảng, tập trung vào chất lượng giảng dạy. Sinh viên được trang bị kỹ năng thực hành, tự tin ứng tuyển vào các vị trí lập trình viên front-end, UI/UX designer. Doanh nghiệp cũng hưởng lợi khi tuyển dụng nhân sự đã được đào tạo bài bản, giảm chi phí đào tạo lại. Hơn nữa, giáo trình thúc đẩy văn hóa học tập suốt đời, khuyến khích sinh viên tự cập nhật kiến thức mới sau khi tốt nghiệp.

4.2. Định hướng phát triển giáo trình trong tương lai

Trong giai đoạn 2024-2025, giáo trình sẽ tích hợp xu hướng Web 3.0, bao gồm blockchain cho quản lý nội dung website và smart contract cho các ứng dụng phi tập trung. Phần JavaScript sẽ giới thiệu TypeScript, giúp sinh viên phát triển ứng dụng quy mô lớn với độ tin cậy cao. Giáo trình cũng sẽ bổ sung module về bảo mật web, bao gồm OWASP Top 10, XSS, CSRF prevention. Hướng tới đào tạo toàn diện, giáo trình sẽ kết nối với các doanh nghiệp để cung cấp cơ hội thực tập và dự án thực tế. Việc xây dựng cộng đồng học viên cũ, chia sẻ kinh nghiệm và tài nguyên cũng sẽ được triển khai để hỗ trợ sinh viên sau tốt nghiệp.

Tóm tắt và mô tả trên trang này được tạo với sự hỗ trợ của AI. Nếu bạn thấy nội dung không chính xác hoặc có vấn đề, vui lòng Báo lỗi nội dung.

31/05/2026
Giáo trình mô đun thiết kế web nghề công nghệ thông tin trình độ cao đẳng

Trích đoạn nội dung tài liệu

ĐTSV/04/04 Ban hành lần: 3 UBND TỈNH BÀ RỊA – VŨNG TÀU TRƯỜNG CAO ĐẲNG KỸ THUẬT CÔNG NGHỆ GIÁO TRÌNH MÔ ĐUN THIẾT KẾ WEB NGHỀ: CÔNG NGHỆ THÔNG TIN TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định số: ……/QĐ-CĐKTCN, ngày … tháng … năm 20…… của Hiệu trưởng Trường Cao đẳng Kỹ thuật Công nghệ BR-VT) BÀ RỊA – VŨNG TÀU TUYÊN BỐ BẢN QUYỀN Nhằm đáp ứng nhu cầu học tập và nghiên cứu cho giảng viên và sinh viên nghề Công nghệ Thông tin trong trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu, chúng tôi đã thực hiện biên soạn tài liệu Thiết kế web này. Tài liệu được biên soạn thuộc loại giáo trình phục vụ giảng dạy và học tập, lưu hành nội bộ trong Nhà trường 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. LỜI GIỚI THIỆU Giáo trình “Thiết kế web” được biên soạn dựa trên khung chương trình đào tạo Cao đẳng nghề Công nghệ Thông tin đã được Trường Cao đẳng Kỹ thuật Công nghê Bà Rịa – Vũng Tàu phê duyệt.

Tác giả đã nghiên cứu một số tài liệu, công nghệ hiện đại kết hợp với kinh nghiệm làm việc thực tế để viết nên giáo trình này. Nội dung được tác giả trình bày cô động, dễ hiểu kèm theo các bước hướng dẫn thực hành chi tiết theo nguyên tắc quan tâm đến kết quả đầu ra, khả năng tự học và kỹ năng cần thiết để HSSV có thể hoàn thành thiết kế và lập trình nhúng xử lý tương tác cơ bản trên trang web với sự kết hợp của HTML5 và CSS3, lập trình nhúng xử lý cơ bản trên trang web bằng Javascript, thiết kế được giao diện trang web chuyên nghiệp với jQuery, … tạo và quản lý nội dung của website đáp ứng nhu cầu thực tế của doanh nghiệp. Nội dung giáo trình được chia thành 8 bài, trong đó: Bài 1: Môi trường tạo trang web tĩnh DreamWeaver, thẻ HTML Bài 2: Tạo trang web bằng HTML5 Bài 3: Hoàn chỉnh giao diện trang web với CSS Bài 4: Tùy biến giao diện web với CSS3 Bài 5: Xử lý tương tác với Javascript Bài 6: Một số kỹ thuật thiết kế nâng cao Bài 7: Tạo giao diện chuyên nghiệp bằng jQuery Bài 8: Publish website Trong quá trình biên soạn, chắc chắn giáo trình còn nhiều thiếu sót. Tác giả rất mong nhận được ý kiến đóng góp của quý thầy/cô và các em học sinh, sinh viên để tiếp tục hoàn thiện hơn.

Xin chân thành cảm ơn quý đồng nghiệp, bạn bè đã có những ý kiến đóng góp trong quá trình biên soạn giáo trình này. Bà Rịa – Vũng Tàu, ngày …… tháng …… năm ……… Tham gia biên soạn 1. Nguyễn Phạm Ái Hương – Chủ biên 1 MỤC LỤC LỜI GIỚI THIỆU.3 BÀI 1: MÔI TRƯỜNG TẠO TRANG WEB TĨNH DREAMWAVER, THẺ HTML. Quản lý nội dung trong site.

Chọn vùng nhìn. Thẻ HTML cơ bản.14 CÂU HỎI, BÀI TẬP. 19 BÀI 2: TẠO TRANG WEB BẰNG HTML5. Sử dụng các thẻ ngữ nghĩa.

Sử dụng các thẻ mới của HTML5 trong Form. Sử dụng HTML5 GraphicsSVG. Sử dụng các HTML Media.26 CÂU HỎI, BÀI TẬP. 27 BÀI 3: HOÀN CHỈNH GIAO DIỆN TRANG WEB VỚI CSS.

Giới thiệu CSS và các loại CSS. Tạo và sử dụng CSS. Tạo định dạng chung cho trang web. Tạo giao diện trang web canh giữa trình duyệt.

Tạo hiệu ứng đổi định dạng cho menu. Tạo khung viền bo tròn cho nội dung.32 CÂU HỎI, BÀI TẬP. 32 BÀI 4: TÙY BIẾN GIAO DIỆN WEB VỚI CSS3.47 CÂU HỎI, BÀI TẬP. 48 BÀI 5: XỬ LÝ TƯƠNG TÁC VỚI JAVASCRIPTS.

Tổng quan Javascript. Sử dụng cấu trúc điểu khiển. Sử dụng mảng và hàm. 57 CÂU HỎI, BÀI TẬP.

61 BÀI 6: MỘT SỐ KỸ THUẬT THIẾT KẾ NÂNG CAO. Template trong Dreamwaver. Đối tượng nâng cao trong Javascript.67 CÂU HỎI, BÀI TẬP. 73 BÀI 7: TẠO GIAO DIỆN CHUYÊN NGHIỆP BẰNG JQUERY.

Tổng quan JQuery. Thay đổi nội dung, thuộc tính. Xử lý sự kiện. Tạo hiệu ứng và hoạt ảnh.83 CÂU HỎI, BÀI TẬP.

85 BÀI 8: PUBLISH WEBSITE. Đăng ký web hosting miễn phí. Publish web lên web hosting miễn phí. Publish web lên local IIS.87 CÂU HỎI, BÀI TẬP.

89 5 GIÁO TRÌNH MÔ ĐUN Tên mô đun: Thiết kế web Mã mô đun: MĐ18 Vị trí, tính chất, ý nghĩa và vai trò của mô đun:  Vị trí: được bố trí sau khi học xong các môn cơ sở và Đồ họa ứng dụng  Tính chất: Là module chuyên ngành của nghề công nghệ thông tin, cung cấp kiến thức và kỹ năng của một công việc trong quy trình xây dựng ứng dụng web  Ý nghĩa và vai trò của mô đun: cung cấp cho người học kiến thức và kỹ năng để thiết kế và lập trình nhúng xử lý tương tác cơ bản trên trang web với sự kết hợp của HTML5 và CSS3, lập trình nhúng xử lý cơ bản trên trang web bằng Javascript, thiết kế được giao diện trang web chuyên nghiệp với jQuery, … tạo và quản lý nội dung của website đáp ứng nhu cầu thực tế của doanh nghiệp. Mục tiêu của mô đun: Về kiến thức:  Biết tạo và quản lý nội dung của website trong phần mềm DreamWeaver.  Biết công dụng các thẻ HTML, HTML5, định dạng của CSS và CSS3  Có kiến thức cơ bản về JavaScript.  Biết công dụng của Jquery Biết quy trình pubish website lên internet.

Về kỹ năng:  Chia bố cục, thiết kế được các trang web bằng các thẻ HTML, HTML5, và định dạng của CSS và CSS3.  Lập trình nhúng xử lý tương tác cơ bản trên trang web bằng Javascript.  Sử dụng được Template, Navigation và menu trong Dreamweaver.  Thiết kế được giao diện trang web chuyên nghiệp với jQuery.

 Đăng ký được web hosting miễn phí  Publish được website lên Web Werver Về năng lực tự chủ và trách nhiệm:  Có tinh thần trách nhiệm, ý thức tổ chức kỷ luật, tác phong công nghiệp, tinh thần hợp tác trong công việc 6  Có tính chủ động, độc lập trong công việc, tự học cập nhật kiến thức, nâng cao trình độ chuyên môn.  Có khả năng tổ chức và điều hành một nhóm, đánh giá được các thành viên trong nhóm.  Rèn luyện tính cẩn thận, kiên trì, sáng tạo, độc lập và hoạt động nhóm.  Bảo đảm an toàn và vệ sinh cho người và thiết bị trong phòng máy.

Nội dung của mô đun: Thời gian (giờ) Số Thực hành, thí Tên các bài trong mô đun Tổng Lý Kiểm TT nghiệm, thảo số thuyết tra luận, bài tập Bài 1: Môi trường tạo trang web tĩnh 4 1 3 0 1 DreamWeaver, thẻ HTML 1. Quản lý nội dung trong site 0. Chọn vùng nhìn 0. Thẻ HTML cơ bản 2 0.5 0 2 Bài 2: Tạo trang web bằng HTML5 15 5 9 1 1.

Giới thiệu HTML5 0. Sử dụng các thẻ ngữ nghĩa 1. Sử dụng các thẻ mới của HTML5 trong 3. Sử dụng HTML Graphics SVG 4.

Sử dụng các HTML Media 4 1.5 0 Kiểm tra 1 0 0 1 Bài 3: Hoàn chỉnh giao diện trang web 13 4 8 1 3 với CSS 1. Giới thiệu CSS và các loại CSS 0. Tạo và sử dụng CSS 0. Tạo định dạng chung cho trang web 1.

Tạo giao diện trang web canh giữa trình 1. Tạo hiệu ứng đổi định dạng cho menu 4. Tạo khung viền bo tròn cho nội dung 3 1.0 2 0 Kiểm tra 1 0 0 1 4 Bài 4: Tùy biến giao diện web với CSS3 14 4 8 2 1.5 1 0 Kiểm tra 2 0 0 2 5 Bài 5: Xử lý tương tác với Javascript 12 2 8 2 1. Tổng quan Javascript 0.

Sử dụng cấu trúc điều khiển 6. Sử dụng mảng và hàm 2.8 2 0 Kiểm tra 2 0 0 2 6 Bài 6: Một số kỹ thuật thiết kế nâng cao 10 2 6 2 1. Template trong Dreamweaver 2 0. Navigation và Menu 2 0.

Đối tượng nâng cao trong Javascript 4 1.0 3 0 Kiểm tra 2 0 0 2 8 Bài 7: Tạo giao diện chuyên nghiệp bằng 18 3 13 2 7 jQuery 1. Tổng quan jQuery 1. Lọc chọn element 1. Thay đổi nội dung, thuộc tính 2.

Xử lý sự kiện 5 1 4 0 6. Tạo hiệu ứng và hoạt ảnh 5 1 4 0 Kiểm tra 2 0 0 2 8 Bài 8: Publish website 4 1 3 0 1. Đăng ký web hosting miễn phí 1. Publish web lên web hosting miễn phí 1.

Publish web lên local IIS 1.2 1 0 Cộng 90 22 58 10 9 BÀI 1: MÔI TRƯỜNG TẠO TRANG WEB TĨNH DREAMWEAVER Mã bài: 18.1 Giới thiệu: Adobe DreamWeaver là ứng dụng thiết kế web được sử dụng phổ biến nhất hiện nay. Adobe DreamWeaver hỗ trợ các chức năng mạnh mẽ cho cả người thiết kế và lập trình web. Mục tiêu:  Biết công dụng của từng thành phần trong DreamWeaver  Biết tạo và quản lý site  Biết quản lý nội dung trong site  Quản lý cẩn thận nội dung trong site, tránh xóa nhằm nội dung, site Nội dung chính: 1. Khởi động  Click đôi chuột lên biểu tượng Adobe DreamWeaver trên desktop  Vào Start  Programs  Adobe DreamWeaver Hình 1.

Giao diện Adobe DreamWeaver 1. Quản lý các palette  Vào menu Window  Chọn/bỏ chọn để hiện/ẩn palette. Vị trí hiển thị của các palette  Muốn mở rộng palette nào thì click chuột lên biểu tượng của palette đó  Click chuột lên biểu tượng để mở rộng tất cả palette 2. Quản lý các site Vào menu Site  Manage Sites.

Xuất hiện hộp thoại quản lý các site. Hộp thoại Manage Sites 2. Tạo site  Click chuột lên nút New Site  Đặt tên cho site, chọn ổ đĩa, thư mục chứa site rồi chọn Save trong hộp thoại Site Setup 12 Hình 1. Hộp thoại Site Setup 2.

Xóa site  Trong hộp thoại Manage Site, chọn site cần xóa trong danh sách  Click chuột lên biểu tượng Delete the current selected sites ( ) 3. Quản lý nội dung trong site 3. Cấu trúc site Mở rộng palette Files. Cấu trúc site cần tạo sẽ có nội dung như sau: Hình 1.

Cấu trúc site 3. Các loại tập tin trong site  .html: trang web, tài liệu html  .gif: tập tin hình ảnh, dùng để chèn, định dạng nền cho trang web, thường được đặt trong thư mục images 13  .css: tập tin định dạng cho trang web, thường được đặt trong thư mục styles  .js: tập tin javascript, chứa các đoạn mã thực thi trên trình duyệt, thường đượt đặt trong thư mục scripts 3. Quản lý thư mục, tập tin  Yêu cầu: tạo 03 thư mục images, scripts, styles và tập tin index.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ