Thiết kế website với công cụ DreamWeaver

83 254 0
Thiết kế website với công cụ DreamWeaver

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Bài 3: Thiết kế website với công cụ DreamWeaver NỘI DUNG       Giới thiệu Macromedia Dreamweaver Thiết kế Web số công cụ Cách tạo liên kết (Hyperlink) Kỹ thuật thiết kế Frame Kỹ thuật Layout Sử dụng CSS để tạo số hiệu ứng trang Web MỤC TIÊU Sử dụng phần mềm DreamWeaver để:  Thiết kế trang Web tĩnh  Tạo hiệu ứng trang Web  Quản lý Website cục GIỚI THIỆU DREAMWEAVER 1) Tổng quan Dreamweaver:  Là phần mềm thiết kế Web chuyên nghiệp  Tương thích với nhiều đối tượng nhúng (Flash, Shockwave, Active X, …)  Hỗ trợ công cụ thiết kế trang Web động hiệu GIỚI THIỆU DREAMWEAVER 2) Khởi động Dreamweaver: Chọn Start → Programs → Macromedia → Dreamweaver GIỚI THIỆU DREAMWEAVER 3) Giao diện Dreamweaver: GIỚI THIỆU DREAMWEAVER 4) Chức thành phần: √ Thanh công cụ Document: Thiết kế HTML Thiết kế công cụ Thiết kế HTML công cụ Tiêu đề trang hành Thể lỗi thiết kế Quản lý file Xem thử kết trình duyệt Các tùy chọn thiết kế GIỚI THIỆU DREAMWEAVER 4) Chức thành phần: √ Thanh công cụ Insert:  Common: Tạo Tạo Tạo liên liên điểm Ảnh Ngày Mẫu kết kết neo đến địa Bảng Flash, Chú Thẻ lựa (table) ActiveX thích chọn mail GIỚI THIỆU DREAMWEAVER 4) Chức thành phần: √ Thanh công cụ Insert: Ngoài có nhóm công cụ khác: + Layout: cách bố trí, xếp thành phần + Forms: biểu mẫu + Text: định dạng văn + HTML: thẻ HTML + Application: ứng dụng Web động + Flash elements: thành phần Flash THIẾT KẾ TRANG WEB 1) Tạo lưu trang Web: √ Tạo trang Web: click HTML (Create New) Hoặc chọn menu File → New Xuất cửa sổ thiết kế MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Vào menu Text → CSS Styles → New  Đặt tên cho mẫu định dạng → click OK MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Đặt tên file CSS lưu Windows  Click nút Save để lưu file CSS MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Xuất hộp thoại cho phép định dạng tính chất text MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Type: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Background: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Block: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Box: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Border: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  List: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Positioning: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Tạo mẫu định dạng chung (CSS Style) cho text  Extensions: MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Text: Thao tác chung: + Chọn text cần định dạng theo mẫu + Chọn định dạng tạo Kết MỘT SỐ KỸ THUẬT 8) CSS (Cascade Style Sheet): √ Ngoài sử dụng CSS cho đối tượng khác như: hình ảnh, bảng … MỘT SỐ KỸ THUẬT 9) Form: Công dụng: + Giúp người dùng giao tiếp với WebServer thành phần Form + Các thành phần Form: • Label, Text Field, Text Area, Password Field • Check Box, Radio Button, Radio Group • List/Menu • Button, Image Field • Jump Menu MỘT SỐ KỸ THUẬT 9) Form: Thao tác tạo: + Thanh công cụ Insert: tab Forms → Form + Menu Insert: chọn Form → Form + Sau chèn thành phần vào Form (tùy theo yêu cầu công việc) cách sử dụng công cụ công cụ Insert – tab Forms/menu Insert – Form

Ngày đăng: 25/05/2017, 06:57

Mục lục

    THIẾT KẾ TRANG WEB

    MỘT SỐ KỸ THUẬT

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan