Xin chào các bạn!

Hôm nay mình sẽ hướng dẫn bài tiếp theo trong loạt bài viết: "Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao", bài trước mình đã hướng dẫn các bạn cài đặt WAMP trên Windows và MAMP trên MAC và cách cài đặt Wordpress lên localhost.

Bài này mình sẽ giới thiệu các chức năng của Admin trong wordpress và hướng dẫn các bạn thiết lập cơ bản.

Bài viết của mình là hình nên nếu load hơi chậm, bạn vui lòng đợi nó load xong nhé :)

Nếu có thắc mắc gì vui lòng để lại Comment bên dưới, mình sẽ trả lời sớm.
Nguồn: Tự Học IT Online - http://tuhocit.net

bài 3· Bài Viết· Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao· Open Source· Thiết kế web· thiết kế wordpress· Web (WWW)· Wordpress

[Bài 3] Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao

Xin chào các bạn!

Hôm nay mình sẽ hướng dẫn bài tiếp theo trong loạt bài viết: "Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao", bài trước mình đã hướng dẫn các bạn cài đặt WAMP trên Windows và MAMP trên MAC và cách cài đặt Wordpress lên localhost.

Bài này mình sẽ giới thiệu các chức năng của Admin trong wordpress và hướng dẫn các bạn thiết lập cơ bản.

Bài viết của mình là hình nên nếu load hơi chậm, bạn vui lòng đợi nó load xong nhé :)

Nếu có thắc mắc gì vui lòng để lại Comment bên dưới, mình sẽ trả lời sớm.
Nguồn: Tự Học IT Online - http://tuhocit.net

Xin chào các bạn!

Hôm nay mình xin tiếp tục với bài 4, hôm nay mình sẽ giới thiệu các bạn cách sử dụng một số thẻ về văn bản trong html.



 

Mình xin kết thúc: [HTML] Thiết kế web với HTML (Bài 4) tại đây.

Nếu có thắc mắc vui lòng để lại comment bên dưới nhé :)
Nguồn: Tự Học IT Online - http://tuhocit.net

Bài Viết· css· css3· HTML· HTML - CSS - JQUERY· html5· jquery· Thiết kế web· thiết kế web với html· Web (WWW)· web design

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

Xin chào các bạn!

Hôm nay mình xin tiếp tục với bài 4, hôm nay mình sẽ giới thiệu các bạn cách sử dụng một số thẻ về văn bản trong html.



 

Mình xin kết thúc: [HTML] Thiết kế web với HTML (Bài 4) tại đây.

Nếu có thắc mắc vui lòng để lại comment bên dưới nhé :)
Nguồn: Tự Học IT Online - http://tuhocit.net

Xin chào các bạn!

Hôm nay mình xin tiếp tục với bài 3, hôm nay mình sẽ giới thiệu cấu trúc cơ bản của các thẻ, thuộc tính.

Từ bài này cho đến các bài sau mình sẽ sử dụng hình ảnh để giới thiệu, minh họa cho các bạn, hy vọng nó sẽ dễ hiểu, giúp bạn bỏ bớt bài viết toàn chữ là chữ.



 

Mình đã xong bài 3, bài sau mình sẽ giới thiệu các bạn sử dụng các thẻ Tags.

Nếu các bạn có thắc mắc gì cũng như góp ý vui lòng để lại bình luận bên dưới.
Nguồn: Tự Học IT Online - http://tuhocit.net

Bài Viết· css· css3· HTML· HTML - CSS - JQUERY· html5· jquery· Thiết kế web· thiết kế web với html· Web (WWW)

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

Xin chào các bạn!

Hôm nay mình xin tiếp tục với bài 3, hôm nay mình sẽ giới thiệu cấu trúc cơ bản của các thẻ, thuộc tính.

Từ bài này cho đến các bài sau mình sẽ sử dụng hình ảnh để giới thiệu, minh họa cho các bạn, hy vọng nó sẽ dễ hiểu, giúp bạn bỏ bớt bài viết toàn chữ là chữ.



 

Mình đã xong bài 3, bài sau mình sẽ giới thiệu các bạn sử dụng các thẻ Tags.

Nếu các bạn có thắc mắc gì cũng như góp ý vui lòng để lại bình luận bên dưới.
Nguồn: Tự Học IT Online - http://tuhocit.net

Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cài đặt Wamp Server + Wordpress trên hệ điều hành Windows và cài đặt MAMP + Wordpress trên Mac OS X.

Bài Viết· Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao· Open Source· sử dụng wordpress· Thiết kế web· thiết kế web bằng wordpress· Web (WWW)· Wordpress

[Bài 2] Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao

Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cài đặt Wamp Server + Wordpress trên hệ điều hành Windows và cài đặt MAMP + Wordpress trên Mac OS X.

Xin chào các bạn!
Hôm nay mình xin tiếp tục với bài 2, như trong bài 1 mình đã giới thiệu các bạn về HTML và các công cụ cần dùng.

Bài hôm nay mình sẽ hướng dẫn các bạn tạo một trang web đầu tiên.

Chuẩn bị

- Bạn nên tạo một thư mục ở ổ đĩa, vd: HTML Basic. Lưu ý là không nên đặt tiếng việt có dấu nhé :)

Cấu trúc cơ bản của HTML

<!DOCTYPE html>
<html>
<head>
	<!-- Nội dung Head -->
</head>
<body>
	<!-- Nội dung Body -->
</body>
</html>

Ta có: <!DOCTYPE html>

Đây là phần khai báo chuẩn của HTML, và html là chuẩn HTML5.

Và website của bạn sẽ nằm trong tab mỡ đầu <html> và hết thúc bằng </html>, bạn sẽ viết code trong thẻ này nhé.

Tiếp theo ta có thẻ <head> và kết thúc bằng </head>, trong thẻ này bạn sẽ thường khai báo tiêu đề website bằng thẻ <title>Tiêu đều </title>, khai báo thẻ meta, css, javascript,.... Lưu ý là phần này nó sẽ không hiển thị ra trang nhé. Nó chỉ khai báo và xử lý thôi, còn khi bạn thấy ngoài trang thì nó sẽ hiễn thị trong thẻ <body> và kết thúc bằng </body>. Phần body là nơi bạn trình bày nội dung, hình ảnh,...để thể hiện ra trang web và mọi người có thể thấy.

Mình sẽ đi vào thực hành và ví dụ để các bạn dễ hiểu, cứ học lý thuyết dễ bùn ngủ + chán lắm :D

TẠO TRANG HTML ĐẦU TIÊN

Đầu tiên các bạn mở Sublime Text lên, nhấn Ctrl + N (Command + N trên Mac) để tạo trang mới và nhấn Ctrl + S (Command + S trên Mac) để lưu vào thư mục với tên là 1_First.html

Sau đó bạn gõ những dòng lệnh bên dưới, Lưu lại (Ctrl + S).

<!DOCTYPE html>
<html>
<head>
	<title>Bài HTML Đầu Tiên</title>
</head>
<body>
	<h1>Đây là bài đầu tiên</h1>
</body>
</html>

Sau đó click phải chọn Open in Browse và xem kế quả là gì?

 

Bạn sẽ thấy lỗi không đọc được chữ, tuy nhiên bạn gõ thêm dòng này vào bên dưới thẻ head (Sau <head>) rồi bạn sẽ thấy không lỗi nữa:

<meta charset="utf-8" />

Dòng này xác định file html mình được định dạng theo chuẩn utf-8.

Hì, hôm nay mình xin tạm ngừng ở đây vì bài sau sẽ hơi dài nên mình sẽ giới thiệu kỹ hơn, những bài đầu chỉ giúp bạn nhìn tổng quan, hơi dài dòng, phần sau các bạn sẽ làm việc với các thẻ từ meta, các thẻ tag,...

 

Nếu các bạn có thắc mắc gì vui lòng để lại comment bên dưới nhé.

 

 
Nguồn: Tự Học IT Online - http://tuhocit.net

Bài Viết· HTML· HTML - CSS - JQUERY· Thiết kế web· thiết kế web với html· Web (WWW)

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

Xin chào các bạn!
Hôm nay mình xin tiếp tục với bài 2, như trong bài 1 mình đã giới thiệu các bạn về HTML và các công cụ cần dùng.

Bài hôm nay mình sẽ hướng dẫn các bạn tạo một trang web đầu tiên.

Chuẩn bị

- Bạn nên tạo một thư mục ở ổ đĩa, vd: HTML Basic. Lưu ý là không nên đặt tiếng việt có dấu nhé :)

Cấu trúc cơ bản của HTML

<!DOCTYPE html>
<html>
<head>
	<!-- Nội dung Head -->
</head>
<body>
	<!-- Nội dung Body -->
</body>
</html>

Ta có: <!DOCTYPE html>

Đây là phần khai báo chuẩn của HTML, và html là chuẩn HTML5.

Và website của bạn sẽ nằm trong tab mỡ đầu <html> và hết thúc bằng </html>, bạn sẽ viết code trong thẻ này nhé.

Tiếp theo ta có thẻ <head> và kết thúc bằng </head>, trong thẻ này bạn sẽ thường khai báo tiêu đề website bằng thẻ <title>Tiêu đều </title>, khai báo thẻ meta, css, javascript,.... Lưu ý là phần này nó sẽ không hiển thị ra trang nhé. Nó chỉ khai báo và xử lý thôi, còn khi bạn thấy ngoài trang thì nó sẽ hiễn thị trong thẻ <body> và kết thúc bằng </body>. Phần body là nơi bạn trình bày nội dung, hình ảnh,...để thể hiện ra trang web và mọi người có thể thấy.

Mình sẽ đi vào thực hành và ví dụ để các bạn dễ hiểu, cứ học lý thuyết dễ bùn ngủ + chán lắm :D

TẠO TRANG HTML ĐẦU TIÊN

Đầu tiên các bạn mở Sublime Text lên, nhấn Ctrl + N (Command + N trên Mac) để tạo trang mới và nhấn Ctrl + S (Command + S trên Mac) để lưu vào thư mục với tên là 1_First.html

Sau đó bạn gõ những dòng lệnh bên dưới, Lưu lại (Ctrl + S).

<!DOCTYPE html>
<html>
<head>
	<title>Bài HTML Đầu Tiên</title>
</head>
<body>
	<h1>Đây là bài đầu tiên</h1>
</body>
</html>

Sau đó click phải chọn Open in Browse và xem kế quả là gì?

 

Bạn sẽ thấy lỗi không đọc được chữ, tuy nhiên bạn gõ thêm dòng này vào bên dưới thẻ head (Sau <head>) rồi bạn sẽ thấy không lỗi nữa:

<meta charset="utf-8" />

Dòng này xác định file html mình được định dạng theo chuẩn utf-8.

Hì, hôm nay mình xin tạm ngừng ở đây vì bài sau sẽ hơi dài nên mình sẽ giới thiệu kỹ hơn, những bài đầu chỉ giúp bạn nhìn tổng quan, hơi dài dòng, phần sau các bạn sẽ làm việc với các thẻ từ meta, các thẻ tag,...

 

Nếu các bạn có thắc mắc gì vui lòng để lại comment bên dưới nhé.

 

 
Nguồn: Tự Học IT Online - http://tuhocit.net

Xin chào các bạn!

Mình là Tùng (Nht2007), hôm nay mình sẽ hướng dẫn các bạn thiết kế web bằng wordpress từ cơ bản đến nâng cao. Trong series này mình sẽ hướng dẫn các bạn từ việc thiết kế từ localhost đến upload lên host. Sau đó giới thiệu mô hình, cách hoạt động, plugin,...để các bạn có thể thiết kế được hầu hết các web từ Blog, News, Shopping, ....

Bài Viết· Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao· Open Source· sử dụng wordpress· Thiết kế web· thiết kế web bằng wordpress· Web (WWW)· Wordpress

[Bài 1] Hướng dẫn thiết kế web bằng wordpress từ cơ bản đến nâng cao

Xin chào các bạn!

Mình là Tùng (Nht2007), hôm nay mình sẽ hướng dẫn các bạn thiết kế web bằng wordpress từ cơ bản đến nâng cao. Trong series này mình sẽ hướng dẫn các bạn từ việc thiết kế từ localhost đến upload lên host. Sau đó giới thiệu mô hình, cách hoạt động, plugin,...để các bạn có thể thiết kế được hầu hết các web từ Blog, News, Shopping, ....

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.

Bài Viết· HTML· HTML - CSS - JQUERY· Thiết kế web· Web (WWW)

[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.