Xây dựng website cá nhân từ mẫu web miễn phí

Làm thế nào để xây dựng một website cá nhân từ một mẫu website miễn phí

(Thứ Ba, 02/02/2010-5:24 PM)






Ngày nay các trang và blog cá nhân đã trở nên rất phổ biến. Thật không mấy dễ thấy người nào không sở hữu trang web riêng cho mình. Vì nó là một trong những kết nối thuận tiện, thậm chí còn là nơi để “ cảm nhận” về cuộc sống hay tác phẩm nghệ thuật.







Ngày nay các trang và blog cá nhân đã trở nên rất phổ biến. Thật không mấy dễ thấy người nào không sở hữu trang web riêng cho mình. Vì nó là một trong những kết nối thuận tiện, thậm chí còn là nơi để “ cảm nhận” về cuộc sống hay tác phẩm nghệ thuật.
Trang cá nhân không chỉ là một cách thể hiện về bản thân tốt nhất mà còn là nơi sẻ chia những suy nghĩ, ý tưởng, cảm xúc, tình cảm cũng như mọi điều xảy ra xung quanh trong cuộc sống của bạn. Đó là tại sao mà chúng ta lại cố gắng tạo trang riêng dựa trên template web miễn phí. Với ngân quĩ thật ‘ thân thiện’ nên chỉ mất khoảng 2 giờ là bạn có thể dành cho mình 1 trang riêng.
Vậy nên, bài báo này sẽ chỉ cho bạn cách tạo một trang và tiến hành mọi tùy chỉnh cần thiết dựa trên web template. Sau đó bạn sẽ đọc thêm phần giới thiệu về các nhà cung cấp tên miền và máy chủ của chúng tôi.
Hãy chọn một mẫu thiết kế.
Nếu bạn không phải là nhà thiết kế web, thì cách nhanh và đơn giản nhất để có một website nhìn chuyên nghiệp là sử dụng các mẫu website được làm trước. Bạn có thể tìm kiếm các mẫu web miễn phí từ rất nhiều nguồn. Song Free Templates Online là nguồn khá tin cậy vì ở đó cung cấp các mẫu web chất lượng phù hợp với các tiêu chuẩn web. Tôi đã chọn cho mình mẫu web template # 63 dưới đây:  

Sau khi tải được mẫu web, hãy chọn thư mục fonts và files có dạng “.psd” và “html”.
Tùy chỉnh mẫu web
Đây là lúc cần tùy chỉnh mẫu web. Nếu bạn không có thời gian hay am hiểu nhiều để triển khai toàn bộ quá trình này thì có thể sử dụng các dịch vụ chỉnh sửa mẫu web. Tại đây bạn có thể có mức giá dịch vụ rất phù hợp. Các nhà phát triển web của họ sẽ hoàn tất yêu cầu của bạn một cách chính xác, dễ dàng và chuyên nghiệp. Nhưng nếu bạn không ngại khó khăn thì cũng tự tùy chỉnh được và sẽ bắt đầu từ bản HTML.
Hãy dùng Adobe Photoshop CS+, Adobe Dreamweaver 8+ hoặc bất kỳ trình soạn thảo HTML nào khác để tiến hành mọi tùy chỉnh cần thiết. Trước khi bắt đầu bạn nên cài đặt các font chữ cần thiết ( chúng thường được thay thế trong thư mục “các nguồn hoặc font” – Vào this tutorial để có được chi tiết. Sau đó hãy mở file dạng “.psd” trong photoshop và học cách làm.
Trước hết, chúng ta sẽ tùy chỉnh phần đầu của mẫu web bằng công cụ horizontal Type, hãy nhập tên công ty và thay đổi tagline. Đừng lo lắng khi slice không đủ dài vì tiêu đề web của bạn có thể tự điều chỉnh được trong giới hạn của nó. Bạn cũng dễ dàng tùy chỉnh kích thước của slice bằng cách chọn Slice Select Tool và làm nổi logo (bằng kích chuột trái + CTRL). Hãy kích chuột trái để kéo các border slice.


Sau khi xong những thay đổi này, hãy lưu lại logo đã chỉnh và thay logo đó vào. Khi slice vẫn được chọn, hãy vào “ File” -> “save for Web and Devices”. Bạn không nên điều chỉnh thiết lập bởi coder đã hoàn tất công việc này. Hãy ấn nút Save vào save files tới Image directory và thay tên file dạng .jpg.
Tiếp đến là chỉnh sửa tiêu đề các text. Nếu bạn thấy tất cả các tiêu đề text trên mẫu web này hợp lý thì hãy lưu chúng lại.
Hãy lưu lại các nút menu. Bạn có thể sử dụng Hirizontal Type Tool để sửa tên của các nút. Tôi đã sửa nút chính và đổi tên nó là “My Gallery”.


Hãy lưu các nút menu này để thay thế những nút cũ trên web và các thư mục hình ảnh (Images folder).


Sau đó, hãy đổi ảnh ở phần trung tâm của mẫu web. Lưu ý rằng kích thước của ảnh cần phù hợp với các mục riêng để tránh gây ảnh hưởng tới bố cục. Hãy lưu ảnh mới thay hình cũ trên folder hình ảnh.
Bây giờ hãy chỉnh các ảnh từ hai phía. Photoshop vẫn giúp bạn thực hiện điều đó. Trước tiên, hãy định rõ kích thước hình ảnh theo pixel. 188 x 187 px là kích thước ảnh phù hợp cho website. Sau đó, hãy tạo một layer mới dưới