7.1. Sử dụng tiếng Việt Unicode trong các trang web
Để có thể tạo ra các trang web tiếng Việt sử dụng bảng mã Unicode, trước tiên phải đặt thuộc tính của trang sử dụng bảng mã Unicode. Trong FrontPage, chọn File/Page Properties/Language/HTML Encoding/Save the document as/UTF-8 hoặc xem meta tag trong phần đầu của trang web có thuộc tính charset là UTF-8 hay chưa. Ví dụ: <META HTTP-EQUIV="Content- Type" CONTENT="text/html; charset=utf-8">.
Để gõ được tiếng Việt, hãy sử dụng một trong các phần mềm hỗ
trợ như UniKey, VietKey và chọn bảng mã sử dụng là Unicode. Khi dùng bảng mã Unicode, chúng ta chỉ có thể dùng các font hỗ
trợ Unicode như Arial, Tahoma, Times New Roman, Verdana, …
7.2. Định dạng font trong các ô nhập liệu dropdown listbox, text area listbox, text area
Để thiết lập định dạng font mong muốn cho từng ô nhập liệu dạng này, click vào ô nhập liệu, chọn Form Field Properties/Style/Format/Font. Thiết lập bằng cách này sẽ tạo ra
thuộc tính style cho ô nhập liệu, ví dụ sau thiết lập font chữ cho một dropdown list box:
<SELECT SIZE="1" NAME="Occupation" STYLE="font-family: Arial; font-size: 10pt; color: #0000FF">
<OPTION SELECTED VALUE="0">Other</OPTION> <OPTION VALUE="1">Engineer</OPTION> <OPTION VALUE="2">Teacher</OPTION> <OPTION VALUE="3">Doctor</OPTION> <OPTION VALUE="4">Worker</OPTION> </SELECT>
7.3. Tại sao khi chọn Encoding của một trang web là UTF-8 thì các kí tự Unicode tiếng Việt không hiển thị UTF-8 thì các kí tự Unicode tiếng Việt không hiển thị đúng trong tab HTML của FrontPage 2000
FrontPage 2000 của bộ Office 2000 không hỗ trợ tính năng này, hãy dùng FrontPage trong bộ Office XP. Với FrontPage của Office XP, ta có thể xem được tiếng Việt trong tab HTML của trang web có Encoding là UTF-8.
7.4. Chuỗi kí tự dùng để làm gì
Đây là chuỗi kí tự dùng để chỉ khoảng trắng. Lưu ý rằng trình duyệt sẽ tự động bỏ qua các khoảng trắng dư trong quá trình soạn thảo do đó nếu muốn giữa 2 đoạn văn bản A và B có 3 khoảng trắng, ta soạn: A B.
7.5. Trong trang web có dùng frame, làm thế nào để biết
được khi click vào một hyperlink trong cửa sổ bên này, trang tương ứng sẽđược hiển thịở cửa sổ nào?
Mỗi frame đều có tên định nghĩa trong tập tin chung có tag <FRAMESET>, do đó trong mỗi tập tin cơ sở của frame, nếu muốn chỉ định cửa sổ sẽ hiển thị nội dung tập tin khi người dùng click vào hyperlink ta đặt thuộc tính TARGET trong tag <BASE>. Ví dụ: <BASE TARGET=”frContent”>. Điều này có nghĩa là khi click vào bất kì hyperlink trong tập tin này, nội dung của tập tin do hyperlink chỉ tới sẽđược hiển thị trong frame có tên là “frContent”
7.6. Tiếng Việt trong các phần mềm Swish, Button Studio, Xara WebStyle Studio, Xara WebStyle
Do trong các phiên bản của các phần mềm này chưa hỗ trợ
Unicode nên ta không thể dùng font Arial để hiển thịđược các kí tự
tiếng Việt được. Để hiển thị tiếng Việt, phải dùng các font VNI (dạng VNI-xxx) hoặc TCVN3 (dạng .vnxxx).
7.7. Các câu hỏi thường gặp khi dùng phần mềm MS FrontPage FrontPage
Hỏi: Tại sao khi hiển thị trang web, font chữ không hiển thị giống như trong lúc thiết kế của FrontPage
Trả lời: Có thể font hiển thị lúc thiết kế của FrontPage là Default font, do đó lúc hiển thị trên trình duyệt, trình duyệt sẽ lấy font mặc
định được thiết lập (ví dụ VNI-Times) trái với font mà FrontPage đã dùng cho default font (ví dụ Arial). Để tránh trường hợp này, bạn nên
đặt font cho các văn bản lúc thiết kế, tránh dùng default font.
Hỏi: Làm thế nào để vừa xem danh sách các thư mục khi đang
ở Page View
Trả lời: Nhấn vào nút Toggle Pane.
Hình 3. 52 – Vừa xem cấu trúc website trong Page View
7.8. Làm thế nào để rút ngắn thời gian tải ảnh
Khi đưa các đối tượng hình ảnh, video, … vào trang web, cần cân nhắc kĩ vì nó sẽ làm tăng kích thước của website, đồng thời sẽ
làm tăng thời gian tải trang web về. Các thủ thuật sau sẽ giúp cho việc đưa hình ảnh vào trang web hiệu quả hơn, tiết kiệm được thời gian tải về:
• Hiệu chỉnh kích thước của hình ảnh: Với các ảnh quá lớn, cần chỉnh lại kích thước (chiều rộng, chiều cao) của ảnh để làm kích thước ảnh nhỏ lại. Lưu ý là nếu ta chỉnh thông số kích thước chiều rộng, chiều cao của ảnh bằng cách đặt giá trị cho thuộc tính WIDTH và HEIGHT trong tag <IMG> thì thời gian tải về không đổi, chỉ khác là kích thước của ảnh hiển thị trên màn hình trình duyệt mà thôi.
• Chọn độ phân giải thấp hơn, màu ít hơn khi quét các ảnh vào từ máy quét.
• Chuyển sang lưu trữ dưới dạng JPEG và giảm chất lượng của
ảnh đến mức cho phép. Với cách này, dữ liệu được nén tốt hơn làm kích thước tập tin ảnh nhỏ hơn.
• Tạo thumbnail: Một thumbnail là một phiên bản của hình ảnh nhưng cho phép tải nhanh hơn. Nhìn vào phiên bản này, người dùng sẽ quyết định có cần thiết phải tải phiên bản hình
ảnh với kích thước thật hay không. Cách này thường dùng khi hiển thị các trang web nhiều hình ảnh.
• Sử dụng thuộc tính ALT trong tag <IMG>: thuộc tính này sẽ
hiển thị văn bản mô tả về hình ảnh, giúp người xem có thể
hình dung ra ý nghĩa của hình ảnh trong khi nó đang được tải về.
7.9. Các câu hỏi thường gặp khi dùng phần mềm Swish
Hỏi: Tại sao movie hiện ra khi chọn chức năng Test in Browser ra đoạn văn bản không giống nhưđoạn văn bản đã gõ trong lúc thiết kế mà toàn là mã
Trả lời: Bạn chưa đăng kí sử dụng phần mềm. Hãy đăng kí và export lại.
Hỏi: Có hai đoạn văn bản cùng hiển thị trên movie, làm thế nào
để hai đoạn văn bản này không bị hiển thị chồng lên nhau
Trả lời: Chọn Effect/Hide hoặc Effect/Show đểđiều khiển đoạn văn bản tương ứng là hiển thị hoặc dấu đi
Hỏi: Tại sao không chạy được movie tạo bằng Swish trên Internet Explorer?
Trả lời: Có thể máy chưa cài đặt Flash Player. Có thể cài đặt Flash Player từ phần mềm Macromedia Flash MX từ đĩa CD WebCourse.
Hỏi: Tại sao trang web có sử dụng movie tạo từ Swish hiển thị
rất lâu?
Trả lời: Trong trường hợp rất lâu thì có lẽ tập tin .swf chưa tồn tại hoặc đường dẫn đến tập tin .swf khai báo trong đoạn mã HTML (giữa cặp tag <OBJECT>) chưa chính xác. Hãy kiểm tra lại tập tin .swf tương ứng đã tồn tại hay chưa và đường dẫn đến tập tin này đã
được khai báo đúng hay chưa.
Bài tham khảo
BẢY BƯỚC THIẾT KẾ TRANG WEB
ẤN TƯỢNG VÀ HIỆU QUẢ
Mặc dù việc thiết kế trang web đòi hỏi phải có nhiều khả năng về
mỹ thuật, tuy nhiên vẫn có thể đưa ra một quá trình thiết kế để có thể giúp bạn tăng khả năng tạo ra các trang web hiệu quả và ấn tượng. Có thể nhiều người sẽ cho rằng việc đưa ra các bước trong quá trình thiết kế sẽ làm mất đi quá trình sáng tạo, điều này có lẽ đúng đối với những nhà thiết kế giỏi, những người có quá trình thiết kế và sáng tạo của riêng họ. Nhưng với những người không được
đào tạo bài bản và thực hành nhiều thì việc nghiên cứu xem người khác thiết kế và ứng dụng các bước đó như thế nào có thể sẽ giúp ích rất nhiều cho họ.