Tài liệu hướng dẫn thiết kế website cá nhân EasyVN - Khái niệm về HTML

Chia sẻ: danghuuhoa88

Khái niệm về HTML HTML là chữ viết tắt của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản). Đây là các đoạn mã để tạo ra trang web. Ví dụ:

Bạn đang xem 7 trang mẫu tài liệu này, vui lòng download file gốc để xem toàn bộ.

Nội dung Text: Tài liệu hướng dẫn thiết kế website cá nhân EasyVN - Khái niệm về HTML

Tài liệu hướng dẫn thiết kế website cá nhân EasyVN
(Bài 5)

HTML


- Khái niệm về HTML
- Dùng Word 97 để tạo HTML
- Dùng Word 2000 để tạo HTML (mô tả chi tiết)
- Dùng Word XP để tạo HTML
- Dùng Word 2003 để tạo HTML
- Dùng Frontpage để tạo HTML
- Đưa HTML lên website
- Cập nhật trang web (Update)

Ghi chú: Nhấp vào menu File, chọn Web Page Preview để xem dễ dàng hơn


Khái niệm về HTML Lên trên

HTML là chữ viết tắt của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản).
Đây là các đoạn mã để tạo ra trang web. Ví dụ:



Xin chao cac ban



Việc học HTML để tự soạn ra nội dung trang web đòi hỏi nhiều công sức và thời gian.
Chúng ta có thể dùng các chương trình thông dụng như Word, Frontpage để thiết kế trang web.
Sau đó copy mã HTML từ các chương trình này để đưa lên trang web của bạn.
Như vậy sẽ tiết kiệm được thời gian kết nối với Internet.
Khi cần bổ sung hoặc chỉnh sửa nội dung trang web, chỉ cần thực hiện việc này trong Word hoặc
Frontpage, sau đó đưa lên website.

Hầu hết những người dùng máy tính thông thường đều có thể sử dụng chương trình Word để trình bày
một văn bản, trong văn bản ngoài chữ còn có thể có hình ảnh, . . .
Ngoài Word, nhiều người cũng có thể dùng chương trình Frontpage.

Mục đích của tài liệu này là giúp cho người dùng biết một số nguyên tắc để tạo ra nội dung trang web
bằng Word và Frontpage, cách lấy mã HTML để đưa lên website.
Chúng tôi không đi vào chi tiết cách sử dụng 2 chương trình này.

Ghi chú: Khi đưa tiếng Việt vào nội dung trang web, các bạn nên sử dụng các chương trình gõ tiếng Việt
như Vietkey, Unikey. Tốt nhất là dùng các font Unicode (như Arial, Verdana, Times New Roman, . .) hoặc
font VNI-Times, chúng tôi chưa hỗ trợ các font khác.


Dùng Word 97 để tạo HTML Lên trên

Mở Word 97, nhấp vào menu File, chọn New, chọn Web pages, sau đó chọn Blank Web Page như hình
sau đây:




1
Sau khi soạn nội dung, lưu trang web như sau:
Nhấp vào menu File và chọn Save as
Xin lưu ý, các hình ảnh trong trang web sẽ được giữ nguyên tên ban đầu và nằm trong cùng một folder
với trang web.
Sau khi lưu trang web, nhấp vào menu File, rồi chọn Web Page Preview.
Bạn sẽ thấy được nội dung dưới dạng web.
Nhấp vào menu View, chọn Source, bạn sẽ thấy được toàn bộ mã HTML của trang web.


Dùng Word 2000 để tạo HTML Lên trên




Mở Word 2000, nhấp vào menu File, chọn New, sau đó chọn Webpage.




2
Bạn sẽ nhận được màn hình soạn thảo như sau:




Bạn soạn nội dung trang web tương tự như khi soạn văn bản.
- Soạn tiếng Việt: Ghi nhớ chỉ dùng font unicode (Arial, verdana, Times New Roman, Tahoma)
hoặc font VNI-Times. Không dùng các font khác.
- Nên dùng table để dễ quản lý chữ và hình ảnh.
- Muốn đưa hình ảnh vào, nhấp vào menu Insert, chọn Picture, sau đó chọn From file.

Sau đây là một ví dụ:




3
Sau khi soạn xong lưu dưới dạng Webpage: Nhấp vào menu File, sau đó chọn Save as Web page.

Ghi chú:
Ví dụ bạn đặt tên cho trang web là trang1 và đặt trong folder website (C:\website).
Nếu trong trang web của bạn có gắn hình ảnh, các hình ảnh sẽ được chứa trong folder có tên là
trang1_files, và được đặt tên là image001, image002,. .
Bạn cần nhớ vị trí này, để khi đưa lên website, bạn cần phải chọn các vị trí này.




Sau khi lưu trang web, bạn cần xem nội dung dưới dạng web.
Nhấp vào menu File rồi chọn Web Page Preview.
Bạn sẽ xem được trang web dưới dạng web.
Khi đưa lên website bạn sẽ nhìn thấy nội dung tương tự như vậy.

Lấy mã HTML: Khi đang xem duới dạng Web Page Preview, nhấp vào menu View, chọn Source.
Bạn sẽ nhận được toàn bộ mã HTML của trang web.
4
Đây là nội dung bạn cần đưa lên website.











EasyVN xin chào các bạn








EasyVN xin chào các
bạn
  [endif]>

[endif]>

  [endif]>

Chúc các bạn thành
công






Xem chi tiết ở phần Đưa HTML lên website




Dùng Word XP để tạo HTML Lên trên

Dùng Word XP, cũng tương tự như Word 2000, chỉ khác ở phần đầu tiên là cách chọn một
Blank Web Page, xem hình sau đây:




Dùng Word 2003 để tạo HTML Lên trên

Dùng Word 2003, cũng tương tự như Word 2000, chỉ khác ở phần đầu tiên là cách chọn một
Blank Web Page.
Mở Word 2003, nhấp vào menu file, chọn New, bạn sẽ nhận được hình sau đây:




7
Nhấp vào mục Web page để thiết kế trang web.
Sau khi thiết kế xong,



Dùng FrontPage để tạo HTML Lên trên

Mở FrontPage, bạn có sẵn một trang web để thiết kế, như sau:




Sau khi thiết kế xong, lưu trang web bằng cách nhấp menu File, chọn Save As.
Sau khi lưu, bạn có thể xem trang web bằng cách nhấp vào mục Preview.

8
Hoặc lấy mã HTML bằng cách nhấp vào mục HTML.

Xin lưu ý: Các hình ảnh đưa vào trang web, khi lưu vẫn giữ tên như cũ và vẫn ở vị trí gốc trước đây chứ
không đưa vào cùng folder với trang web.



Đưa HTML lên website Lên trên

Sau khi có được mã HTML. Copy mã HTML này.

Login vào website của bạn.
Mở trang web bạn muốn thiết kế.
Nhấp vào nút HTML.




Bạn sẽ mở được trang sau đây:




Copy mã HTML vào ô trống, sau đó nhấp vào nút OK.
Ghi nhớ, copy tất cả các mã HTML, không bỏ sót một chữ nào.

Nếu trang web của bạn có chứa hình ảnh, bạn sẽ nhận được yêu cầu gởi File sau đây:




9
Nhấp vào nút Browse để chọn file, sao đó nhấp vào nút OK.
Nếu có nhiều hình ảnh thì phải lặp lại thao tác này nhiều lần, để đưa hình ảnh lên website.

Xin lưu ý:


Đối với Word 2000, Word XP và Word 2003, các hình ảnh được đặt tên lại là image001, image002, . .
và được chứa trong folder tenfile_files.
Ví dụ: Tên file là trang1 thì folder là trang1_files.
Bạn phải chọn đúng file thì các hình ảnh mới đưa lên được website.

Sau khi đưa tất cả các hình ảnh lên website, bạn sẽ thấy được kết qủa như sau:




Cập nhật trang web (Update) Lên trên

Muốn cập nhật trang web, bạn chỉ cần soạn lại nội dung trong Word.
Và lặp lại các thao tác đưa HTML lên website như trên.
Đối với hình ảnh:
- Các hình ảnh cũ đã có sẵn trên server, bạn có thể giữ nguyên này hoặc cập nhật chúng.
- Các hình ảnh mới: Bạn phải đưa lên website.

10
Website: http://www.easyvn.com
Email: help@easyvn.com




11
Đề thi vào lớp 10 môn Toán |  Đáp án đề thi tốt nghiệp |  Đề thi Đại học |  Đề thi thử đại học môn Hóa |  Mẫu đơn xin việc |  Bài tiểu luận mẫu |  Ôn thi cao học 2014 |  Nghiên cứu khoa học |  Lập kế hoạch kinh doanh |  Bảng cân đối kế toán |  Đề thi chứng chỉ Tin học |  Tư tưởng Hồ Chí Minh |  Đề thi chứng chỉ Tiếng anh
Theo dõi chúng tôi
Đồng bộ tài khoản