TẠO TRANG WEB BÁN HÀNG

9.TẠO TRANG WEB BÁN HÀNG

(NGÀY 8.11.2013)

Trang Web bán hàng là Trang Web trong đó khung EditRegion bạn tạo Table có nhiều Ô  và trong một Ô chèn hình – tên hình – giá – và liên kết hoặc thêm một số chi tiết khác. Ở đây Út Bỉnh trong lúc hướng dẫn các bạn sẽ sáng tạo các Ô giới thiệu từng phần mềm đang học.

Bài này Út Bỉnh đã có viết trong giáo trình Dreamweaver 8 bài số 31 nhưng phương pháp học của Út Bỉnh đối với thầy dạy như sau: Trong lúc thầy dạy Út Bỉnh đã tạo phim ghi hết 100% không sót nội dung bằng phần mềm Ghi màn hình Camtasia và sau đó biên tập lại thành bài viết hoàn chỉnh. Ngoài ra Út Bỉnh còn ôn tập lại bằng cách tạo một video hướng dẫn upload lên YouTube. Nếu gặp bài khó thì Út Bỉnh soạn lại vài viết lần thứ 2 trước khi dùng phần mềm Windows Movie Maker tạo phim.

Muốn biết Trang Web bán hàng như thế nào các bạn có thể nhập từ khóa và xem trực tiếp trên mạng để có khái niệm cụ thể.

1.KHẢO SÁT

Khi thiết kế trang Web điều quan trọng là bạn cần tham khảo các trang trên mạng để lọc các cái hay của từng trang web đúc kết thành của riêng mình. Cách làm này hiệu quả nhất và nhanh nhất.

• Ở đây là trang: http://sjcsaigon.com/

Bạn thấy cột Menu và kế bên là nội dung của từng menu. Khung trưng bày tạo Table chia nhiều Ô bằng nhau. Trong mỗi Ô có Nút liên kết và hình.

• Trang: http://www.vatgia.com/ngoclamcamera . Bạn thấy cộ menu bên trái và Khung EditRegion giới thiệu mặt hàng bên phải. Mỗi Ô gồm : hình – tên – giá và nút liên kết.

2.CHUẨN BỊ

1. Ô mặt hàng : Dùng Table tạo 6 Ô gồm 3 cột và 2 hàng. Mỗi Ô tôi giới thiệu một phiên bản của Photoshop gồm : Photoshop CS2 – CS3 – CS4 – CS5 – CS6 và CC. Trong mỗi Ô có chèn tên và nút liên kết đến Chi tiết phần mềm – link download. Do Khung EditRegion có W 750 nên Út Bỉnh tạo mỗi Ô W 250. Mỗi Ô có: Ảnh – Tên – Nút liên kết Giới thiệu – Nút liên kết Softwares.

TẠO ẢNH

• Cách lấy hình trên mạng: Nhập từ khóa: logo photoshop cs2 > Enter > Bấm chọn một hình > Nút xem hình ảnh > Bấm phải chọn Save Images As > Lưu trong một folder tạo sẵn tại Desktop. Các hình còn lại thực hiện giống các bước này. Bạn đã sưu tầm 6 logo của Photoshop để làm dữ liệu chèn hình.

o   Dùng Photoshop hiệu chỉnh 6 ảnh: Mở Chương trình Photoshop bất kỳ phiên bản nào > File > Open > Đến 6 ảnh > Chọn công cụ Crop > Nhập W: 250 px – H: 250 px và Resolution 300 px > Rê lên ảnh và Enter. Bạn đã có ảnh 250 X 250 px.

o   Tạo viền cho ảnh: Menu Images > Canvas Size > Nhập giá trị theo hình > Chọn màu viền > Ok > Save As > Chọn folder cũ > Ok > Ok. Đã thay thế ảnh cũ.

o   Tiếp tục tạo 5 ảnh còn lại theo cách hướng dẫn trên. Bấm lên folkder ảnh bạn có 6 ảnh đồng kích cở 250 X 250 px. Basm61 Save

• Lưu ảnh: Bạn phải chọn Save for web (Alt+Shift+Ctrl+S) > Chọn JPEG và LOW > Enter để có ảnh nhẹ dung lượng mau hiện ra và download nhanh. Nhìn góc đáy trái chỉ có: 5,437 KB > Save.

o   Lưu 6 ảnh vào folder images của Web:Copy 6 ảnh > Vào Folder www/ new_4/Templates/images > Dán 6 ảnh vào đây.

TẠO NÚT LIÊN KẾT

• Tìm nút: Váo mạng gỏ: button rectangular > Enter. Tạo folder tên: nut tại Desktop > Vào Images > Images Size chọn Width 100 – Height 30px >  và lưu 2 nút chọn lựa thích hợp. Rename đặt tên 2 nút.

• Photoshop chèn chữ lên Nút: Sau khi nhập chữ vào bạn dùng Layer Style hiệu chỉnh trang trí chữ > Save for web.
• Lưu 2 nút vào folder images của Web: Copy 2 nút > Vào Folder www/ new_4/Templates/images > Dán 2 nút vào đây.

3.THIẾT KẾ

TẠO VÙNG THAY ĐỔI

Tạo Vùng Thay Đổi:Bấm Tag table > td (cả khung bên phải)> Đã chọn khung Thay Đổi > Insert > Templates Objects > EditRegion > Ok > Save All > Update > Close. Sau khi tạo xong thì file Photoshop.php mới nhấp con trỏ vào được để bắt đầu thiết kế.

Hủy Vùng Thay Đổi:  Bôi đen Văn bản EditRegion > Code > Delete > Save All > Update > Bấm lên EditRegion > Chọn Nowhere > Ok > Close.

Khi tạo Localhost trong máy tính của bạn, bạn có thể tạo nhiều Site và đặt tên: new_1, new_2, new_3, new_4. Bây giờ tôi chọn new_4 để thực tập bài này (Vào: AppServ/www/new_4).

TẠO MENU VÀ CÁC TRANG TƯƠNG ỨNG

• Tạo Menu va Trang Photoshop: Bấm Shortcut Dreamweaver 8.
• Tạo Menu: Chọn trang index.dwt.php > Bấm cột menu đứng bên trái > Vert chọn Top > Nút Table > Nhập giá trị theo hình > Ok.

• Đổ màu cho Ô menu: Bấm lên Ô menu vừa tạo > Ô Background Color > Quả cầu màu > Chọn màu > Ok > Ô menu đã có màu vừa chọn.

o   Tạo thêm các Ô Menu: Bấm lên Ô Menu vừa tạo > Bấm phím Tab nhiều lần để tạo nhiều Ô Menu > Nhập văn bản: PhOTOSHOP vào Ô menu > Hiệu chỉnh văn bản.

• Tạo Trang Photoshop có tên tương ứng với  tên Menu Photoshop: File > New > Tab Templates > Site new_4 > Bấm lên index > Create > Save All > Nhập: Photoshop > Save > Update > Close. Bạn đã thấy trang Photoshop.php trong Panel Files. Bạn tiếp tục tạo các Trang tương ứng với tên menu còn lại.
• Tạo liên kết từng tên Menu với Trang tương ứng: Bôi đen PHOTOSHOP cần tạo liên kết > Bấm nút Folder Browse for file > Bấm lên Photoshop.php > Ok. Tên Menu PHOTOSHOP đã có gạch dưới. (đã có liên kết với trang Photoshop.php). Bạn tiếp tục tạo liên kết các menu còn lại > Save All > Update > Close > Preview.

TẠO NỘI DUNG CHO TRANG PHOTOSHOP

• Tạo 6 Ô: Mở trang Photoshop.php > Bấm vào Khung EditRegion để tạo 6 Ô > Chọn Table > Nhập giá theo hình.(

o  Tạo 3 hàng mỗi Ô: Hàng trên cùng là ảnh - Giữa là tên và dưới là 2 nút liên kết. Sau khi tạo 3 hàng của Ô 1 bạn copy và dán qua Ô 2 và Ô 3.

• Chèn ảnh Photoshop CS2  vào Ô 1: Bấm Hàng trên cùng của Ô 1 > Nút Images > Đến ảnh Photoshopcs2 > Ok > Ok. Ảnh đã được chèn vào dóng trên cùng của Ô 1. Bạn tiếp tục chèn ảnh còn lại vào các Ô.

·         Nhập văn bản vào Dòng 2 của Ô 1 và các Ô khác.

·         Chèn 2 nút liên kết vào Dòng 3 của Ô 1 và các Ô khác: Nút Images > Đến nơi lưu nút > Chèn xong nút canh giữa > Copy và dán vào các Ô khác.

TẠO LIÊN KẾT CHO CÁC NÚT

Có nhiều kiểu tạo liên kết. Các bạn xem lại bài số 16. Hiện nay các Host free ngoài việc cung cấp Link URL cho file văn bản và file ảnh còn có cho các bạn xem nội dung của nó trước khi bấm download nội dung về máy tính của bạn.

Lợi điểm này giúp cho bạn không cần chứa file văn bản và hình ảnh trong trang Web khiến cho trang Web nhẹ đi dễ xem nhanh và download cũng nhanh. Trước khi tạo liên kết bạn upload dữ liệu lên Host free và dán Link vào Ô Link. Người xem chỉ nhấp lên nút liên kết và đọc nội dung trực tiếp trên Host Free.

Do đó khi tạo liên kết thường chọn kiểu liên kết ngoài tức là nối trực tiếp với Mạng.

1.Tạo 2 nút  liên kết cho PHOTOSHOP CS2:  Liên kết Ngoài và liên kết trong

• Liên kết ngoài với Trang Web lấy URL: Bấm nút Softwares > Nhập Link URL trong Ô Link > Save All > Preview > Bấm nút vừa tạo liên kết > Xuất hiện nội dung của nó. Cách tìm nội dung để tạo liên kết:  Vào mạng nhập: download photoshop cs2 full. Lấy link URL của Trang Web này nhập vào Ô Link.

• Liên kết trực tiếp đến file văn bản trong máy tính: Bấm nút Giới thiệu > Rê nút Point to file đến Trang GiaotrinhVideo.doc > Đã xuất hiện văn bản trong Ô Link > Save All > Preview > Bấm nút vừa tạo liên kết. Đã thấy nội dung văn bản liên kết. Chú ý: Văn bản liên kết này được chèn trong đường dẫn: www/new_4/Templates/Documents. (Bạn tạo một folder Dicuments trong Templates).

Tóm Lại:

Đây không phải là một trang Web bán hàng nhưng tựu trung cũng giống như vậy có nghĩa là bên Khung Vùng Thay Đổi bạn có thể tạo các Ô rồi chèn Hình – tên – giá cả - liên kết vào. Khi bấm lên một menu bên trái sẽ hiển thị các Ô quảng cáo hàng và người xem bấm lên liên kết khi muốn tìm hiểu chi tiết món hàng.

Việc thiết kế và chèn nội dung cho các Menu còn lại cũng thực hiện giống các bước trên.

Việc cuối cùng sau khi thiết kế hoàn tất trang Web là Upload Localhost này lên Hosting của bạn. Host có thể là Host Free hoặc Host Mua. Phương thức Upload có 2 cách. Up bằng File Mozilla (Xem bài số 29) và bằng Host Mua (xem bài số 30).

QUAN TRỌNG

Bạn cần rename file:

index.php thành Trangchu.php Và Rename trang Photoshop.php thành index.php

trước khi tạo file zip cho Source. 

Download 43 bài viết tại: https://shared.com/xeinhfeljd?s=dd

UPLOAD TRANG WEB LÊN HOST

Đến AppServ/www/new_4 > Bấm phải lên > Send To > Compressed (zipped) folder > Đã tạo ra file.zip > Vào Host > Chọn public_html > Nút Upload > Browse > Đến file .zip > Chờ Upload > Khi thông báo xong bấm dòng Back to /home/utbinhde/public_html > Đã thấy file.zip > Bấm lên chọn nút Extract > Extract files > Close > Đã thấy foder source Web.

Xem kết quả : http://utbinhdesign.com/new_4/index.php

BÀI TÓM TẮT CÁC BÀI HỌC TRƯỚC THIẾT KẾ WEB DREAMWEAVER 8

2.BÀI TÓM TẮT CÁC BÀI HỌC TRƯỚC

THIẾT KẾ WEB DREAMWEAVER 8

NGÀY 22.10.2013

Xem Video hướng dẫn: http://goo.gl/OeJ58Q

Download Sách Free thứ 34: DREAMWEAVER 8, thiết kế Web

http://goo.gl/MievS1

Út Bỉnh viết Bài Tóm Tắt này nhằm rút gọn những điều cần thiết cần phải làm trong lúc tạo một Website. Riêng giáo trình thì dài hơn để bạn đọc tham khảo. Nó rất có ích vì bạn sẽ thấy ngắn gọn, hiệu quả và dễ thực  hiện. Bạn mua một quyển sách giỏi lắm là bạn chỉ thu hoạc được 20% của nội dung của nó là cao lắm, nội dung còn lại không giúp ích gì cụ thể cho bạn. Riêng Bài Tóm Tắt này thì bạn đọc sẽ tận dụng 100 % nội dung của nó.

I.CÁCH ĐÓNG MỞ CÁC THANH CÔNG CỤ, CÁC BẢNG ĐIỀU KHIỂN

1.Đóng mở các thanh

Nhấp phải lên chổ trống > Xuất hiện danh sách các thanh > Đánh dấu chọn các thanh để hiển thị  > Hoặc bấm lên Custom Favorites để  lựa chọn ưa thích.

2.Đóng mở các Bảng Điều Khiển

Bấm Menu Window > Xuất hiện danh sách các Bảng Điều Khiển > Bấm chọn một hoặc nhiều Bảng Điều Khiển > Khi không cần dùng nửa bấm lên Window > Bấm tên BĐK không cần dùng.

3.Các thanh chèn công cụ

Bạn bấm lên xổ xuống của một thanh chèn.

Xuất hiện danh sách các thanh chèn cho từng lo công cụ. Muốn sử dụng hoặc thôi sử dụng bấm chọn tên thanh chèn chần thiết.

4.Nới rộng hoặc thu hẹp Khung Thiết Kế:

Bạn rê thanh đứng giữa Khung Thiết Kề và Panel Files để nới rộng hoặc thu hẹp không gian thiết kế hoặc bấm lên nút tam giác đen nhỏ ở giau74 thanh.

5.Cách xem Tab của từng Ô:

Khi bạn bấm lên một Ô bạn thấy Tab dưới đó bôi đen thông báo Tab đang chọn > Bám Tab <tr> trước nó > Bạn thấy Ô bôi đen có nghĩa đang chọn Ô đó > Bấm phải lên > Xuất hiện danh sách menu để bạn chọn. Bấm Tab trước đó > Bạn đã chọn cả Table Layout. Và bấm Tab Body > Toàn bộ đã được bôi đen.

6.Cách xem Preview:

Nhập tiêu đề > Bấm nút Save hoặc Save All > Bấm

7.Sau khi Ghost: Phải cài lại AppServ.

·         Bạn phải tạo Site mới: Có tên giống tên Source cũ (là utbinh), bấm Manage Sites > Remove  các tên site khác > Bấm New > Nhập thông tin qua các Cửa sổ> Khi đến đoạn chèn tên Site mà không hiệu quả bạn bấm chọn notes > Sau khi tạo xong qua các cửa sổ xuất hiện bảng Manage Site > Bấm Done.

·         Khi cài AppServ trong Ổ D, nó tạo một file cấu hình tại Ổ C\Windows\php.ini.

8.Bạn có thể cài 2 AppServ tạo Localhost:  Bạn rename AppServ đã cài trước đó và cài thêm AppServ mới để 2 tên không trùng. Sau đó bạn tạo thoải mái các Site trên 2 AppServ này.

9.Các Tools trả về mặc định: Vào View > ToolBars > Standard

10.Trả Designer về mặc định: Window > WorkSpace Layout > Designer.

11.Thông báo lỗi Unicode: Modify > Page Properties > Title/Encoding > Unicode (UTF-8).

12.Upload lên Host mua : Tạo file nén Zip cho Source > Trong Permission chọn hết > Sau khi Upload xong nhớ giải nén.

13.Upload bẳng FileZilla : Tạo File nén Zip  Upload > Upload xong vào Host Mua bung nén.

14.Tạo Banner :  Các file hình càng nhỏ càng tốt, kích cở khoảng 1.000 X 250 pixels > Có thể tạo bằng GIF sau đó dùng ACD See convert thành JPEG.

15.Bấm Ctr+Z nhiều lần : Trả về tình trạng trước đó.

II.THIẾT KẾ WEBSITE

1.Download và cài đặt Dreamweaver 8 (58,48 MB):

Vào: http://goo.gl/ZysL98. Sau khi download thành công, giải nén. Bấm lên file cài đặt (66,567 MB). Cài đặt qua vài bước rất đơn giản. Bấm file keygen lấy serial dán vào Ô Serial. Như vậy là bạn đã có bản Full sử dụng lâu dài.

2.Download và cài đặt AppServ tạo Localhost (16,80 MB):

Bạn có thể cài nhiều lần. Mỗi lần cài chương trình này nhớ Rename tên chương trình đã cài. Nên cài trong Ổ C để không bị mất dữ liệu khi Ghost.

• Cài đặt: Bấm lên file cài đặt > Next > I Agree > Chọn Ổ D > Ok > Next > Next > Ô Server name nhập: localhost – Ô Administrator nhập: admin@yahoo.com > Next > Ô Enter root password nhập: 123456 – Ô Re enter root password nhập: 123456 – Đánh dấu Enable InnoDB > Install > Finish.
• Tạo Database: Vào trình duyệt > Nhập localhost > Enter. Xuất hiện trang The AppServ Open, bấm hàng đầu tiên: phpMyAdmin database Manger Version 2.10.3 > User name nhập: root – Password nhập: 123456 > Ok. Ra trang Localhost, Ô Collation chọn: utf8-unicode_ci – Ô Create new database nhập: new_2 (đây là tên của database cũng là tên Site) > Nhấp nút Create. Bạn đã thấy tên Database new_2 vừa tạo kèm số 0 có nghĩa là chưa có dữ liệu nào trong Tab Database.

3.Tạo tên Site (cũng là tên trang Web) :

Bấm shortcut chương trình Dreamweaver tại Desktop > Xuất hiện giao diện > Vào menu Site > New Site > Dòng what would you like…nhập tên Site là : new_2 – Dòng What is the http… nhập: http://localhost/new_2  > Next. Chọn Yes I want to use…- Bấm xổ xuống chọn PHP MyAdmin > Next. Chọn Edit and test - Bấm nút Browse > Trong folder www tạo một folder mới tên new_2 > Nếu ra ngoài không thấy đường dẫn có new_2 bạn phải nhập lại new_2 giống như đường dẫn này: D:\AppServ\www\new_2 > Next. Nhập new_2 và bấm nút Test URL > Xuất hiện thông báo: The UL Prefix test was  successful > Ok > Next > Chọn No và bấm Next > Xuất hiện CS Summary, bấm Done. Bạn đã thấy tên Site vừa tạo là new_2 trong Panel files.

4.Tạo file index.php:

Bấm phải Site new_2 > Chọn New file > Nhập: index.php > Enter.  Bạn vừa tạo xong Trang index.php. Nhấp đúp lên. Bên phải thấy Tab index.php đang mở và đồng thời dưới đó là Khung Thiết Kế trống. Bạn thấy có 3 Tab: Code: Chỉ hiển thị Code các đoạn mã – Tab Split hiển thị vừa Code vừa Design – Tab Design hiển thị khung trắng cho bạn thiết kế lên đó. Khung Title để bạn nhập tiêu đề cho từng trang khi mở ra trên trình duyệt nó hiển thị trên cùng.

5.Tạo Bố Cục cho trang Web (Tạo Layout):

Thông thường mỗi Website thường có bố cục như sau: Gồm 4 hàng: Hàng trên cùng chứa Banner quảng cáo – Hàng thứ 2: Chứa Menu ngang – Hàng thứ 3: Chứa Ô Menu đứng và bên phải là Ô Contents thay đổi nội dung – Hàng cuối: Chứa thông tin trang Web.

• Tạo Table:  Trong hàng thanh chèn, bấm xổ xuống chọn Common > Bấm nút Table > Xuất hiện CS Table, bạn nhập giá trị theo hình > Ok.

• Tạo từng hàng:
• Hàng Banner có Height 250 pixels: Rê chọn 2 Ô trên cùng> Bấm nút Merges (góc đáy trái) > Ô H nhập 250 > Enter. Đổ màu: Bấm Ô Background Color > Chọn một màu > Enter.

o   Hàng Menu ngang: Merge 2 Ô lại > H nhập 50 > Đổ màu.(có thể chọn nhiều màu bằng cách bấm lên hình quả cầu nhiều màu) rồi chọn một màu.

o   Hàng thứ 3: Nhấp ô bên trái là Ô Menu đứng > W nhập 150 > H nhập 800 > Chọn màu > Enter. Nhấp ô bên phải là Ô Contents chứa nội dung thay đổi > Chọn màu > Enter.

• Xem kết quả: Bấm Ctrl và dấu - để thu nhỏ Trang Bố cục vừa tạo > Ô Align chọn Center để dời vào giữa.
• Cách xem Tab của từng Ô: Khi bạn bấm lên một Ô bạn thấy Tab dưới đó bôi đen thông báo Tab đang chọn > Bám Tab <tr> trước nó > Bạn thấy Ô bôi đen có nghĩa đang chọn Ô đó > Bấm phải lên > Xuất hiện danh sách menu để bạn chọn. Bấm Tab trước đó > Bạn đã chọn cả Table Layout. Và bấm Tab Body > Toàn bộ đã được bôi đen.

6.Cách xem Preview:

Nhập tiêu đề > Bấm nút Save hoặc Save All > Bấm nút Trình duyệt

Bấm Ctrl và dấu - để thu nhỏ Bố cục dể quan sát.

7.Tạo 5 tên Menu trong thanh Menu ngang

• Tạo 5 Ô: Bấm trỏ vào thanh menu ngang > Chọn nút table > Nhập giá trị theo hình > Ok. Vào ô H nhập 50 > Ok. Bấm Tab <tr> để chọn 5 ô > Đổ màu cho 5 Ô.

o   Tạo tên cho từng Ô: Bạn nhập TRANG CHỦ - GIỚI THIỆU – TIN TỨC - SẢN PHẨM – LIÊN HỆ CHO TỪNG Ô.

o   Canh chỉnh:  Bấm Tab <tr> chọn hết các Ô > Bấm Center canh giữa > Bấm B chữ đậm > Ô Size chọn một kích cở > Preview.

• Tạo thêm Thanh menu ngang dưới đó:  Bấm chọn Tab <table> để chọn thanh Menu ngang trước đó > Bấm nút Table > Nhập giá trị giống trước đó và H=50 > Enter.Bạn đã có thanh Menu ngang đồng kích cở.

8.Tạo Folder Templates

• Chọn vùng thay đổi: Thường là Ô Contents nơi thường xuất hiện nội dung của từng menu hoặc của một Link liên kết nào đó. Bấm lên Ô Contentes > Khi bạn bấm vào thấy con trỏ đang nằm bên trái giữa, vào Ô Vert chọn Top > Con trỏ đã ở góc trái trên cùng.
• Tạo Folder Templates: Menu Insert > Template Objects > Editable Religion (Ctrl+Alt+V) > Bấm Ok. Xuất hiện tên EditRegion1.

• Tạo file index.dwt.php: Insert > Template Objects > Make Template > Xuất hiện của sổ Save As Template, chọn tên mặc định index > Save > Ok. Trong panel  files bạn đã thấy folder Tempaltes > Bấm lên > Xuất hiện file index.dwt.php > Bấm lên file này > Bên trái đả có tên index.dwt.php và nội dung bạn đã thiết kế trước đó.

9.Tạo các Trang có tên tương ứng với các tên Menu

• Vào menu File > New > CS New from Tempalte xuất hiện, chọn Tab Templates > Chọn Site new_2 > Bấm lên index > Bấm nút Create.

• Bấm nút Save All > Xuất hiện CS Save As, Nhập Trangchu > Save. Bạn đã thấy file Trangchu.php trong panle files.

• Bạn tạo lần lượt các Trang còn lại: Gioithieu – Tintuc – Sanpham – Lienhe và bạn thấy tên các Trang này xuất hiện trong panel files.

10.Tạo liên kết từng tên Menu với trang tương ứng

• Bấm file index.dwt.php > Bôi đen TRANG CHỦ > Bấm folder Browse for file.

• Xuất hiện CS Select File, Bấm lên Trangchu.php > Ok. Tên menu TRANG CHỦ có gạch dưới (đã có liên kết với trang Trangchu.php).

• Tạo các liên kết còn lại: Tạo liên kết tên Menu GIỚI THIỆU với trang Gioithieu.php cũng thực hiện giống các bước trên. Tạo các liên kết còn lại cho Menu TIN TỨC - SẢN PHẨM – LIÊN HỆ. Sau khi tạo xong các liên kết cho từng Menu, bấm Save All > Bấm Update > Close > Preview. Bạn thấy các tên menu đều có gạch dưới (đã liên kết với trang tuong ứng).

11.Tạo nội dung cho từng Menu

Sau khi bạn đã tạo xong liên kết cho từng Menu và Trang tương ứng, khi bạn bấm lên từng menu bạn không thấy kết quả hiển thị. Có nghĩa là không thấy nội dung của từng menu vì bạn chưa chèn nội dung cho từng Menu.

• Bấm Trangchu.php > Xuất hiện Tab Trangchu.php và nội dung bên dưới, bạn nhập: ĐÂY LÀ NỘI DUNG TRANG CHỦ. Sau đó bạn có thể nhập nội dung khác . Sau đó bạn bấm Save All > Preview > Bấm lên liên kết để xem nội dung của nó.

• Bạn tiếp tục tạo nội dung cho từng Trang Web bằng cách bấm lên từng trang và nhập nội dung vào. Sau cùng bấm save All > Preview. Bấm lên từng liên kết sẽ thấy nội dung của từng trang. Như vậy là bạn đã tạo menu thành công.