Tạo một CSS layout từ một bản thiết kế

Tạo một CSS layout từ một bản thiết kế - phần 2

Xin chào, trong phần 2 này chúng ta sẽ bắt đầu với cấu trúc file của một website bao gồm những gì?. Đơn thuần, website của bản có thể có nhiều phần, hay đơn giản chỉ là 1 file index.html. Nhưng để tiếp theo phần một, chúng ta bắt đầu tạo 1 cấu trúc chứa các file của website.

02 Cấu trúc này bao gồm 2 thư mục con là CSS chứa file tenfile.css và thư mục images chứa ảnh. Ngoài cùng là 1 file index.html

Copy đọan code này và save ở dạng file html


<html>
<head>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <title>CompanyName - PageName</title>
   <meta http-equiv="Content-Language" content="en-us" />

   <meta http-equiv="imagetoolbar" content="no" />
   <meta name="MSSmartTagsPreventParsing" content="true" />
	
   <meta name="description" content="Description" />
   <meta name="keywords" content="Keywords" />
	
   <meta name="author" content="Enlighten Designs" />
	
   <style type="text/css" media="all">@import "css/master.css";</style>
</head>

<body>

</body>
</html>

Bây giờ bạn đã có thể mở file index.html trong thư mục gốc chứa các file của website bằng web browser. Tuy nhiên đó sẽ là trang trắng, không có nội dung. Phần tiếp theo chúng ta sẽ bắt đầu thêm các thành phần để phân vùng các thành phần chính theo thiết kế ban đầu.

Set as favorite

Bookmark

Comments (6) Add Comment