12 thủ thuật thiết kế cho website thương mại nhỏ

12 thủ thuật thiết kế cho website thương mại nhỏ (Thứ Ba, 22/09/2009-2:38 PM) Thiết kế web công việc không dễ dàng, bạn cần kỹ nào? Có thể tự thiết kế khơng? Và cần đến website? Thiết kế web cơng việc khơng dễ dàng, bạn cần kỹ nào? Có thể tự thiết kế khơng? Và cần đến website? Sau thành lập vận hành công ty việc kinh doanh bạn tiến hành trang web Dù có vài câu hỏi khiến bạn băn khoăn song có câu hỏi mà bạn phải cố gắng tìm câu trả lời, có câu trả lời phù hợp nhờ trợ giúp người tư vấn công ty thiết kế web Dưới điều bạn nên xem xét lên kế hoạch, thiết kế xây dựng website, cho có trang web có nội dung thu hút khách truy cập dành thứ hạng cơng cụ tìm kiếm Hãy có logo đẹp Bởi thương hiệu điều khiến người nhớ tới website bạn Logo thường đặt phía website khách thăm dễ nhìn thấy vị trí trước tiên tới trang web bạn Logo/ thương hiệu “ phản ánh” nhiều điều quan trọng Bài text trang cần liên quan tới có tối thiểu 250 từ, thật tốt text có chứa từ khóa sản phẩm dịch vụ bạn Song sử dụng copy chuyên gia viết text cho website Hình ảnh quan trọng , hình ảnh đẹp sản phẩm thay mn lời, cịn hình ảnh khơng “ thuyết phục” ảnh hưởng tới giao diện website Song bạn khơng nên tải lên q nhiều hình ảnh Mỗi trang nên có: Thẻ meta keywords, meta descriptions tiêu đề trang riêng chúng phần quan trọng xây dựng website Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện cho cơng cụ tìm kiếm giúp thay đổi màu sắc, phông hay cỡ chữ thực dễ dàng Nên sử dụng thẻ H1-H6 để làm bật tiêu đề trang text điều có liên quan tới tiêu đề website bạn thẻ H2 phù hợp cho tiêu đề đoạn văn Nên sử dụng chữ in đậm để làm bật từ khóa đoạn văn, khơng nên dùng q nhiều Nếu bạn sử dụng điều hướng text cơng cụ tìm kiếm lập mục cho website bạn hiệu 8 Hãy đảm bảo cho người sử dụng cuối dễ dàng mua tìm kiếm sản phẩm dịch vụ bạn, nên tiến hành nâng cấp để hướng tới đổi mang lại doanh thu Những đường dẫn từ trang tới trang bên khác phải tốt, quảng cáo sản phẩm dịch vụ khác, sử dụng chúng để người dùng tìm thấy yếu tố khác website bạn dễ dàng không nên lạm dụng chúng 10 Hãy xây dựng sơ đồ web để phương tiện tìm kiếm lập mục dễ dàng hơn, bạn tải sơ đồ web XML từ công cụ webmaster Google điều khiến việc lập mục cho trang website bạn thuận tiện 11 Nếu thu thập thông tin từ website qua mẫu khai báo bạn nên có sách riêng 12 Cuối cài đặt Google Analytics, điều quan trọng, chúng cung cấp liệu vô giá khách truy cập bạn Trên vài điểm cần ý, song chúng lại cần thiết bạn bắt đầu thiết kế xây dựng webiste cho Bạn nên tìm đến cơng ty thiết kế web để thiết kế xây dựng website ý chuyên nghiệp công “chiến thắng” khách hàng mục tiêu Làm để xây dựng website cá nhân từ mẫu website miễn phí (Thứ Ba, 02/02/2010-5:24 PM) Ngày trang blog cá nhân trở nên phổ biến Thật không dễ thấy người không sở hữu trang web riêng cho Vì kết nối thuận tiện, chí cịn nơi để “ cảm nhận” sống hay tác phẩm nghệ thuật Ngày trang blog cá nhân trở nên phổ biến Thật không dễ thấy người không sở hữu trang web riêng cho Vì kết nối thuận tiện, chí cịn nơi để “ cảm nhận” sống hay tác phẩm nghệ thuật Trang cá nhân không cách thể thân tốt mà nơi sẻ chia suy nghĩ, ý tưởng, cảm xúc, tình cảm điều xảy xung quanh sống bạn Đó mà lại cố gắng tạo trang riêng dựa template web miễn phí Với ngân quĩ thật ‘ thân thiện’ nên khoảng bạn dành cho trang riêng Vậy nên, báo cho bạn cách tạo trang tiến hành tùy chỉnh cần thiết dựa web template Sau bạn đọc thêm phần giới thiệu nhà cung cấp tên miền máy chủ Hãy chọn mẫu thiết kế Nếu bạn nhà thiết kế web, cách nhanh đơn giản để có website nhìn chun nghiệp sử dụng mẫu website làm trước Bạn tìm kiếm mẫu web miễn phí từ nhiều nguồn Song Free Templates Online nguồn tin cậy cung cấp mẫu web chất lượng phù hợp với tiêu chuẩn web Tôi chọn cho mẫu web template # 63 đây: Sau tải mẫu web, chọn thư mục fonts files có dạng “.psd” “html” Tùy chỉnh mẫu web Đây 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 tồn q trình sử dụng dịch vụ chỉnh sửa mẫu web Tại bạn có mức giá dịch vụ phù hợp Các nhà phát triển web họ hồn tất u cầu bạn cách xác, dễ dàng chuyên nghiệp Nhưng bạn không ngại khó khăn tự tùy chỉnh HTML Hãy dùng Adobe Photoshop CS+, Adobe Dreamweaver 8+ trình soạn thảo HTML khác để tiến hành tùy chỉnh cần thiết Trước bắt đầu bạn nên cài đặt font chữ cần thiết ( chúng thường thay thư mục “các nguồn font” – Vào this tutorial để có chi tiết Sau mở file dạng “.psd” photoshop học cách làm Trước hết, tùy chỉnh phần đầu mẫu web công cụ horizontal Type, nhập tên công ty thay đổi tagline Đừng lo lắng slice khơng đủ dài tiêu đề web bạn tự điều chỉnh giới hạn Bạn dễ dàng tùy chỉnh kích thước slice cách chọn Slice Select Tool làm logo (bằng kích chuột trái + CTRL) Hãy kích chuột trái để kéo border slice Sau xong thay đổi này, lưu lại logo chỉnh thay logo vào Khi slice chọn, vào “ File” -> “save for Web and Devices” Bạn không nên điều chỉnh thiết lập coder hoàn tất công việc Hãy ấn nút Save vào save files tới Image directory thay tên file dạng jpg Tiếp đến chỉnh sửa tiêu đề text Nếu bạn thấy tất tiêu đề text mẫu web hợp lý lưu chúng lại Hãy lưu lại nút menu Bạn sử dụng Hirizontal Type Tool để sửa tên nút Tôi sửa nút đổi tên “My Gallery” Hãy lưu nút menu để thay nút cũ web thư mục hình ảnh (Images folder) Sau đó, đổi ảnh phần trung tâm mẫu web Lưu ý kích thước ảnh cần phù hợp với mục riêng để tránh gây ảnh hưởng tới bố cục Hãy lưu ảnh thay hình cũ folder hình ảnh Bây chỉnh ảnh từ hai phía Photoshop giúp bạn thực điều Trước tiên, định rõ kích thước hình ảnh theo pixel 188 x 187 px kích thước ảnh phù hợp cho website Sau đó, tạo layer layer có mục tên có sẵn paste ảnh lên Bạn lặp lại bước với hình ảnh thứ hai Nếu bạn thực tất bước ảnh hiển thị mũi tên chúng Mỗi ảnh chia thành slice (như hiển thị screenshot phía dưới) Điều có nghĩa bạn nên lưu riêng lại slice, thay folder cũ folder lưu chúng vào folder Tiếp đến, mở file index.htm trình biên tập HTML bắt đầu chỉnh text Hãy viết mình, gia đình, bạn bè sở thích Song đừng qn thay đổi phần cuối trang Trang thiết kế hoàn chỉnh Hãy nhìn xem: Bạn phải nhớ đặc trưng gói mẫu web miễn phí khơng gồm trang nhỏ Song đừng lo lắng Bởi bạn tạo dễ dàng cách copy file index.htm thay đổi tên thành index-1.htm – Đó thiết kế bạn dùng cho trang liên hệ (Contacts page) Hãy soạn thảo text trình soạn thảo HTML text sử dụng website bạn Trang hình ảnh Và phần thú vị trình tùy chỉnh Trang web cá nhân không đầy đủ thiếu trang ảnh Hãy làm trang web bạn rực rỡ cách bổ sung thêm ảnh màu chất lượng Tôi muốn giới thiệu với bạn cách thuận lợi để quản lý trình bày ảnh bạn chia sẻ in trực tuyến chúng – Slimbox – tập lệnh Javascript cho phép bạn che ảnh trang Tập lệnh phù hợp với tất trình duyệt phổ biến Bạn tải từ official site giải nén thành mục template bạn Hãy làm theo dẫn usage instructions để tạo Slumbox Sau tạo xong thư mục “photos” đặt ảnh vào phần – cỡ ảnh gốc, ảnh cỡ nhỏ hơn, ví dụ xem trước ảnh thu Hãy copy index.htm đổi tên thành “photos.htm” đặt ảnh nhỏ đây: Sau bạn nên kích hoạt mục slimbox bổ sung mã rel = “lightbox-personal” vào link bạn sau: Hãy lặp lại bước với tất ảnh mà bạn có Nếu thao tác trang bạn giống sau: Tất ảnh mở splash window Hãy chọn nhà cung cấp máy chủ Trước hết bạn cần tư vấn chất lượng giá trước lựa chọn dịch vụ hosting webhostingbuzz.com giúp bạn điều Nếu bạn gặp phải khó khăn việc đăng ký tên miền thuê máy chủ bạn liên hệ với chuyên gia TemplateTuning.com Vậy đấy! Giờ bạn nhận thấy với chút thay đổi khiến mẫu web ban đầu trở nên thu hút phong cách Nhưng để làm điều cần phải có tính bền bỉ, nhẫn nại lịng khát khao Chúc bạn thành cơng! Hãy vào sample website để xem kết cuối so sánh với mã 50 cách phối màu tượng trưng (Thứ Tư, 03/02/2010-8:24 AM) Bạn băn khoăn làm để thể phối màu tượng trưng cho quán với thông điệp sản phẩm mình? Cuốn sách trình bày 50 cách phối màu tượng trưng truyền tải ý nghĩa phù hợp với tượng trưng cụ thể như: động, xa hoa, chất lượng cao, thông minh, vui mừng, độc lập, tinh thần, ngày hội, sức khỏe vv… Bạn băn khoăn làm để thể phối màu tượng trưng cho quán với thông điệp sản phẩm mình? Cuốn sách trình bày 50 cách phối màu tượng trưng truyền tải ý nghĩa phù hợp với tượng trưng cụ thể như: động, xa hoa, chất lượng cao, thông minh, vui mừng, độc lập, tinh thần, ngày hội, sức khỏe vv… Những kết hợp màu sắc dựa tính hài hịa thể tức thời hay theo số cụ thể so sánh tượng trưng trước mắt Cuốn sách bao gồm mơ tả hài hịa màu sắc, màu máy tính, mẫu màu ứng dụng màu thiết kế Với vốn kiến thức bạn tự tin sử dụng phối màu cho thông điệp bạn thật bật Dưới minh họa cách phối màu Bạn đốn ý nghĩa tượng trưng chúng không? Mỗi phối màu thể mảng màu Hãy dùng màu ô vuông lớn cho khu vực sử dụng sọc màu nhỏ nằm ngang cho vùng nhỏ hay điểm nhấn thiết kế bạn Các ô vuông Các viền ngang Mã RGB ( máy tính) mã chuẩn HEX kèm với màu Ý kiến khách hàng: Sau xem xong Color Voodoo #3 Color Voodoo #5, có lựa chọn màu phù hợp cho website Lúc trang web tơi cải thiện hoàn toàn (MATT W F.F Currit-Dhaseleel - kỹ sư giao diện tiện ích web cho biết "Những sách Color Voodoo tốt tơi mong đợi Các cách phối màu #3 #5 - #3 giúp lựa chọn phối màu phù hợp cho khách hàng #5 phối hợp tích hợp màu sắc thiết kế web - mà biết kỹ sư tơi ứng dụng làm cách phối màu sử dụng thường xuyên Cuốn sách giúp nhiều thiết kế web Tôi biết 50 cách phối màu bạn sử dụng số cách thiết kế web Các khách hàng cho biết phối màu chun nghiệp Tơi nhận thấy thiết kế web cải thiện đáng kể nhờ cách phối màu bạn Nguồn: http://www.colorvoodoo.com/web_design.html ... cần thiết bạn bắt đầu thiết kế xây dựng webiste cho Bạn nên tìm đến cơng ty thiết kế web để thiết kế xây dựng website ý chuyên nghiệp công “chiến thắng” khách hàng mục tiêu Làm để xây dựng website. .. dành cho trang riêng Vậy nên, báo cho bạn cách tạo trang tiến hành tùy chỉnh cần thiết dựa web template Sau bạn đọc thêm phần giới thiệu nhà cung cấp tên miền máy chủ Hãy chọn mẫu thiết kế Nếu... chọn phối màu phù hợp cho khách hàng #5 phối hợp tích hợp màu sắc thiết kế web - mà biết kỹ sư tơi ứng dụng làm cách phối màu sử dụng thường xuyên Cuốn sách giúp nhiều thiết kế web Tôi biết 50 cách