Logo

Hotline: 0842 272 868

ĐC: 1039/11/48 Kp2, P. Tân Hiệp, Tp. Biên Hòa, T. Đồng Nai
Kinh doanh: congnghecit@gmail.com - Hỗ trợ: citdecor@gmail.com
  • Trang chủ
  • Giới thiệu
  • Dịch vụ
    • Dịch vụ SEO
    • Thiết kế logo
    • Thiết kế website
    • Thiết kế catalogue
    • Giải pháp phần mềm
    • Thiết kế Hồ Sơ Năng Lực
    • Dịch vụ Quảng cáo online
  • Dự án
    • Dự án SEO
    • Thiết kế logo
    • Thiết kế website
    • Thiết kế Catalogue
  • Kiến thức
    • SEO/SEM
    • Thuật toán
    • Tin thiết kế
    • Quản trị mạng
    • Bảo mật – CEH
    • Thiết kế website
    • Content Marketing
    • Viết lên cuộc sống
    • Social Media Marketing
  • Mẫu web
    • Mẫu Bán Hàng
  • Liên hệ
Logo
  • Trang chủ
  • Giới thiệu
  • Dịch vụ
    • Dịch vụ SEO
    • Thiết kế logo
    • Thiết kế website
    • Thiết kế catalogue
    • Giải pháp phần mềm
    • Thiết kế Hồ Sơ Năng Lực
    • Dịch vụ Quảng cáo online
  • Dự án
    • Dự án SEO
    • Thiết kế logo
    • Thiết kế website
    • Thiết kế Catalogue
  • Kiến thức
    • SEO/SEM
    • Thuật toán
    • Tin thiết kế
    • Quản trị mạng
    • Bảo mật – CEH
    • Thiết kế website
    • Content Marketing
    • Viết lên cuộc sống
    • Social Media Marketing
  • Mẫu web
    • Mẫu Bán Hàng
  • Liên hệ
Trang chủTin thiết kế websiteThiết kế website bằng phần mềm Adobe Dreamweaver CS5 – Phần 3

Thiết kế website bằng phần mềm Adobe Dreamweaver CS5 – Phần 3

Phần 3 sẽ giới thiệu đến các bạn cách tạo một template, đây là một trang không thể thiếu trong việc thiết kế website bằng Dreaweaver, vì nó giúp tạo ra một cấu trúc nhất quán cho cả hệ thống website và thay đổi cấu trúc này dễ dàng, nhanh chóng hơn…

11. Cách tạo Template

Hình 19. Tạo template cho Website

Trong việc thiết kế web, bạn sẽ thiết kế một trang chủ và hệ thống gồm rất nhiều trang con. Để trang chủ và các trang con đều có cấu trúc nhất quán với nhau, bạn phải tạo một trang gọi là template. Khi đó muốn thay đổi nội dung cho toàn bộ Website, bạn chỉ cần đơn giản thay đổi nội dung ở trang template và cập nhật lại cho toàn bộ Website với những thao tác thật đơn giản.

Tập tin template tạo ra sẽ có phần đuôi là .dwt và nó sẽ mặc định đặt trong Templates folder. Để tạo một template, bạn tiến hành như sau:

Khởi động Dreamweaver. Vào menu File, chọn New. Ở Page Type > chọn HTML template sau đó bấm vào nút Create để mở một trang mới lên (hình 19).

Tiếp theo, bạn khai báo các thông tin về website mới bằng cách vào Site, chọn Manage Sites, sau đó chọn New trong cửa sổ tiếp theo để khai báo.

Tối thiểu cần khai báo một số thông tin sau (hình 20)

– Site name: tên Website.

– Local root folder: thư mục gốc trên máy.

– Default images folder: thư mục mặc định dành cho hình ảnh.

Hình 20. Chọn thư mục lưu trữ Website

Sau khi khai báo xong chọn Save và bắt đầu tạo template. Khi xác định thành phần nào trong web là không thay đổi, bạn sẽ tạo trang web với những thành phần đó, sau đó chọn File > Save as Template.

Ngoài ra, bạn cũng có thể tạo ra một template từ một trang web đã thiết kế trước đó bằng cách mở trang web đó lên bằng Dreamweaver, tiến hành khai báo Site mới cho trang web đó và chọn File > Save as template. Sau đó đặt tên cho template vừa tạo.

Tiếp theo, bạn xác định các vùng có thể thay đổi được như sau:

– Chọn vùng có thể thay đổi được bằng cách bấm chuột vào bảng của vùng đó (vùng được chọn sẽ có viền màu đen đậm bao quanh).

–  Chọn Insert > Tenplate > Editable Region (hình 21).

Hình 21. Chọn vùng thay đổi trên template

–  Đặt tên cho vùng vừa chọn và bấm OK trong cửa sổ tiếp theo.

Cuối cùng, chọn File > Save để lưu lại trang template vừa tạo.

12. Tạo trang web mới từ template

Bây giờ, bạn có thể tạo ra trang web đầu tiên từ template vừa tạo.

Chọn File > New. Trong cửa sổ hiện ra, chọn Page from Template và chọn File Template vừa tạo sau đó bấm nút Create (hình 22).

Lưu ý, các tập tin tạo ra từ template chỉ có thể soạn thảo ở vùng Editable Region mà bạn đã chọn lúc tạo template. Còn các vùng khác thì sẽ không được phép thay đổi.

 

Hình 22. Tạo trang web mới từ template

Ngoài ra , khi đã tạo xong template với đầy đủ nội dung và liên kết thì bạn lưu thay đổi trên template này. Dreamweaver sẽ xuất hiện hộp thoại nhắc nhở có muốn cập nhật thay đổi  trên các trang dùng template này hay không, bấm Update để cập nhật.

13. Đưa website lên hosting

Sau khi đã hoàn tất việc thiết kế một trang web, bạn tiến hành đưa trang web lên mạng Internet để thử nghiệm và chia sẻ thông tin. Đối với trang web thiết kế bằng Dreamweaver trong loạt bài này, để đưa website lên mạng bạn làm như sau.

Dùng phần mềm FileZilla FTP Client đưa trang web lên hosting. Khởi động FileZilla FTP Client nhập các thông tin cần thiết để kết nối với hosting.  Trong cửa sổ chương trình có 4 khung chính như hình 23

Hình 23. Cửa sổ chương trình FileZilla

– Trong khung số 1, tìm đến đường dẫn chứa bộ web (trong hình là thư mục Web server).

– Trong khung số 2, tìm và duyệt đến thư mục htdocs (đối với byethost) hoặc thư mục public_ html đối với 000webhost,….

– Trong khung thứ 3, lần lượt bấm chuột phải vào từng tập tin, thư mục (hoặc bấm Ctrl + A để chọn tất cả) và chọn Upload.

Đợi cho chương trình tải toàn bộ trang web lên hosting. Thời gian nhanh hay chậm tùy theo dung lượng tập tin, số lượng tập tin cần tải lên nhiều hay ít. Lưu ý, đối với Byethost thì có nhiều thư mục htdocs, bạn phải duyệt đến thư mục htdocs nằm trong thư mục tên miền và tập tin index.html phải nằm trong thư mục htdocs.

Sau khi chương trình tải xong, bạn mở trình duyệt lên và nhập vào địa chỉ web đã đăng ký, sẽ thấy được thành quả lao động của mình.

Thiết kế website bằng phần mềm Adobe Dreamweaver CS5 – Phần 3
Đánh giá

cit group

Hotline: 0842 272 868 – 0922 272 868 – 0977 373 471
Đc: 1039/11/48 Kp2, P. Tân Hiệp, Tp. Biên Hòa, T. Đồng Nai
Email: congnghecit@gmail.com    –    hotro@congnghecit.com
Website: https://congnghecit.com – http://congnghecit.vn – http://congnghecit.net
Website: https://citgroup.vn – https://citdecor.vn – https://thicongquangcaodongnai.net

28 Lượt xem 2018-05-02 09:52

Tin mới

9 Xu hướng thiết kế bao bì mới nhất doanh nghiệp nên biết

17/03/2019

Chuyên gia tư vấn thương hiệu tăng doanh số cho bạn như thế nào?

28/03/2019

5 cách xây dựng thương hiệu với ngân sách hạn chế

18/03/2019

8 Quan niệm sai lầm khi thiết kế logo bạn cần tránh

17/02/2019

Làm thế nào để sản phẩm của bạn nổi bật số 1 trên kệ hàng?

25/02/2019

Những nguyên tắc cơ bản khi thiết kế website chuyên nghiệp phần 1

25/01/2019

8 gợi ý thiết kế bao bì nhãn mác mỹ phẩm cuốn hút

02/03/2019

“Tính người” ở trong thiết kế website và thiết bị – thiết kế web Biên Hòa

17/01/2019

Những kinh nghiệm thiết kế logo thực phẩm

29/05/2018

5 điểm tiếp xúc thương hiệu doanh nghiệp cần đầu tư

01/02/2019

CTY TNHH GIẢI PHÁP CÔNG NGHỆ C.I.T

Trụ sở: 8F/16, Tổ 16, KP.3, P. Trảng Dài, TP. Biên Hòa – Đồng Nai.

Văn Phòng: 1039/11/48 Kp2, P. Tân Hiệp,TP. Biên Hòa – Đồng Nai.

citgroup.vn – citdecor.com – thicongquangcaodongnai.net

congnghecit.com – congnghecit.net – congnghecit.vn

 0842 272 868 – 0922 272 868 – Zalo: 0977 373 471

Dịch vụ SEO

Thiết kế website

Thiết kế Catalogue

Thiết kế Logo thương hiệu

Tư vấn lập trình phần mềm

Tư vấn chiến lược Digital Marketting

Website trong hệ thống

citgroup.vn

citdecor.com

congnghecit.vn

congnghecit.net

thicongquangcaodongnai.net

Vũ Văn Chí, STK: 0481  000  694  742, Ngân Hàng Vietcombank  Đồng Nai

Công ty TNHH giải pháp Công Nghệ CIT, STK: 858 2 868, Ngân Hàng ACB Biên Hòa.

    • Hotline: 0842 272 868
    • Nhắn tin qua Zalo
    • Nhắn tin qua Facebook