Giáo trình môn Thiết kế quản trị Website Trường Cao đẳng nghề Yên Bái

Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề n Bái LỜI NĨI ĐẦU Giáo trình môn học “Thiết kế quản trị Website” giáo trình nghề Cơng nghệ thơng tin (ứng dụng phần mềm), xây dựng biên soạn sở chương trình khung đào tạo nghề Bộ Lao động – Thương binh Xã hội ban hành chi tiết hóa chương trình đào tạo nghề Công nghệ thông tin (ứng dụng phần mềm) Trường Cao đẳng nghề Yên Bái Đối tượng phục vụ học sinh sinh viên khoá đào tạo trình độ cao đẳng nghề, trung cấp nghề Cơng nghệ thông tin (ứng dụng phần mềm) đơn vị, sở sản xuất làm tài liệu học tập nghiên cứu Các nhà quản lý người sử dụng nhân lực đơn vị, sở sản xuất làm tài liệu tham khảo Giáo trình biên soạn với thời lượng 90 giờ, 35 tiết lý thuyết 41 thực hành, đề cập đến nội dung sau: Bài : Khái quát WEBSITE; Bài : Tạo trang Web với HTML Bài : Thiết kế quản trị WebsiteSite với Dream Weaver; Bài : CSS Bài : Xuất quản trị Website Giáo trình mơn học “Thiết kế quản trị Website” biên soạn theo nguyên tắc: Tính định hướng thị trường lao động, tính hệ thống khoa học, tính ổn định linh hoạt, hướng tới liên thông, chuẩn đào tạo nghề nước giới, tính đại sát thực với sản xuất Trong q trình thực nhóm biên soạn tham khảo nhiều tài liệu liên quan trường bạn, sách kỹ thuật chuyên gia Ngoài cịn có tham gia đóng góp ý kiến tích cực cán bộ, kỹ sư kỹ thuật chuyên ngành ngồi tỉnh để giáo trình hồn thiện Giáo trình mơn học “Thiết kế quản trị Website” Hội đồng thẩm định Trường Cao đẳng nghề Yên Bái nghiệm thu trí đưa vào sử dụng làm tài liệu thống nhà trường phục vụ giảng dạy học tập học sinh sinh viên Giáo trình biên soạn lần đầu nên cố gắng song khó tránh khỏi thiếu sót, chúng tơi mong nhận ý kiến đóng góp người sử dụng đồng nghiệp để giáo trình ngày hồn thiện Xin trân trọng cảm ơn! Giáo trình môn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái BÀI KHÁI QUÁT VỀ WEBSITE I KHÁI NIỆM VỀ WEB VÀ WEBSITE Khái niệm Web Là ứng dụng chạy mạng theo mơ hình máy chủ - máy khách (Server-Client), bao gồm văn bản, hình ảnh, video, flash v.v… Được chia sẻ tồn cầu thơng qua mạng internet dịch vụ Khái niệm Website Website tập hợp trang web (web pages) Thường nằm tên miền (domain name) tên miền phụ (subdomain) Website lưu trữ (web hosting) máy chủ web (web server) truy cập thơng qua Internet Website tập hợp trang Web liên quan đến công ty, tập đoàn, tổ chức, cá nhân hay đơn giản chủ đề mà nhiều người quan tâm Ví dụ Web Site Chính phủ (www.chinhphu.vn), quan (Bộ GD&ĐT-www.moet.edu.vn), báo chí (www.thanhnien.com.vn), giáo dục (cao dangngheyenbai.edu.vn) II PHÂN LOẠI WEBSITE Website hiểu cách chung kênh thơng tin chủ thể ( chủ thể doanh nghiệp, quan nhà nước, cá nhân, ) nhằm đưa đến cho người xem hiểu rõ vấn đề mà chủ thể muốn đưa Dựa vào đặc trưng, kết nối liệu công cụ phát triển người ta chia làm loại Web sau đây: Static pages (Web tĩnh ) Tính chất trang Web bao gồm nội dung hiển thị cho người dùng xem Ví dụ: hiển thị trang dạng text, hình ảnh đơn giản chẳng hạn cốc cà phê bốc khói Website tĩnh nghĩa Website khơng có phần mềm quản lí nội dung cho riêng nó, lần chỉnh sửa hay cập nhật cần phải sửa tay trực tiếp vào mã HTML trang Dynamic Web (Web động) Website động nghĩa toàn liệu Website lưu vào sở liệu (CSDL) hồn tồn chỉnh sửa chúng thơng qua phần mềm quản lí kèm với Website Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Nội dung trang Web động trang Web tĩnh, ngồi cịn có nhúng đoạn mã lệnh cho phép truy nhập sở liệu mạng Tuỳ theo nhu cầu, ứng dụng cung cấp khả truy cập liệu, tìm kiếm thơng tin, … III WEBSERVER-WEBBROWSER WebServer (máy chủ Web) Web Server máy chủ chứa thơng tin dạng trang Web (trang HTML chứa âm thanh, hình ảnh, video, văn bản, …) Các Web Server kết nối với thơng qua mạng Internet, Server có địa Internet Thành phần chủ chốt Web Server phần mềm Mỗi phần mềm Web Server chạy tảng phần cứng hệ điều hành cụ thể Một Web Server phải có cấu hình đủ mạnh để cung cấp dịch vụ cho client, đáp ứng đồng thời nhiều yêu cầu từ client có khả lưu trữ lớn cho tài nguyên Web Nói chức hiệu năng, Web Server phân thành nhóm chính: - Các máy chủ truyền thông thông thường - Máy chủ thương mại - Máy chủ mhóm làm việc - Máy chủ dùng cho mục đích đặc biệt Các tiêu chuẩn đánh giá Web Server: - Hiệu năng: Nền tảng hệ điều hành xử lý đa luồng - Bảo mật: Thông qua địa IP, tên máy chủ mạng con, thư mục - Truy nhập tích hợp CSDL: Hầu hết Web Server sử dụng giao diện CGI, số khác dùng giao diện lập trình ứng dụng (API) ngơn ngữ hỏi đáp có cấu trúc SQL - Quản lý quản trị Web Server: Đặc tính quan trọng tiêu chuẩn khả quản trị từ xa, giao diện đồ họa điều khiển cấu hình máy chủ WebBrowser (trình duyệt web) Web Browser cơng cụ hay chương trình cho phép truy xuất xem thơng tin Website Có nhiều Web Browser để truy xuất Web, trình duyệt có đặc điểm khác chúng hiển thị trang Web khơng hồn tồn giống Các trình duyệt web bao gồm có Internet Explorer, Netscape Navigator Communicator, Opera, Mozilla Firefox, Tất loại trình duyệt có phiên khác nhau, phiên có nhiều tính phiên trước Ngồi việc truy xuất Web, trình duyệt cịn cho phép chúng Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái ta thực công việc khác như: gửi nhận email, tải tập tin từ Web Server về, … thông qua Add-on Plugin trình duyệt IV TÊN MIỀN – HOSTING Tên miền ( Domain ) Tên miền ( Domain ) tên website đăng ký internet, cấp phát cho cá nhân tổ chức đó, tên miền khơng trùng nhau, cấp cho người mua theo nguyên tắc, đăng ký trước sở hữu Về nguồn gốc tên miền phân thành hai dạng : a Tên miền quốc tế : Là tên miền cấp phát Tổ chức Quản lý Tên miền Quốc tế ICANN (www.icann.org) cấp phát b Tên miền quốc gia : có dạng www.tenchuthe.vn Với phần thường tên viết tắt quốc gia Chẳng hạn : ( Việt Nam ) us ( United State - Mỹ ), ru ( Russian - Nga ) Tên miền phụ (Sub domain): Sub domain gọi theo tiếng Việt tên miền phụ hay tên miền thứ cấp Nó phần mở rộng của tên miền (domain) Được ngăn cách với tên miền dấu chấm bên trái Ví dụ: caodangngheyenbai.edu.vn URL dạng đăng ký hosting bình thường khơng có sub domain Nhưng khoadtcntt.caodangngheyenbai.edu.vn địa URl với sub domain khoadtcntt Bảng ý nghĩa dành cho phần đuôi tên miền .COM Dành cho tổ chức, doanh nghiệp, cá nhân họat động thương mại .BIZ Dành cho tổ chức, doanh nghiệp, cá nhân kinh doanh, tương đương với COM.VN .EDU Dành cho quan, tổ chức, doanh nghiệp có hoạt động liên quan tới giáo dục, đào tạo .GOV Dành cho quan, tổ chức thuộc máy nhà nước trung ương địa phương .NET Dành cho quan, tổ chức, doanh nghiệp thực chức mạng nói chung .ORG Dành cho tổ chức trị, xã hội quan, tổ chức, doanh nghiệp có hoạt động liên quan đến lĩnh vực trị, xã hội .INT.VN Dành cho tổ chức quốc tế Việt Nam .AC Dành cho tổ chức nghiên cứu quan, tổ chức, Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái doanh nghiệp có hoạt động liên quan tới lĩnh vực nghiên cứu .PRO Dành cho tổ chức, cá nhân hoạt động lĩnh vực có tính chun ngành cao .INFO Dành cho tổ chức cung cấp nguồn liệu thông tin lĩnh vực kinh tế, trị, văn hóa, xã hội quan, tổ chức, doanh nghiệp liên quan tới lĩnh vực cung cấp nguồn liệu thông tin thông tin cá nhân HEALTH Dành cho tổ chức y tế, dược phẩm quan, tổ chức, doanh nghiệp có hoạt động liên quan tới lĩnh vực y tế, dược phẩm .NAME Dành cho tên riêng cá nhân tham gia hoạt động Internet Hosting Hosting không gian ổ cứng máy chủ để lưu Website bạn, Nếu muốn Website hoạt động bạn bắt buộc phải có hosting Hiện nhà cung cấp dịch vụ hosting thường chia thành gói nhỏ (100Mb, 200Mb, 300Mb, 1Gb, ) Việc lựa chọn cho gói hosting cho phù hợp với nhu cầu vấn đề cần cân nhắc Đối với Website tĩnh, Website thơng tin thay đổi nội dung, ảnh cần mua gói 100Mb đủ Cịn Website có số lượng liệu lớn, nhiều ảnh cần phải sử dụng gói lớn 300Mb, 1Gb hay chí cịn phải thuê riêng máy chủ Việc lựa chọn nhà cung cấp hosting việc khó, có nhiều nhà cung cấp hosting với giá khác Nhưng lời khuyên tốt cho bạn bạn nên chọn nhà cung cấp có dịch vụ hỗ trợ khách hàng tốt V URL (Uniform Resource Locator): URL cách gọi khác địa web URL bao gồm tên giao thức (thường HTTP FTP), tiếp đến dấu hai chấm (:), hai dấu gạch chéo (//), sau tên miền muốn kết nối đến Ví dụ: Một URL “http://www.vnn.vn/cntt” hướng dẫn trình duyệt web sử dụng giao thức giao thức http để kết nối đến máy tính www.vnn.vn, mở tệp web ngầm định có tên default.htm (hay index.htm) thư mục cntt Tên tệp tin ngầm định không cần gõ vào URL Khi gõ URL bỏ qua tên giao thức http trình duyệt lấy giao thức http làm giao thức ngầm định URL có cú pháp đặc biệt Tất URL phải xác, chí có ký tự sai hay thiếu dấu chấm không Web Server chấp nhận, nhập sai ký tự địa URL dẫn đến Web site có nội dung khác nhận thơng báo Web site khơng tồn Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái VI ĐỊA CHỈ TƯƠNG ĐỐI VÀ TUYỆT ĐỐI Để tạo siêu liên kết, ta cần xác định địa URL tài liệu nối kết đến URL chuỗi cung cấp địa tài nguyên Internet Có hai dạng URL: - URL tuyệt đối: Là địa Internet đầy đủ tài liệu, bao gồm giao thức, tên máy server, đường dẫn tên file Ví dụ: http://www.ueh.edu.vn/main.html URL tuyệt đối - URL tương đối: Chỉ cung cấp số thông tin địa tài liệu Trình duyệt lấy thơng tin cịn lại dựa vào khác biệt tương đối trang với trang liên kết Ví dụ: Trong trang main.html có liên kết đến trang VB2.htm Vị trí trang sau: dhkt\main.html dhkt\tuyensinh\VB2.htm Như vậy, URL tương đối liên kết là: tuyensinh\VB2.html VII CÁC CÔNG CỤ THIẾT KẾ WEB Đối với việc thiết kế web cơng cụ thiết kế Web DreamWeaver, PHP Edit, FrontPage, Notepad, Notepad ++, Zend Studio, Zend Eclipse, Visual Studio, Edit Plus công cụ thiếu Tùy vào mã nguồn ngơn ngữ lập trình mà bạn chọn công cụ phù hợp - Notepad : Là phần mềm soạn thảo văn đơn giản tích hợp vào Windows thích hợp cho người học HTML - Notepad ++: Là phần mềm soạn thảo mã nguồn hỗ trợ đa ngơn ngữ lập trình C, C++, Java, C#, XML, HTML, PHP, Javascript … - FrontPage : Là chương trình thiết kế website, nằm phần mềm Microsoft office Bạn lựa chọn thiết kế web dạng đồ họa(design) hồn tồn ngơn ngữ HTML(code) - DreamWeaver: Là chương trình thiết kế website (ở chế độ: Design, code, Split) nằm sản phẩm hãng Adobe hỗ trợ : HTML, CSS, Javascript, PHP, ASP… - Visual Studio: Là phần mềm tạo dự án công nghệ thơng tin, có dự án website Cũng tương tự FrontPage DreamWeaver, Visual Studio hỗ trợ thiết kế website chế độ: Design, code, Split Nếu muốn phát triển dự án website ASP,ASPX Visual Studio lựa chọn phù hợp Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Bài TẠO CÁC TRANG WEB VỚI HTML I GIỚI THIỆU HTML (Hyper Text Markup Language) Là hàng loạt đoạn mã chuẩn với quy ước thiết kế để tạo nên trang web hiển thị trình duyệt web HTML cho phép bạn tạo trang phối hợp hài hịa văn thơng thường với hình ảnh, âm thanh, video, mối liên kết đến trang siêu văn khác - Hyper : HTML cho phép liên kết nhiều trang văn rải rác khắp nơi internet Nó có tác dụng che dấu phức tạp internet người sử dụng, đọc mà khơng cần biết đến văn nằm đâu, xây dựng phức tạp - Text : Để trình bày văn phải dựa tảng văn Các thành phần khác hình ảnh, âm thanh, hoạt hình … phải liên kết vào đoạn văn - Markup : Là ngôn ngữ thẻ đánh dấu - Tag Các thẻ xác định cách thức trình bày đoạn văn tương ứng hình - Language : Là ngôn ngữ tương tự ngơn ngữ lập trình, nhiên đơn giản Nó có cú pháp chặt chẽ để viết thẻ thực việc trình diễn văn Các từ khố có ý nghĩa xác định cộng đồng internet thừa nhậnvà sử dụng Ví dụ b = bold, ul = unordered list, Chú ý: HTML ngôn ngữ lập trình Dạng thẻ HTML (tag) - Thẻ HTML bao quanh hai dấu lớn < > nhỏ - Thẻ HTML thường có cặp, thẻ thứ thẻ mở đầu thẻ thứ hai thẻ kết thúc Ví dụ: nội dung - Dòng chữ hai thẻ bắt đầu kết thúc nội dung - Những thẻ HTML khơng phân biệt viết hoa viết thường, ví dụ dạng Cấu trúc trang web viết html: Tên tiêu đề trang web Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Trong đó: • : Báo cho Browser(trình duyệt web) biết nội dung bên thẻ tài liệu html • Tag khai báo thơng tin cho trang HTML, thơng tin bao gồm: , , ,và - Tag : Giữa tiêu đề trang web browser trình bày phía menubar - Tag cung cấp thông tin liệu văn HTML, thông tin liệu không hiển thị trình duyệt Tag thường sử dụng để xác định mơ tả trang (description), từ khóa (keywords) - Tag xác định mối quan hệ tài liệu HTML tài nguyên bên Tag dùng phổ biến liên kết tới tài liệu css - Tag dùng để xác định kịch (script) phía máy khách (client), chẳng hạn javascript • : Trình bày nội dung trang web thẻ Thẻ có số thuộc tính sau: - Background :Quy định hình trang cho trang web - Bgcolor: Xác định màu cho trang web - Màu sắc siêu liên kết trang web với link ( liên kết bình thường ), vlink (visited link - Liên kết ghé thăm), alink (activated link - Liên kết kích hoạt ) - Text: Màu văn trang web - Căn lề nội dung trang web với topmargin(Khoảng cách từ dòng đến lề trang web), leftmargin(Khoảng cách từ nội dung đến lề bên trái trang web), rightmargin(Khoảng cách từ nội dung đến lề bên phải trang web) Chú thích html Chú thích HTML dùng để diễn giải thích cho thẻ HTML đoạn mã HTML Khi trình duyệt đọc đến dịng thích bỏ qua khơng hiển thị lên trình duyệt Đoạn thích viết với cấu trúc sau: Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Môi trường soạn thảo - Có thể tạo trang HTML trình soạn thảo “văn thuần” như: NotePad, WordPad … - Các trình soạn thảo có hỗ trợ thiết kế như: MSFrontPage, DreamWeaver,… II.TẠO VÀ THỰC THI TRANG WEB HTML - Tạo trang html: Tạo file đặt tên cho file với phần mở rộng là: htm html Ví dụ trangchu.htm index.html - Thực thi trang web html: Để thực thi trang web html lấy trình duyệt web mở file web vừa tạo III CÁC THẺ ĐỊNH DẠNG KHỐI Thẻ P - Thẻ

sử dụng để định dạng đoạn văn - Cú pháp:

Nội dung đoạn văn bản

Các thẻ định dạng đề mục H1/H2/H3/H4/H5/H6 - HTML hỗ trợ mức đề mục Đề mục cấp cao giảm dần đến Thơng thường đề mục cấp có kích thước nhỏ văn thông thường - Dưới thẻ dùng để định dạng văn dạng đề mục - Định dạng đề mục cấp Định dạng đề mục cấp Định dạng đề mục cấp Định dạng đề mục cấp Định dạng đề mục cấp Định dạng đề mục cấp Thẻ xuống dịng BR Thẻ khơng có thẻ kết thúc tương ứng () Nó có tác dụng chuyển sang dịng Lưu ý, nội dung văn html trình duyệt hiển thị liên tục, khoảng trắng liền nhau, kí tự tab, xuống dịng coi khoảng trắng Để xuống dòng tài liệu html bạn phải sử dụng thẻ Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Thẻ HR Thẻ tạo đường kẻ ngang trang HTML thẻ đơn khơng có thẻ đóng Thẻ PRE Để giới hạn đoạn văn định dạng sẵn bạn sử dụng thẻ Văn hai thẻ thể giống hệt chúng đánh vào, ví dụ dấuxuống dòng đoạn văn giới hạn thẻ sẽ có ý nghĩa chuyển sang dịng (trình duyệt không coi chúng dấu cách) Cú pháp: Văn định dạng Thẻ Span Div - Thẻ HTML thật thẻ trung hịa, khơng thêm hay bớt thứ vào tài liệu HTML Nhưng nhờ tính chất trung hịa mà lại cơng cụ đánh dấu tuyệt vời để qua viết CSS định dạng cho phần tử mong muốn - Cũng , thẻ trung hòa thêm vào tài liệu HTML với mục đính nhóm phần tử lại cho mục đích định dạng CSS Tuy nhiên, điểm khác biệt dùng để nhóm khối phần tử nhóm nhiều khối phần tử IV CÁC THẺ ĐỊNH DẠNG DANH SÁCH Danh sách không theo thứ tự Danh sách không theo thứ tự danh sách mục Danh sách mục đánh dấu bullet (dạng gạch đầu dòng vịng trịn màu đen) Danh sách khơng theo thứ tự bắt đầu với thẻ

Mỗi mục bắt đầu với thẻ
• Cú pháp:
  • Mục thứ nhất
  • Mục thứ hai
  …
  Ví dụ:
  • Apples
  • Bananas
  • Lemons
  Kết quả: • Apples 10 Giáo trình môn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái :visited Liên kết thăm :active Kích hoạt thành phần Chèn nội dung phía trước nội dung thành phần Chèn nội dung phía sau nội dung thành phần Đặt thuộc tính cho dịng thành phần Đặt thuộc tính phần tử thành phần Đặt thuộc tính chữ thành phần Margin :before :after :first-line :first-child :first-letter • margin Thuộc tính ngắn cho thiết lập margin • • • margin-top margin-right margin-bottom margin-left Thiết lập canh lề cho thành phần Thiết lập canh lề phải cho thành phần Thiết lập canh lề cho thành phần Thiết lập canh lề trái cho thành phần • • • • • • • • • • • • margin-top margin-right margin-bottom margin-left auto % auto % auto % auto % Padding • padding Thuộc tính ngắn cho thiết lập padding • • • padding-top padding-right padding-bottom padding-left Thiết lập đệm cho thành phần Thiết lập đệm phải cho thành phần Thiết lập đệm cho thành phần Thiết lập đệm trái cho • • • • • • • padding-top padding –right padding -bottom padding -left % % % 143 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái thành phần • % Border • border-width border-color border-style Thin Medium thick • • • none hidden solid dotted dashed double groove ridge inset outset • • border-top-style Thiết lập kiểu viền phía border-rightThiết lập độ rộng viền phải width border-right-color Thiết lập màu viền phải • • • border-right-style border-bottomwidth border-bottomcolor border-bottomstyle border-left-width Thiết lập kiểu viền phải Thiết lập độ rộng viền bên • • Thiết lập màu viền bên • Thiết lập kiểu viền bên • Thiết lập độ rộng viền trái • border-left-color Thiết lập màu viền trái • border-left-style Thiết lập kiểu viền trái • border border-width border-color Thuộc tính ngắn cho tất thiết lập border cho thành phần Thiết lập độ rộng đường viền Thiết lập màu cho đường viền • • • • • • • • • border-style Thiết lập kiểu đường viền • • • • • border-top-width border-top-color Thiết lập độ rộng viền phía Thiết lập màu viền phía width 144 Giáo trình mơn: Thiết kế & quản trị Website width max-width min-width Trường Cao đẳng nghề Yên Bái Thiết lập chiều rộng đối tượng • Thiết lập chiều rộng tối đa cho đối tượng • Thiết lập chiều rộng tối thiểu cho đối tượng • • • • • • auto % none % % height height max-height min-height Thiết lập chiều cao cho đối tượng • • • Thiết lập chiều cao tối đa cho đối tượng • Thiết lập chiều cao tối thiểu cho đối tượng • • • • auto % none % % Layout Position float Cố định đối tượng • • • clear position top right bottom left z-index Cách thức xử đối tượng liên quan với đối tượng floated • định vị đối tượng • Thiết lập tọa độ đỉnh đối tượng • Thiết lập tọa độ bên phải đối tượng • Thiết lập tọa độ đáy đối tượng • Thiết lập tọa độ bên trái đối tượng • Định lớp đối tượng • • • • • • • • • • • • • • Left Right none left right both none relative absolute auto % Auto % Auto % auto % auto number 145 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Bài XUẤT BẢN VÀ QUẢN TRỊ WEBSITE I XUẤT BẢN WEBSITE Xuất website chép website lên Web Server Để cho người truy cập vào website nơi Sau bước xuất website lên mạng Chọn đăng ký tên miền Tên miền (Domain) có ý nghĩa quan trọng việc xây dựng thương hiệu môi trường internet sau số lời khuyên việc lựa chọn tên miền để đạt hiệu cao Quy tắc : Càng ngắn tốt Mặc dù tên miền ngắn khó đăng ký nay, trừ bạn muốn tên miền tên đầy đủ công ty bạn, bạn nên chọn tên miền ngắn (msn.com, hp.com, ).Tên miền ngắn dễ nhớ, dễ gõ địa chỉ, dễ dàng cần thiết kế nhãn hiệu, logo Quy tắc : Dễ nhớ Những tên miền có ý nghĩa đặt biệt, phát âm giàu âm điệu, dễ nghe, dễ đọc dễ nhớ Hãy đọc to nhiều lần tên miền mà bạn muốn đăng ký Nếu chúng khó phát âm, khó nhớ, dễ gây nhầm lẩn, chọn tên miền khác Những tên miền ngộ nghĩnh dễ nhớ ( Alibaba.com, Umbala.com, ) Trong giới internet, tất mục đích tên miền, ln trí nhớ khách hàng Quy tắc 3: Không gây nhầm lẫn Một tên miền tốt phải không tương tự dễ gây nhầm lẫn với tên miền sẵn có Nếu tên miền sẵn có thương hiệu đăng ký, bạn gặp rắc rối sử dụng tên miền tương tự Một khía cạnh cần phải lưu ý tên miền bạn cần phải dễ đọc bạn phải đọc tên miền cho qua điện thoại Đừng dùng dấu gạch ngang ( - ) tên miền bạn ( trừ bắt buộc ), dễ nhầm lẫn đọc và gõ tên miền loại Quy tắc 4: Khó viết sai Tên miền dài phức tạp nhiều khả bị viết sai Nếu tên miền doanh nghiệp bạn dài rắc rối, bạn nhiều khách hàng Một số kẻ lợi dụng nhầm lẫn người truy cập gõ sai địa để đến website khác 146 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Quy tắc 5: Tên miền phải liên quan đến tên lĩnh vực hoạt động doanh nghiệp bạn Điều rõ ràng hiển nhiên, lại không dễ thực Nếu bạn khơng thể tìm xác tên miền cho doanh nghiệp bạn, đừng bỏ Hãy thử tìm tên nói lên chức năng, cơng việc hay mơ tả tính độc đáo doanh nghiệp bạn Nếu doanh nghiệp bạn có tên A hoạt động bạn hotel, tên thích hợp www.Ahotel.com Bạn xem xét khả dùng tên miền có phần BIZ, INFO khơng tìm tên có phần đuôi COM,.NET,.ORG Quy tắc 6: Tên miền phải xây dựng dựa khách hàng mục tiêu Với nhiều phần đuôi tên miền nay, nguời sử dụng interrnet phần lớn quen thuộc với tên miền com, net, org Nếu khách hàng mục tiêu bạn tồn cầu, tên miền COM, NET có lợi cho bạn Nếu bạn muốn nhấn mạnh doanh nghiệp bạn quốc gia, bạn xem xét để có tên miền quốc gia ( VN: quốc gia Việt Nam, US: quốc gia Hoa Kỳ, AU: quốc gia Úc, ) chọn lựa đắn bạn Chọn nhà cung cấp dịch vụ hosting Giống cửa hàng đặt trung tâm thương mại, trang web bạn cần nằm máy chủ Ở giai đoạn bạn cần tìm nhà cung cấp dịch vụ máy chủ(web hosting) nơi giúp bạn lưu trữ tất thư mục hình ảnh trang web bạn Máy chủ giúp trang web bạn “sống” người dùng internet truy cập website bạn Mức phí tùy thuộc vào nhà cung cấp chất lượng máy chủ, dung lượng, băng thông, email server tùy thuộc vào gói dịch vụ mà bạn mua Giá rẻ nhiều so với chi phí thuê mặt kiểu kinh doanh truyền thống Trước chọn bỏ qua nhà cung cấp bạn nên giành thời gian để tìm hiểu nhà cung cấp nhiều cách: - Lên mạng tìm kiếm thơng tin nhà cung cấp - Vào trang chủ nhà cung cấp hosting tìm hiểu thơng tin, sở vật chất – kĩ thuật, đội ngũ … - Lên diễn đàn hosting, domain … tìm hiểu thơng tin, nhận xét nhà cung cấp hosting thông qua viết - Khi tham khảo bạn nên quan tâm đến vấn đề sau: + Địa liên lạc, số điện thoại hỗ trợ Hosting Những Hosting có địa liên lạc, số điện thoại rõ ràng đáng tin cậy + Thời gian hoạt động công ty + Nơi đặt server Cấu hình server (nếu có) + Hệ thống hỗ trợ kĩ thuật Hosting Qua email, live chat, phone, ticket v.v 147 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái + Quy định sử dụng + Hình thức tốn (3 tháng, tháng, năm, …) + Giá cả, khuyến Lựa chọn gói hosting: Nhiều người nghĩ đơn giản lựa chọn gói hosting phụ thuộc vào túi tiền bạn thực tế khơng phải Bạn cần phải tìm hiểu kỹ nhiều thơng số trước định mua gói hosting Những thông số nên quan tâm: - Disk space – Banwith: Bạn khơng nên lựa chọn gói hosting có disk space vừa đủ với dung lượng muốn upload lên Hosting bạn cần khoảng trống để chạy nhiều ứng dụng khác mail, database, tệp tin tạm … - Banwith dự kiến bạn tính theo cơng thức sau: (Dung lượng trung bình người tải về)x(số người truy cập website hàng ngày)x(30) - Tìm hiểu số lượng sub domain, số lượng database gói host - Tìm hiểu gói hosting có thơng số phù hợp với mã nguồn muốn sử dụng hay khơng Kết luận Việc lựa chọn cho hosting phù hợp định phát triển độ ổn định cho website bạn Chọn hosting tốt tiết kiệm cho bạn nhiều thời gian tiền bạc Cài đặt tên miền hosting Sau bạn đăng kí tên miền hosting, nhà cung cấp dịch vụ tên miền hosting cung cấp cho bạn tài khoản quản trị (thông thường tài khoản quản trị gửi vào địa email bạn đăng kí dich vụ ) Để đưa website chạy môi trường mạng internet, bạn cần phải dựa vào tài khoản cấp, tiến hành cài đặt tên miền hosting ➢ Cài đặt tên miền: Khi nhà cung cấp dịch vụ tên miền gửi thông tin quản trị tới bạn(bao gồm tài khoản quản trị, địa website để cài đặt tên miền).Bước bạn cần làm truy cập vào website quản trị nhà cung cấp Nhập tên tài khoản mật cấp tiến hành thao tác đăng nhập để bắt đầu cài đặt tên miền Cách thức cài đặt tên miền khác tùy thuộc vào cơng ty nơi bạn đăng ký mua tên miền Và đa số họ có thơng tin hướng dẫn cài đặt tên miền đặt website Chính bạn nên đọc kĩ thông tin hướng dẫn trước cài đặt 148 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Ví dụ Khi bạn đăng nhâp vào trang web quản trị tên miền nhà cung cấp dịch vụ VDC giao diện đăng nhập Tại bạn nhập thông tin tài khoản mật cấp click chuột vào nút đăng nhập Sau đăng nhập thành công giao diện trang quản trị tên miền Nếu bạn chưa rõ cách cài đặt tìm hiểu cách cài đặt mục “hướng dẫn” menu ngang Sau click chuột vào menu “Tên miền” Một form chứa danh sách tên miền Bạn click chuột vào tên miền muốn cài đặt để bắt đầu 149 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Click chuột vào tên miền để bắt đầu cài đặt Tại form cài đặt tên miền bạn thực thêm ghi để trỏ tên miền vào hosting hướng dẫn nhấn nút “ Save” để hồn tất q trình cài đặt Địa máy chủ nơi đặt website ➢ Cấu hình hosting Cũng tương tự cài đặt tên miền, bạn cần phải đăng nhập vào trang web quản trị hosting (Thông thường máy chủ sử dụng Parallets để quản trị tài khoản hosting máy mình) để bắt đầu cài đặt Dưới giao diện trang đăng nhập, bạn nhập thông tin tài khoản mật cấp để quản trị tài khoản hosting 150 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Sau đăng nhập thành công Giao diện trang quản trị hosting hình Tại bạn cập nhật thơng tin cho tài khoản hosting thơng qua menu như: Cập nhật thông tin sở liệu cho website • Databases: • BackupManager: Sao lưu khôi phục lại thông tin cài đặt, sở liệu cho website 151 Giáo trình mơn: Thiết kế & quản trị Website • Trường Cao đẳng nghề Yên Bái File Manager: Quản lý thư mục, tệp tin dự án website thay đổi quyền truy cập, upload file, download file Đưa website lên mạng Sau cài đặt song tên miền hosting công việc bạn cần chép toàn thư mục tệp tin dự án website bạn vào thư mục quy định hosting thông thường thư mục httpdocs Khi máy chủ hỗ trợ FTP, bạn sử dụng phần mềm FTP (FTP Client) để kết nối với máy chủ tải lên tệp tin liệu cập nhật website cách dễ dàng Các phần mềm FTP client bạn sử dụng: Cute FTP, FireFTP, Ws-ftp LE, FileZilla … Sau tìm hiểu cách sử dụng FileZilla Sau cài đặt, chạy chương trình ta có giao diện sử dụng chương trình hình bên Click chọn File / Site Manager để vào phần quản lý account FTP 152 Giáo trình môn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Để tạo kết nối (cho lần đầu tiên) ta click chọn New Site đặt tên gợi nhớ cho dễ phân biệt, quản lý (nếu có nhiều tài khoản FTP) Như ví dụ có tên FTP CAODANGNGHE Tiếp theo điền thông số FTP host để kết nối - Host : Địa hosting muốn kết nối - Port : 21(mặc định) - Logontype : Account - User : Tên tài khoản FTP mà nhà cung cấp dịch vụ hosting cấp - Password : Nhập vào password tương ứng account FTP - Account : Đặt tên gợi nhớ Nhập thông tin xong click chọn OK để lưu lại thoát Tiếp theo vào lại File/Site Manager…chọn kết nối vừa tạo click Connect để kết nối với hosting Ngồi bạn sử dụng thao tác kết nối nhanh cách nhập thông tin kết nối form phần mềm click vào nút Quickconnect 153 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Nếu kết nối thành cơng có thơng báo hình bên Nếu không kiểm tra lại thông tin thử lại Khi kết nối thành cơng chương trình có phần trái phải đại diện cho việc liệu nơi – máy tính (cửa sổ trái) host (cửa sổ phải, internet) Muốn đưa liệu (file, folder) từ máy tính lên Host ta click phải chuột chọn vào liệu máy tính click chọn Upload (hoặc thực thao tác kéo thả) Đợi thời gian (tùy liệu nhiều hay mà thời gian chậm nhanh) thấy liệu muốn đưa lên phần Host 154 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Tương tự để lấy liệu Host máy tính (download) ta chọn liệu phần Host, click chuột phải chọn Download(hoặc thực thao tác kéo thả vào vùng cần lưu) Chú ý: Hầu hết hosting cài đặt file mặc định chạy cho thư mục chứa website file index.html Nghĩa website truy cập tên miền http://www.tênmiền.vn, server trả trang http://www tênmiền.vn/index.html Điều áp dụng cho subdomain Khi upload website không sử dụng trang index.html thứ tự file chạy index.aspx index.php tùy thuộc vào hosting hỗ trợ ASP hay PHP II QUẢN TRỊ WEBSITE Quản trị website công việc mà công ty/ tổ chức/ cá nhân phải làm sau website xuất lên mạng Công việc quản trị website bao gồm Cập nhật nội dung website Sau website đưa lên mạng, liệu website thường liệu có tính chất demo, liệu thật mà công ty/ tổ chức muốn truyền tải 155 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái tới người xem Vì sau tiếp nhập website, người quản trị website phải xây dựng nội dung cho website: viết giới thiệu công ty, cập nhật thông tin liên hệ, đưa thông tin sản phẩm/ dịch vụ/ tin tức công ty lên website Một website thường xuyên cập nhật nội dung (thơng tin, hình ảnh, tin tức,…) hấp dẫn người xem người xem đánh giá cao Việc thường xuyên cập nhật nội dung cho website giúp website có nhiều người truy cập Từ đó, cơng ty/ tổ chức có thêm nhiều khách hàng/ đối tác từ website Sửa lỗi nâng cấp trang web Sau thời gian hoạt động, số lỗi phát sinh website như: hình ảnh bị mất, link bị lỗi, bị spam tin nhắn qua website,… Người quản trị phải thường xuyên check sửa lỗi để người truy cập website không gặp lỗi Một website có nhiều lỗi website chất lượng Khách hàng tham khảo điều để định có hợp tác với cơng ty/ tổ chức hay khơng Tối ưu website Có thể tối ưu hình ảnh cho website chạy nhanh Hay tối ưu website, giúp tăng thứ hạng website công cụ tìm kiếm Google, Yahoo,… Việc tối ưu website mang lại nhiều lợi ích, giúp cơng ty/ tổ chức có thêm nhiều khách hàng Đồng thời nâng cao thương hiệu công ty Quảng bá website Đây công việc quản trị website Một website dù có tốt đến đâu, chăm sóc kỹ đến đâu mà khơng có người truy cập Thì website khơng thể mang lại hiệu Vì vậy, người quản trị website cịn có cơng việc quảng bá website để nhiều người biết tới Có thể là: quảng bá website diễn đàn/ site rao vặt, quảng bá website qua nick yahoo, quảng bá website qua email,… Báo cáo tổng kết Đây phần thiếu quản lý website Nếu bạn quản lý cách mù mờ, khơng rõ ràng, khơng có báo cáo, bạn khó biết xu hướng, tình trạng website Do đó, báo cáo đơn giản, trung thực công cụ tốt để bạn đánh giá website cách hiệu 156 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái TÀI LIỆU THAM KHẢO − VN Guide, Internet toàn tập, NXB Khoa học kỹ thuật, 1995; − Khuất Thùy Phương, Lập Trình Ứng Dụng Web Với PHP, NXB Thống kê, 2007; − VN-Guide, Thiết kế trang web với HTML, NXB Thống kê HN, 2004; − SCC Technology, Thiết kế website với Macromedia Dreamweaver, 2004; − Nguyễn Trường Sinh, Thiết kế website với FrontPage, NXB Thống kê, 2006; − Các tài liệu, tập HTML internet; − Mediaspace Club, Macromedia Dreamweaver MX, 2004 − Maricopa Center for Learning and Instruction, Writing HTML Tutorial, 1999; − Web Publishing with HTML 3.0 in a Week; 157 ... Tập 4 31 Giáo trình môn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEBSITE< /font> ... trợ thiết kế website chế độ: Design, code, Split Nếu muốn phát triển dự án website ASP,ASPX Visual Studio lựa chọn phù hợp Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái. .. 41 Giáo trình mơn: Thiết kế & quản trị Website Trường Cao đẳng nghề Yên Bái Bài THIẾT KẾ WEB BẰNG PHẦN MỀM DREAMWEAVER I MỞ ĐẦU Giới thiệu Macromedia Dreamweaver trình biên soạn HTML chuyên