Giáo trình Thiết kế web (Nghề Lập trình máy tính): Phần 2 - Tổng cục dạy nghề

(NB) Giáo trình Thiết kế web (Nghề Lập trình máy tính): Phần 2 trang bị cho học sinh những kiến thức cơ bản về giới thiệu các công cụ thiết kế và tổ chức file của site map, kiểm thử và chuyển tải trang web lên server và thiết kế web theo chủ đề. Mời các bạn tham khảo!
Nội dung trích xuất từ tài liệu:
Giáo trình Thiết kế web (Nghề Lập trình máy tính): Phần 2 - Tổng cục dạy nghề Giáo trình thiết kế web BÀI 6 Tên bài : GIỚI THIỆU CÁC CÔNG CỤ THIẾT KẾ VÀ TỔ CHỨC FILES CỦA SITE MAP Mã bài : ITPRG13.6 Giới thiệu  Khi xây dựng bất kỳ website nào, bước đầu tiên là xác định rõ mục đích của mình.Không có mục đích và nhiệm vụ rõ ràng, các dự định sẽ khó có thể đạt được kết quả như mong muốn.Lập kế hoạch cẩn thận kết hợp với việc đề ra mục tiêu rõ ràng là chìa khóa để xây dựng web site thành công. Mục tiêu thực hiện Học xong bài này học viên sẽ có khả năng: - Chọn các công cụ xây dựng các đối tượng trong trang WEB một cách hợp lý - Tổ chức và quản lý các File của một trang WEB theo cấu trúc của Sitemap Nội dung chính 6.1 Phân tích và chọn lựa các công cụ để xây dựng các đối tượng trong trong Web. Sau khi đã xác định được mục tiêu của mình,tìm hiểu về khán giả,tổ chức trang và thiết kế khung trang chủ,một thành phần cuối cùng của bản kế hoạch còn lại là kiểm tra các công cụ và vật liệu để tiến hành xây dựng web.Giai đoạn này bao gồm cả việc chúng ta đã có các văn bản đã soạn thảo và chỉnh sửa,các file đồ hoạ đã thay đổi kích cỡ phù hợp,các bức ảnh số hoặc được quét,và các công cụ để sắp xếp tất cả các mục trên trang web.Như vậy chúng ta thấy các tác vụ trong giai đoạn này rất cụ thể và đơn giản nhưng để hoàn thành nhìn chung mất nhiều thời gian vì vậy chúng ta phải có kế hoạch cụ thể.Về cơ bản trước khi tạo trang web chúng ta cần phải liệt kê tất cả các công cụ như liệt kê danh sách kiểm tra công cụ dưới đây: Danh sách kiểm tra công cụ:  Văn bản đã sữa lỗi kiểm tra chính tả và nội dung  Ảnh,đồ hoạ và các minh hoạ(bao gồm các nút,thanh tiêu đề,logo chất lượng cao)  Khung phác thảo và khuôn mẫu các trang  Trình soạn thảo HTML,trình soạn thảo văn bản,hoặc các công cụ tạo trang web như frontpage,Dreamwave...  Chương trình đồ hoạ như Photoshop,corel...  Tên miền (hoặc mua,hoặc được phân bổ)  Không gian máy chủ 6.2 Tổ chức và quản lý các đối tượng và xây dựng bản đồ tổ chức File Như chúng ta đã biết trang web thường bao gồm một số ít tập tin kết hợp với nhau để tạo ra diện mạo cho một trang.Hơn nữa một website bao gồm nhiều trang web.Do đó tính chất của các trang web và website là gồm nhiều tập tin nên chúng ta phải lập kế hoạch cho việc đặt tên và tổ chức các tập tin.Đồi với phần lớn các trường hợp,một website tiêu chuẩn có thể gồm cấu trúc đơn giản như cho thấy hình bên dưới: 47 Giáo trình thiết kế web Hình 6.2:Tổ chức file đơn giản của một website Thư mục chính: chứa các tập tin html,danh mục ảnh.Chúng ta có thể đặt tên bất kỳ cho danh mục này khi thiết kế các trang trên máy tính.Khi tải các trang này lên dịch vụ máy chủ,chúng ta sẽ đặt nội dung của các thư mục chứa danh mục chính vào một thư mục trực tuyến có tên là web và sao lưu toàn bộ thư mục ảnh,âm thanh,video vào thư mục web. Thư mục phụ:chứa các tập tin ảnh gif và jpg được sử dụng trong trang web.Thư mục này thường được lưu trữ trong thư mục chính. Trong hình trên thư mục chính bao gồm 4 tập tin HMTL- contact.html,history.html,index.html,products.html-mỗi tập tin cho một trang chính của website.Chúng ta phải nhớ rằng mỗi tập tin HTML là tên tập tin xuất hiện trên URL của trang web.Ví dụ muốn ghé thăm trang sản phẩm của website Curiosity Shop,chúng ta sẽ gõ vào http://creativeonguide.com/cshoppe/products.html. Như vậy có thể thấy ,địa chỉ URL này bao gồm tên miền( www.creationguide.com),tên thư mục chứa tập tin (csshoppe),và tên tập tin products.html. Đối với hầu hết các trang chủ và trang con,chúng ta thấy rằng không cần gõ vào tên tập tin.Nếu không có tên tập tin HTML được chỉ ra sau tên miền hay thư mục,hầu hết các máy chủ thoe mặc định sẽ hiển thị một tên tập tin đặt biệt –đa số là index.html,hoặc một số máy chủ hỗ trợ một số tên đặt biệt như index.htm,default.html..Hãy hỏi dịch vụ cung cấp cho biết chúng ta nên dùng tên gì cho trang chủ của mình,thông thường nhất vẫn là index.html. Bởi vì tên tập tin HTML xuất hiện trong URL nên chúng ta cần tuân theo một số quy tắc cơ bản sau khi đặt tên cho tập tin:  Tên tập tin phải đơn giản,ngắn và có ý nghĩa.Người sử dụng có thể muốn truy cập trực tiếp đến các trang phụ,vì vậy nên tạo ra các tên URL dễ nhớ và dễ gõ.  Tránh dùng các ký hiệu và các dấu chấm câu.Hầu hết mọi người điều thấy rằng nếu dùng ký hiệu và dấu chấm câu sẽ làm chậm đi tốc độ gõ và khả năng sai xót cao.  Sử dụng dấu gạch dưới để chỉ thị một khoảng trống trong tập tin.  Sử dụng hoàn toàn các chữ thường. Đặt tên cho hình ảnh Bên cạnh việc đặt tên cho các tập tin HTML ,chúng ta cũng cần đặt tên cho các tập tin ảnh.Nói chung người sử dụng không truy cập trực tiếp đến các tập tin ảnh mà các trang 48 Giáo trình thiết kế web HTML tham chiếu đến các tập tin ảnh bất kỳ lúc nào mà chúng cần đến.Vì vậy sẽ khó khăn hơn khi đặt tên cho các tập tain ảnh.Cách đặt tên ảnh logic và khoa học sẽ giúp chúng ta thuận tiện hơn trong việc tìm kiếm và truy xuất đến chúng.Cụ thể chúng ta nên đặt trước các tên tập tin ảnh chữ p_,b_,t_.Trong đó p_ là tên của một bức tranh,ví dụ p_mask chỉ ra bức tranh về cái mặt nạ.Hình ảnh b_ là nút bấm,ví dụ b_products đó là bức tranh về nút bấm chuyển hướng products.Và hình ảnh ...