Tập huấn công nghệ thông tin Web - thiết kế Web

Các thuật ngữ cơ bản, kiến thức cơ bản thiết kế web: HTML, CSS, một số công cụ thiết kế web MS Front Page, Dreamweaver 8, MS Expression Web, VS Studio 2005,..

Trang 1

TẬP HUẤN CÔNG NGHỆ

THÔNG TIN WEB - THIẾT KẾ WEB

Trang 2

Tại sao lại là WEB?

 Thông tin liên lạc mọi lúc, mọi nơi

 Giới thiệu quảng bá hình ảnh nhà trường, công ty,

 Thực hiện dịch vụ mua bán nhanh, thuận tiện,

Trang 3

Mục tiêu

 Nắm vững kiến thức cơ bản về www – internet

 Hiểu được thế nào là web, Web tĩnh, Web động

 Hiểu được các kiến thức cơ bản thiết kế web:

Trang 4

http://nguyenduccuong.com Slide 4 http://longcuong.com.vn

Trang 5

Tài nguyên

 Máy tính chạy Win 2000 hoặc cao hơn.

 Phần mềm TK Web: Dreamweaver MX, VS Studio,

 Trình duyệt: IE, Fire Fox,

Trang 6

Nguồn tham khảo

 Giáo trình thiết kế web – trường ĐH Công nghiệp

Trang 8

Trang 9

 Publish: làm cho trang web chạy trên internet

 URL(Unioform resource locator): một địa chỉ chỉ đến một file cụ thể trong nguồn tài nguyên mạng

Trang 10

Các thuật ngữ cơ bản

 Web: Một ứng dụng chạy trên mạng (Client-Server) tương tự ứng dụng khác Nhưng được chia sẻ toàn cầu thông qua mạng Internet và các dịch vụ của nó

 Web Page: tập tin được lưu với phần mở rộng

là html, htm (web tĩnh); aspx, php, (web động)

 Website: Một tập hợp nhiều web page, thể hiện

thông tin của một tổ chức hoặc một chủ đề nào đó

Trang 11

Tổng quan HTML

(tag), đoạn mã đặc biệt – là sự định dạng để báo cho trình duyệt Web biết cách hiển thị

 Cho phép liên kết các loại âm thanh, hình ảnh bên trong trang web

 HTML không phải là ngôn ngữ lập trình

 Trình soạn thảo trang web :Notepad,

 Hỗ trợ thiết kế: FrontPage, Dreamweaver,

 MS VS Studio,

Trang 12

Trang 13

Cấu trúc trang web

Trang 14

Một số các ví dụ

 Hiển thị tiêu đề web:

 <Title>Welcome to my web page</Title>

 Tạo heading cho văn bản

Trang 16

Trang 17

Thao tác trên trình duyệt

 Refresh (Reload) – F5

 Chỉnh kích cỡ - View/Text size (Zoom)

 Bảng mã – View/Encoding (Character Encoding)

 Lưu lại trang ưa thích- Favorites (Bookmark),

Trang 18

Một số phần mềm thiết kế web

 Notepad, Text pad,

Trang 19

Tạo siêu liên kết

 <a href=“tập tin liên kết”

target=“_blank”>object</a>

 _seft

 _top

 Tên cửa sổ

Trang 20

Web tĩnh – động

 Website tĩnh:

 Được thiết kế bằng kỹ thuật HTML (Hypertext

Mark-up Language) Chỉ đáp ứng được việc giới thiệu thông tin cho người dùng xem.

 Sử dụng thêm các kỹ thuật như Java Script, Flash Macromedia hay Animation Gif.

 ASP (Active Server Pages) chạy Windows

 PHP (PHP Hypertext Preprocessor) với Linux

 JSP (Java Server Page) – Linux, Window

Trang 22

Web site động

 Quảng bá công ty, nhà trường, cá nhân,

công ty có nhiều chi nhánh ở các vị trí khác nhau

 Công cụ cho nguời quản lý web: cho phép cập nhật thông tin mà không cần có kiến thức nhiều về TK web

 Diễn đàn trực tuyến: tạo tính chuyên nghiệp

Trang 24

Điều kiện thiết lập web động

Định dạng
Số trang	24
Dung lượng	259 KB