Trước đây DreamWeaver là phần mềm thiết kế web có thể nói rất chuyên nghiệp nhưng cũng cực kỳ khó khăn bởi đây là một công cụ đòi hỏi bạn phải viết lập trình và phải biết viết mã HTML.
Mục lục
Những khó khăn khi tự học làm web với Dreamweaver
Hiện nay rất nhiều bạn muốn tự học thiết kế web với dreamweaver trong khi không có chuyên môn về lập trình. Chính vì vậy sau khi học một thời gian thấy nãn vì nó khó và không biết hỏi ai.
Đồng ý đây là một công cụ hỗ trợ kéo thả giao diện. Tuy nhiên để làm giao diện đó đẹp và động thì bạn phải học thêm các ngôn ngữ lập trình như Php, MySQL… đó là một chặn đường dài chỉ dành cho những ai có đam mê với nghề lập trình viên mà thôi.
Hướng dẫn thiết kế giao diện web bằng Dreamweaver
Trong phần tiếp theo của bài viết, chúng tôi sẽ hướng dẫn bạn các bước cơ bản để khởi tạo website, cũng như thiết kế giao diện web bằng Dreamweaver một cách nhanh chóng, cơ bản và dễ dàng.
Bước 1: Tiến hành tải và cài đặt Dreaweaver cho máy tính của bạn
Bước 2: Thiết lập trang web
Sau khi download và cài đặt thành công, các bạn mở Dreamweaver ra, trên thanh menu các bạn chọn Site, sau đó chọn New Site.
Ở thao tác này, một hộp thông tin sẽ hiện ra. Việc bạn cần làm là điền vào đây tất cả các thông tin cần thiết.
- Trong ô Site Name: Điền tên Site
- Trong ô Local Site Folder: Tạo Folder riêng để lưu các file trong Site. Các bạn có thể chọn ổ đĩa bất kỳ miễn sao bạn cảm thấy thuận tiện.
Khi bạn đã tạo được Folder thì các bạn bắt buộc phải click vào biểu tượng file bên cạnh để lưu lại.
Sau đó bạn tiếp tục chọn Save để lưu lại các thao tác vừa thực hiện.
Như vậy bạn vừa tạo được một file php đơn giản. Nhưng công việc của bạn chưa kết thúc tại đây mà các bạn cần phải tiếp tục tạo một sever trên Dreamweaver nếu bạn muốn trang web của mình hoạt động được trên tất cả các trình duyệt.
Bước 3: Tạo Server
Bạn click vào dấu “+” ở cuối bảng điều khiển (bảng điều khiển ở bước 2)
Lúc này hộp thư thoại mới và bạn cũng điền các thông tin cơ bản như sau:
Trong ô Basic các bạn chọn mục:
- Server name: Tên của Server
- Connect using: Các bạn gõ Local/Network.
- Sever Folder: Các bạn sẽ gõ đường dẫn đến server. Bạn có thể sử dụng đường dẫn là C:wampwww.
- Tại thư mục C:wampwww: Bạn sẽ tạo một Folder mới trùng với tên mà các bạn tạo ở mục Server Name. Sau khi tạo xong các bạn lưu ý phải click vào thư mục bạn vừa tạo và chọn biểu tượng file ở bên cạnh để lưu lại.
- Web URL: Đường link cho Web, các bạn sẽ tự tạo đường này, thông thường thì nó có dạng http://localhost/ sau đó là tên server.
Tại ô Advanced :
Bạn chọn Automatically upload files to server on Save => chọn Save.
Tại mục Advanced Setting: các bạn thay đổi thông tin như hình sau:
- Local Info: bạn click vào ô Default Images Folder – tại đây bạn sẽ tạo một file Images.
- Links Relative To: Các bạn click chọn SiteRoot.
Bước 4: Nhấn “Save”
Nhấn Save để lưu lại toàn bộ quá trình vừa thực hiện kể trên.
Như vậy là chúng tôi đã hướng dẫn xong cho bạn các bước thiết kế giao diện web bằng Dreamweaver cơ bản.
Add a Comment