[HTML] Thiết kế web với HTML (Bài 1)

Xin chào các ban!
Mình là Tùng, hôm này mình xin giới thiệu các bạn một Series Hướng dẫn của mình về HTML(5) -> CSS(3) -> PHP -> MySQL về thiết kế web. Hy vọng trong series này sẽ giúp các bạn học từng bước từ Cơ bản nhất đến nâng cao trong thiết kế web.

Mình viết một Series thế này để các bạn theo dõi. Trong phần HTML này mình sẽ hướng dẫn các bạn sử dụng HTML để thiết kế web, sau đó mình sẽ hướng dẫn các bạn sử dụng CSS để trang trí website và cuối cùng là sử dụng PHP kết hợp MySQL để có thể tạo ra website tương tác với người dùng :)

Bài hôm nay mình sẽ chia làm 2 phần. Phần 1 thì mình giới thiệu HTML là gì? và phần 2 thì mình sẽ hướng dẫn các bạn cần những công cụ nào để thiết kế web.

HTML là gì?

HTML là viết tắt của Hyper Text Markup Language (Ngôn ngữ đánh dấu siêu văn bản). Một tài liệu HTML thường có đuôi mở rộng là .html hoặc .htm và tất nhiên đó là 1 trang web.

Các trang web HTML có thể đọc được bằng các trình duyệt web (Web Browse) khác nhau, bạn có thể sử dụng IE (Internet Explore), Google Chrome, Firefox, Safari, Opera,...

Ngôn ngữ HTML có ưu điểm là rất đơn giản và có thể chạy tốt với nhiều hệ điều hành và nhiều trình duyệt web khác nhau. Tuy mỗi trình duyệt do 1 hãng khác nhau sản xuất và có 1 cách biên dịch trang web khác nhau nhưng nói chung đều cho 1 kết quả tương tự nhau.

Ngoài ra HTML được sọan thảo rất đơn giản, không cần chương trình chuyên dụng, chỉ cần notepad (trong windows) và textedit trong Mac OS hoặc bất kỳ chương trình sọan thảo văn bản nào. Chỉ cần save nó với định dạng .htm hay .html.

Tuy nhiên mình sẽ không hướng dẫn các bạn xài notepad, mình sẽ hướng các bạn đi theo hướng lâu dài + chuyên nghiệp hơn. Trong các bài hướng dẫn của mình từ HTML, CSS, PHP mình sẽ hướng dẫn các bạn xài 100% là bằng công cụ Sublime Text (Công cụ này đơn giản, hiệu năng tốt, nhanh,..), các bạn tập sử dụng công cụ này thì sau này sẽ nhanh + hiệu quả hơn :)

Làm thế nào để thiết kế web?

Vâng! Như đã nói ở trên, các bạn cần chương trình soạn thảo nào đó để có thể thiết web, và mình đã dùng Sublime Text 2 để thiết kế.

Các bạn có thể Tải phần mềm này mục download: Đây

Và hướng dẫn sử dụng sơ qua Sublime Text tại: Đây

Và bạn phải có một Trình duyệt web như IE, Safari, Google Chrome, Firefox. Trong series này mình sẽ dùng Firefox kết hợp với add-on là firebug để các bạn có thể có cách nhìn tổng quan nhất.

LỜI KẾT

Bài 1 mình đã giới thiệu cho các bạn về HTML và công cụ sử dụng để thiết kế web. Nếu các bạn có thắc mắc gì thì có thể để bình luận ở dưới hoặc có thể vào Diễn đàn hỏi đáp để có thể gửi thắc mắc :)
Nguồn: Tự Học IT Online - http://tuhocit.net