Giáo trình thiết kế web - Thiết kế web với Dreamweaver

NỘI DUNG

1. Nội dung khóa học

2. Website! Bạn là ai ?

3. Adobe Dreamweaver

NỘI DUNG KHÓA HỌC

1. Tìm hiểu các khái niệm về website

2. Sử dụng thành thạo các thanh công cụ trong Dreamweaver

3. Sử dụng Dreamweaver để tạo và định dạng các văn bản, hình ảnh, siêu liên kết, multimedia, … trên website

4. Sử dụng CSS để định dạng webiste

5. Tạo template với Dreamweaver

6. Quá trình publish website lên host

7. Tìm hiểu các thành phần mở rộng khác trong Dreamweaver

Website! Bạn là ai ?

Khái niệm

• Website là một tập hợp các web page được gắn kết với nhau bởi các đường dẫn siêu liên kết, trong đó mỗi web page là một tập tin HTML (XHTML).

• Web page đầu tiên khi người xem truy cập vào một website gọi là trang chủ (homepage) của website đó.


Các thành phần chính của một website

• Tên miền (Domain name) là định danh của website trên Internet. Các loại tên miền: .COM.VN, .ORG.VN, .GOV.VN, .EDU.VN, …

• Hosting (web hosting) là nơi lưu trữ nội dung của website

• Web content (mã nguồn của website) là thành phần tạo nên giao diện (văn bản, hình ảnh, video, …) và các chức năng của một website


• Dựa vào mục đích sử dụng, một website sẽ gồm 2 thành phần chính:

Front end

Back end


Front end

• Phần giao diện phía ngoài nơi mọi người đều có thể trông thấy khi gõ đúng địa chỉ của website vào trình duyệt. Chứa một web page đặc biệt là FrontPage hay còn gọi là trang chủ.

• Giao diện đẹp, bố cục đa dạng phong phú nhằm thu hút người xem.


Back end

• Phần dành riêng cho người quản trị website, để truy cập được phần back-end đòi hỏi phải truy cập đúng đường dẫn và đăng nhập đúng tài khoản quản trị của website.

• Quản trị các nội dung cho trang web, cấu hình menu, quản lý người dùng, ngôn ngữ, …

• Giao diện và bố cục được thiết kế tương đối đơn giản.


• Phân loại website:

Website tĩnh

Website động


Website tĩnh

• Đặc điểm: website tĩnh được thiết kế bằng kỹ thuật HTML, không sử dụng các hệ quản trị cơ sở dữ liệu.

• Ưu điểm: truy cập nhanh, chi phí đầu tư tương đối thấp.

• Khuyết điểm: nội dung nhàm chán; khó tích hợp, nâng cấp và mở rộng


Website động

• Đặc điểm: websie động sử dụng các hệ quản trị cơ sở dữ liệu và các ngôn ngữ lập trình cấp cao

• Ưu điểm: nội dung luôn được cập nhật, tương tác cao đối với người sử dụng

• Khuyết điểm: tốc độ chậm hơn so với các website tĩnh

Adode Dreamweaver

• Giới thiệu về phần mềm

• Hướng dẫn download và cài đặt phần mềm Adobe Dreamweaver CS6

• Cách khởi động và thoát khoải Dreamweaver

Địa chỉ

Phòng

Quản gia

Khách Khu đất

Giáo trình thiết kế web - Thiết kế web với Dreamweaver

Technology

Transcript of Giáo trình thiết kế web - Thiết kế web với Dreamweaver