Cách làm sitemap cho Yahoo

Yahoo! cũng giống như Google, đều có thể dễ dàng đánh chỉ mục dữ liệu trên website của bạn nếu bạn cung cấp cho nó một danh sách các URL trỏ đến các trang cần index dữ liệu hay còn gọi là sitemap. Trong bài viết này tôi sẽ hướng dẫn bạn cách tạo sitemap cho Yahoo! để Yahoo có thể đánh chỉ mục cho website bạn dễ dàng hơn.     Continue reading

Hướng dẫn làm sitemap cho website

Để được các search engine để mắt đến nhiều hơn website của bạn thì một lời khuyên là bạn nên tạo cho site của mình 1 sitemap (nói nôm na nó có nghĩa là cái bản đồ cho site của bạn, giúp các cỗ máy tìm kiếm dễ dàng cập nhật thông tin trên site của bạn hơn). Hôm nay, mình sẽ hướng dẫn cho các bạn làm sitemap cho website của bạn.

Điều kiện cần để bắt đầu:

1. Bạn phải có một website ^^
2. Notepad ++ , tải về tại đây.
3. Internet (mạng mạnh 1 chút cho các website lớn gần 500 hoặc hơn 500 trang) Continue reading

18 đọan code CSS ngắn – Rất có ích cho việc chỉnh sửa code CSS của template

, | 3 Nhận xét

18 CSS Short Hands

[FD’s BlOg] – Bài viết sẽ giới thiệu cho các bạn 18 lệnh cơ bản của CSS, giúp bạn dễ dàng hơn trong việc thiết kế và chỉnh sửa blog(web) của mình.

1. Lệnh Margin:
– ta sẽ bắt đầu với lệnh căn lề margins.
a. Căn lề cho cả 4 cạnh:

Video tutorials xây dựng CSS Layouts bằng Dreamweaver

Adobe Dreamweaver: Creating CSS Layouts Tutorials
Author: James Gonzalez
Release Date: 2008-09-21
Duration: 8 hrs / 92 tutorials
Work Files: Yes

This course covers how to use Dreamweaver, the world’s leading Web page creation tool, to create web pages formatted with Cascading Style Sheets (CSS). Cascading Style Sheets are widely supported in today’s modern browsers and Web designers are learning to use them in ever more powerful and creative ways. This technology enables web pages across a site to be more consistent while giving designers more control over the layout and design than straight HTML ever did. This course covers everything you will need to know to use Adobe Dreamweaver to start creating your CSS-based layouts and how to modify existing CSS pages to make them your own or to meet a set of specific design needs. If you are already a Dreamweaver user and want to learn how to use CSS to create more sophisticated page layouts and get more control over the look and consistency of your pages, then this is the resource for you. Work files are included. To begin learning, simply click on the movie links.


Video dạy làm website với Photoshop CS4 và Dreamweaver CS4

Lesson 01 Introduction (0:39)
Lesson 02 Using Presets and Browser Templates (8:08)
Lesson 03 Using Guides and Fill Layers (6:13)
Lesson 04 Using Kuler in Photoshop CS4 for Color (7:13)
Lesson 05 Setting up a Project Folder (4:52)
Lesson 06 Using Shapes in a Web Layout (7:35)
Lesson 07 Text in Photoshop for Web Layout (11:47)
Lesson 08 Using Stock Photography for Layouts (11:58)
Lesson 09 Texture Background Layout and Final Comp (13:42)
Lesson 10 Defining a Website in Dreamweaver (5:19)
Lesson 11 Redefining HTML tags – Adding Background and Header (13:55)
Lesson 12 Modifying CSS for Menu and content Areas (19:41)
Lesson 13 The Dreamweaver Template, Editable Regions, and Extensions (12:29)
Lesson 14 Adding Rollover Images to Dreamweaver (8:22)
Lesson 15 Photoshop Smart Objects in Dreamweaver (6:18)
Lesson 16 Using Dreamweaver Web Widgets (8:58)
Lesson 17 Tiltview/Simpleviewer – From Photoshop To Dreamweaver (12:42)
Lesson 18 Tiltview/Simpleviewer – From Lightroom 2 To Dreamweaver (12:18)
Lesson 19 Conclusion (0:30) Continue reading

Favicon là gì ?

Favicon.ico là gì? – Đặc trưng riêng website của bạn


1. Favicon.ico là gì? Đặc trưng riêng website của bạn
Có đôi khi, ai đó hỏi bạn làm thế nào để hiển thị một hình ảnh biểu tượng (icon) bên cạnh địa chỉ trang web (URL) trên thanh địa chỉ (Address) trên trình duyệt của khách hàng (Trên IE, mặc định là hình chữ e màu xanh của Microsoft). Nếu những ai muốn lưu trang web của bạn, họ đặt trang web đó vào “favorites”, trình duyệt sẽ cố gắng lấy file favicon.ico trên website của bạn. Nếu trình duyệt không thể tìm ra một file như vậy thì chúng sẽ nhận được một trang lỗi có mã 404. Ngược lại, nếu file favicon.ico có sẵn, biểu tượng sẽ được hiện lên bên cạnh tên trang web của bạn có tên trong thanh “Favorite”.
Các trình duyệt IE, Mozilla, Netscape, Opera đều hỗ trợ chức năng này. Ngoài ra, Mozilla và Netscape còn hỗ trợ định dạng file ảnh khác như PNG.

2. Các yêu cầu đối với phần mềm
Nếu bạn có một chương trình Window icon editor (thuộc bộ Visual Basic hoặc Visual C++) thì dùng chương trình này. Nếu bạn chưa có thì bạn dễ dàng tìm được trên website http://www.bouffler.freeserve.co.uk/icon_edit.htm

3. Làm thế nào để tạo ra file “FAVICON.ICO”
1. Tạo ra một ảnh cỡ 16×16. Nó quá nhỏ và bạn không thể vẽ nhiều trên đó. Bạn nên tự hạn chế vẽ với 16 màu hoặc cả 256 màu.
2. Lưu hình ảnh dưới dạng file ICO (tất nhiên là file “favicon.ico”)
3. Tải nó lên website của bạn. Đơn giản nhất là bạn đặt chúng vào thư mục gốc và Internet Explore sẽ xác định vị trí của chúng. Bạn cũng có thể đẩy chúng trong thư mục hình ảnh, nhưng bạn sẽ cần phải sửa đổi địa chỉ trỏ đến file favicon.ico.

4. Trợ giúp! Trang chủ của chúng tôi không cho đưa file ICO lên!
Nếu như trang chủ của bạn không cho phép các file có đuôi ICO để tải lên, bạn có thể đổi thành đuôi khác (chẳng hạn GIF). Sau đó bạn đổi lại đuôi file trên server.

5. Giúp trình duyệt xác định vị trí file Favicon.ico
Nếu bạn đã đặt file Favicon.ico trong một thư mục (images) không phải là thư mục gốc, bạn phải giúp chỉ ra vị trí file Favicon.ico bằng cách chỉ ra vị trí của nó bằng thẻ dưới đây trong phần của trang web của bạn.

6. Có bao nhiêu người lưu website của tôi?
Trước đây, “favicon.ico” có ứng dụng khá hay. Nó cho phép bạn xác định bao nhiêu lượt người dùng trình duyệt IE lưu website của bạn trong mục Favorite của họ. Bạn có thể tìm ra số lượt download file favicon.ico trong server logs của web.
Tuy nhiên, việc này không còn thích hợp đối với ngày nay. Mozilla, Netscape và Opera hiển thị favicon.ico trên thanh Address ngay dù người dùng không đưa website của bạn vào Favorite.

7. Kết luận
“Favicon.ico” không phải là thiết yếu cho việc hoạt động của website của bạn. Thực tế có rất ít người biết đến sự hiện hữu của nó, nó thực sự nhỏ để thể hiện bất kỳ điều gì hữu ích. Tuy nhiên việc tạo ra nó có thể tiết kiệm được băng thông cho website của bạn. Khi không có file Favicon.ico, server sẽ gửi trang lỗ 404 đến trình duyệt người dùng hoặc gửi trang báo lỗi 404.shtml nếu bạn đã tạo ra. Có lẽ quan trọng hơn đó là việc tạo ra một biểu tượng như vậy làm tăng tính chuyên nghiệp của bạn, làm cho người dùng tin rằng bạn là một nhà thiết kế web quan tâm tới từng chi tiết.