1. Về kiến thức: Mục tiêu môn học giúp sinh viên miên tả được khái niệm cơ bản về Internet và Website; Nguyên lý cơ bản trong thiết kế website; Các cấp độ phát triển một ứng dụng Website; Ngôn ngữ sử dụng để thiết kế Website. Biết các sử dụng hệ thống quản trị nội dung WordPress trong thiết kế Web. Xây dựng được trang web thương mại điện tử trên Word Press. Thực hiện các kỹ thuật SEO để tăng thứ hạng trên bộ máy tìm kiếm.
  2. Về kĩ năng: Biết cách thiết kế và triển khai ứng dụng web thương mại điện tử trên WordPress.
  3. Về thái độ: Yêu cầu chú ý nghe giảng trên lớp, tích cực nghiên cứu tài liệu, thực hành ở nhà và tham gia thảo luận.

Chuẩn đầu ra theo CDIO:

Giải thích được thiết kế Web là gì. Cách tạo ra một Website. Triển khai được 1 Website Thương mại Điện Tử trên ứng dụng WordPress. Tùy chỉnh các tính năng của Web trên WordPress về Theme (Giao diện), Menu, Plug-in, Cài giỏ hàng, Tối ưu hóa  trang Web với kỹ thuật SEO nhằm tăng thứ hạng trong bộ máy tìm kiếm.

  1. Năng lực tự chủ và trách nhiệm:
  • Có khả năng tự định hướng, thích nghi với các môi trường làm việc khác nhau;
  • Tự học tập, tích lũy kiến thức, kinh nghiệm để nâng cao trình độ về những vấn đề lý luận, thực tiễn liên qua đến ngành CNTT và Thương Mại Điện Tử;
  • Có năng lực đánh giá và cải tiến các hoạt động chuyên môn ở quy mô trung bình.
  1. Tóm tắt nội dung học phần

Môn học trang bị cho người học những kiến thức cơ bản về Internet, cách tạo một website dùng các công nghệ HTML, CSS,  và ứng dụng WordPress. Người học được rèn luyện các kỹ năng thiết kế website trên ứng dụng WordPress.

Học phần gồm:

Chương 1. Tổng quan về thiết kế web và Ngôn ngữ HTML

Chương 2: Cascading Style Sheets (CSS)

Chương 3: JavaScript

Chương 4: Hệ thống quản lý nội dung WordPress

Chương 5: Quản lý các thành phần cơ bản trong WordPress

Chương 6: Một số mở rộng nâng cao trong WordPress

  1. Nội dung chi tiết học phần

Chương 1. Tổng quan về thiết kế web

  • Giới thiệu chung về Internet
  • Các dịch vụ cơ bản của Internet
  • Khái quát về World Wide Web
  • Quy trình phát triển một ứng dụng Web
  • Giới thiệu về HTML
  • Một số lưu ý khi thiết kế và xuất bản website HTML

1.6.1. Trang mã nguồn HTML và trang Web.

1.6.2. Cấu trúc của các tài liệu HTML.

1.6.3. Các thẻ HTML

– Các thẻ xử lý văn bản

– Các thẻ ảnh

-Thẻ liên kết và thẻ nhúng

– Các thẻ đa phương tiện audio- video

– Các thẻ tạo bảng – tạo khối

– Các thẻ mở rộng HTML5

1.6.4. Các quy tắc chung.

 Chương 2. Cascading Style Sheets (CSS)

2.1. CSS là gì?

2.2. Cú pháp CSS

2.3. Áp dụng CSS vào trang HTML

2.4. Các nhóm thuộc tính trong CSS

2.4.1. Thuộc tính định dạng font chữ, văn bản (font, text)

2.4.2. Thuộc tính định dạng nền (background)

2.4.3. Mô hình hộp (box model)

2.4.4. Các thuộc tính định margin, padding, border

Chương 3. JavaScript

3.1 Tổng quan về Javascript.

3.1.1. Giới thiệu ngôn ngữ Javascript.

3.1.2. Những ứng dụng của Javascript.

3.1.3. Khai báo và biên tập mã nguồn Javascript.

3.2. Cú pháp trong Javascript.

Chương 4. Hệ thống quản trị nội dung WordPress

  1. Tổng quan về WordPress CMS
    • Giới thiệu hệ thống quản lý nội dung (CMS)
    • Một số phần mềm CMS
    • Giới thiệu WordPress CMS.
  2. Quy trình phát triển WordPress và triển khai online.
  3. Tổng quan các thành phần trong WordPress.
    • Giao diện người dùng và quản trị (Front End/ Back End).
    • Trang cấu hình WordPress.
    • Tùy chỉnh cấu hình chung (General Setting).
    • Tùy chỉnh bài viết (Writing Setting).
    • Tùy chỉnh dữ liệu đa phương tiện (Media Setting).

            Chương 5. Quản lý các thành phần cơ bản trong WordPress

  1. Quản lý các danh mục (Categories).
    • Thêm, xóa và sửa một danh mục.
    • Hiển thị các danh mục lên Website.
  2. Quản lý các bài viết (Posts).
    • Thêm, xóa và sửa một bài viết.
    • Xem trước nội dung bài viết đang biên tập.
    • Xuất bản một bài viết lên Website.
  3. Quản lý dữ liệu đa phương tiện (Media).
    • Quản lý thư viện lưu trữ dữ liệu đa phương tiện (Media).
    • Thêm, xóa và sửa một tập tin đa phương tiện.
  4. Quản lý các trang web (Pages).
    • Thêm, xóa và sửa một trang.
    • Xuất bản một trang lên Website.
  5. Quản lý một số thành phần khác.
    • Quản lý Tag. Quản lý Link.
    • Quản lý Comment.

      Chương 6. Một số mở rộng nâng cao trong WordPress

6.1 Sử dụng Plugin trong WordPress

6.1.1 Khái niệm Plugin trong WordPress.

6.1.2. Tìm kiếm và xem các plugin.

6.1.3. Cài đặt Plugin.

6.1.4. Cấu hình và tùy chỉnh Plugin.

6.2 Plugin Thương mại điện tử Woocommerce

6.2.1 Thiết  lập giỏ hàng.

6.2.2 Thực hiện quản trị giỏ hàng.

6.2.3 Sử dụng các trang trong Woocommerce

6.2.4 Thực thiện qui trình thêm một sản phẩm

6.2.5 Sử dụng chức năng mua hàng và thanh toán.

6.2.6 Thao tác các thiết lập cài đặt trong Woocommerce

6.2.7 Thiết lập menu cho giỏ hàng

6.3. Tùy chỉnh giao diện WordPress (Appearance).

6.3.1. Theme trong WordPress.

  • Khái niệm Theme.
  • Quản lý Theme.
  • Tùy chỉnh Theme.

6.3.2. Widget trong WordPress.

  • Khái niệm Widget.
  • Quản lý Widget.

6.3.3. Tùy chỉnh background.

6.4. Quản lý người dùng.

6.4.1. Phân quyền và quản lý vai trò người dùng (User Roles).

6.4.2. Thêm, xóa và sửa một người dùng trong hệ thống.

6.4.3. Quản lý thông tin cá nhân của người dùng.

  • Tài liệu

– Sách, giáo trình chính:

[1] Lê Minh Hoàng (2007) ‘Thiết kế web với CSS’, Nhà xuất bản Lao động – Xã Hội.

– Sách tham khảo:

[2] Nguyễn Trường Sinh, Thực hành JavaScrip (cho Web), NXB Lao động Xã hội, 2003

[3] Phạm Thị Nhung (2008), Lập Trình Web Với HTML Và JavaScript, Trung tâm tin học trường Đại Học Khoa Học Tự Nhiên.

[4] Tutorials Point (2015), WordPress Toturials Point Simply Easy Learning, Tutorials Point Pvt. Ltd.

[5] Nico Julius (2013), WordPress For Beginner: The Missing Guide, published by WPBrix.

[6] www.w3schools.com: Nơi tham khảo chính cho các cú pháp HTML, CSS và JavaScript với mục đích thiết kế giao diện Web. Ngoài ra, còn hướng dẫn một số ngôn ngữ lập trình Web như ASP.NET và PHP ở mức căn bản.

Sinh viên đăng ký thông tin cá nhân bằng quét mã QR  qrcode dang kyhoặc bấm link tại đây Đăng ký

Tài nguyên khóa học

Link download dreamweaver 2020 ko cần crack

Slide bài giảng

Bài tập thực hành. Từng buổi học lấy bài tập thực hành tương ứng

Phần mềm hỗ trợ học trực tuyến với Zoom 

Instructor

User Avatar TokTips

0.0
0 total
5
0
4
0
3
0
2
0
1
0

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *