Tìm hiểu về web và thiết kế website Web là dịch vụ phổ biến hiện nay trên Internet , cho phép chúng ta truy xuất thông tin văn bản ,hình ảnh ,âm thanh ,video trên toàn thế giới. Thông tin trên Internet hiện nay đuơc thể hiện chủ yếu qua hàng triệu triệu trang web. Vậy Website là gỉ?
Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Phần 1: GIỚI THIỆU CHUNG VỀ WEBSITE VÀ WEB Web dịch vụ phổ biến Internet , cho phép truy xuất thông tin văn ,hình ảnh ,âm ,video tồn giới Thông tin Internet đuơc thể chủ yếu qua hàng triệu triệu trang web Vậy Website gỉ? Chúng ta hiểu website tương tự quảng cáo trang vàng, có điểm khác chỗ cho phép người truy cập trực tiếp thực nhiều việc website giao tiếp, trao đổi thông tin với người chủ website với người truy cập khác, tìm kiếm, mua bán vv xem quảng cáo thơng thường Hàng triệu người khắp giới truy cập website- nhìn thấy khơng giới hạn phạm vi lãnh thổ Đối với doanh nghiệp, Website cửa hàng ảo với hàng hố dịch vụ giới thiệu rao bán thị trường toàn cầu Cửa hàng mở cửa 24 ngày, ngày tuần, quanh năm, cho phép khách hàng tìm kiếm thơng tin, xem, mua sản phẩm dịch vụ lúc họ muốn Khi xem thông tin trang Web trang Web đến từ Website, Website đến từ Mỹ, từ Việt Nam, hay nơi khác giới Website tên địa mà gọi tên người ta gọi tên miền hay domain name Một website thiết phải có tên miền có nhiều tên miền trỏ vào Có nhiều loại tên miền khác như: • www.abc.com: tên miền quốc tế (.net, biz, org ) • www.abc.com.vn: tên miền quốc gia • www.abc.com/xyz/ (xyz tên miền website abc) : tên miền phụ (sub domain) Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh www.xyz.abc.com (xyz tên miền website abc) v.v Thường Website sở hữu cá nhân tổ chức Website văn phòng ảo doanh nghiệp mạng Internet Website bao gồm tồn thơng tin, liệu, hình ảnh sản phẩm, dịch vụ hoạt động sản xuất kinh doanh mà doanh nghiệp muốn truyền đạt tới người truy cập Internet Với vai trò quan trọng vậy, coi Website mặt Cơng ty, nơi để đón tiếp giao dịch với khách hàng mạng Website không đơn nơi cung cấp thông tin cho người xem, cho khách hàng đối tác kinh doanh doanh nghiệp, cịn phải phản ánh nét đặc trưng doanh nghiệp, đảm bảo tính thẩm mỹ cao, tiện lợi, dễ sử dụng đặc biệt phải có sức lơi người sử dụng để thuyết phục họ trở thành khách hàng doanh nghiệp Web trở thành kho tàng thông tin khổng lồ nhân loại môi trường chuyển tải thông tin thiếu thời đại công nghệ thông tin ngày Sự phổ biến bùng nổ thông tin Web đặt thách thức làm để khai thác thông tin Web cách hiệu quả, mà cụ thể để máy tính trợ giúp xử lý tự động chúng Muốn vậy, trước hết máy tính phải hiểu thơng tin tài liệu Web, hệ Web thông tin biểu diễn dạng văn thô mà có người đọc hiểu Điều thúc đẩy đời ý tưởng Web có ngữ nghĩa, hệ Web, mà lộ trình phát triển Tim BernersLee, cha đẻ Web, phác thảo vào năm 1998 Web có ngữ nghĩa mở rộng Web mà thơng tin định nghĩa rõ ràng cho người máy tính làm việc với cách hiệu Mục tiêu Web có ngữ nghĩa để phát triển chuẩn Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh chung cơng nghệ cho phép máy tính hiểu nhiều thơng tin Web, cho chúng hỗ trợ tốt việc khám phá thơng tin, tích hợp liệu, tự động hóa cơng việc Hiện tại, hoạt động nghiên cứu Web có ngữ nghĩa tập trung vào ba hướng sau đây: - Chuẩn hố ngôn ngữ biểu diễn liệu (XML) siêu liệu (RDF) Web - Chuẩn hố ngơn ngữ biểu diễn Ontology cho Web có ngữ nghĩa - Phát triển nâng cao Web có ngữ nghĩa (Semantic Web Advanced Development - SWAD) Trong ba hướng nghiên cứu nói trên, hướng thứ ba hướng thích hợp với hồn cảnh điều kiện Việt Nam, theo hai hướng đầu khó cạnh tranh với nhóm nghiên cứu lớn uy tín cao giới việc đề nghị ngôn ngữ chuẩn Hơn nữa, theo hướng thứ ba phát triển sớm ứng dụng thực tiễn Web có ngữ nghĩa Việt Nam Trong tài liệu, thực thể có tên đề cập đến tạo nên phần quan trọng cho ngữ nghĩa tài liệu Nói cách khác, để nắm ngữ nghĩa tài liệu trước hết cần nắm ngữ nghĩa thực thể có tên tài liệu Thực thể có tên người, tổ chức, nơi chốn, đối tượng khác tham khảo tên Các thực thể có tên khác chất ngữ nghĩa với từ (Word) chỗ chúng nói cá thể, từ nói chung khái niệm, phân loại, quan hệ, thuộc tính Việc xử lý từ đòi hỏi ngữ nghĩa từ vựng lý lẽ thông thường, việc xử lý thực thể có tên cần đến tri thức cụ thể giới xem xét Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hoàng Thi Vân Anh Ngữ nghĩa thực thể có tên phần ngữ nghĩa tồn tài liệu, rút trích thích chúng cách tự động với độ xác tương đối cao có ý nghĩa thực tiễn lớn Một ứng dụng rõ ràng xác định cung cấp tự động thơng tin thực thể có tên trang Web tin tức cho người đọc Các tài liệu Web có thích ngữ nghĩa cho thực thể có tên giúp cho việc tìm kiếm khai thác thơng tin xác hiệu Ví dụ truy vấn thành phố Sài Gòn trả tài liệu đề cập đến TP.HCM Sài Gòn thành phố, tài liệu chứa từ “Sài Gịn” “Đội bóng Cảng Sài Gịn”, “Xí nghiệp may Sài Gòn”, hay “Cty Saigon Tourist” Việc xác định ngữ nghĩa cho thực thể có tên khơng đơn giản dựa vào từ điển, thực thể có nhiều tên khác nhau, thực thể khác có tên Để website hoạt động cần phải có tên miền (domain), khơng gian lưu trữ máy chủ (hosting) nội dung (các trang web) Hosting có nghĩa việc lưu trữ website để trì họat động website mạng, có nghĩa không gian ổ đĩa máy chủ server để lưu nội dung website nhằm làm cho truy cập vào nội dung lúc nào, nơi Máy tính lưu nội dung website gọi máy chủ (server) phải hoạt động 24/24 Một website định phải có hosting hoạt động Hiện người ta phân website làm hai loại khác nhau: website động website tĩnh * Web tĩnh - Trang web tĩnh thường xây dựng ngôn ngữ HTML, DHTML,… Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh - Trang web tĩnh thường dùng để thiết kế trang web có nội dung cần thay đổi cập nhật - Website tĩnh website bao gồm trang web tĩnh khơng có sở liệu kèm - Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệp vừa nhỏ làm quen với môi trường Internet Trang web tĩnh website tĩnh có ưu nhược điểm - Ưu điểm bản: Thiết kế đồ hoạ đẹp: Trang Web tĩnh thường trình bày ấn tượng hút trang web động phần mỹ thuật đồ hoạ hồn tồn tự trình bày ý tưởng đồ hoạ mỹ thuật tồn diện tích trang web tĩnh + Tốc độ truy cập nhanh: Tốc độ truy cập người dùng vào trang web tĩnh nhanh trang web động khơng thời gian việc truy vấn sở liệu trang web động + Thân thiện với máy tìm kiếm (search engine) : Bởi địa URL html, htm,… trang web tĩnh không chứa dấu chấm hỏi (?) web động + Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp nhiều so với website động khơng phải xây dựng sở liệu, lập trình phần mềm cho website chi phí cho việc thuê chỗ cho sở liệu, chi phí u cầu hệ điều hành tương thích (nếu có), Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh - Nhược điểm bản: + Khó khăn việc thay đổi cập nhật thông tin: Muốn thay đổi cập nhật nội dung thông tin trang website tĩnh Chúng ta cần phải biết ngôn ngữ html, sử dụng chương trình thiết kế đồ hoạ thiết kế web chương trình cập nhật file lên server + Thơng tin khơng có tính linh hoạt, không thân thiện với người dùng: Do nội dung trang web tĩnh thiết kế cố định nên nhu cầu thông tin người truy cập tăng cao thơng tin website tĩnh khơng đáp ứng + Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp website tĩnh phải làm lại website * Web động - Web động thuật ngữ dùng để website có sở liệu hỗ trợ phần mềm phát triển web - Với web động, thông tin hiển thị gọi từ sở liệu người dùng truy vấn tới trang web Trang web gửi tới trình duyệt gồm câu chữ, hình ảnh, âm hay liệu số dạng bảng nhiều hình thức khác Chẳng hạn ứng dụng sở có chức cơng cụ thương mại điện tử (một cửa hàng trực tuyến) trưng bày catalogue sản phẩm website hay theo dõi kho hàng, mặt hàng giao, trang có liên quan đến sản phẩm phản ánh thay đổi Những website sở liệu cịn thực chức truyền xử lý thông tin doanh nghiệp – doanh nghiệp Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh - Web động thường phát triển ngơn ngữ lập trình tiên tiến PHP, ASP, ASP.NET, Java, CGI, Perl, sử dụng sở liệu quan hệ mạnh Access, My SQL, MS SQL, Oracle, DB2, - Thông tin web động luôn dễ dàng thường xun cập nhật thông qua việc Chúng ta sử dụng công cụ cập nhật phần mềm quản trị web Thông tin cập nhật sở liệu người dùng Internet xem chỉnh sửa Vì website hỗ trợ sở liệu phương tiện trao đổi thông tin nhanh với người dùng Internet Điều dễ nhận thấy website thường xuyên cập nhật thu hút nhiều khách hàng tới thăm web site có thay đổi thơng tin - Web động có tính tương tác với người sử dụng cao Với web động, Chúng ta hồn tồn dễ dàng quản trị nội dung điều hành website thơng qua phần mềm hỗ trợ mà không thiết Chúng ta cần phải có kiến thức định ngơn ngữ html, lập trình web, Chúng ta nhìn nhận vấn đề theo khía cạnh khác: chẳng hạn có sẵn sở liệu sở liệu sản phẩm, nhân sự, khách hàng hay sở liệu mà muốn đưa thêm giao diện web vào để người dùng nội hay người dùng Internet sử dụng chương trình với trình duyệt web - Tất website Thương mại điện tử, mạng thương mại, mạng thông tin lớn, website tổ chức, doanh nghiệp hoạt động chuyên nghiệp Net sử dụng công nghệ web động Có thể nói web động website giới chuyên nghiệp hoạt động môi trường Internet Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hoàng Thi Vân Anh Đặc điểm tiện lợi website: Ngày số web site giới đạt tới số khổng lồ Thông qua web site ,các cơng ty giảm tối đa chi phí in ấn phân phát tài liệu cho khách hàng ,và đại lý nhiều nơi Hệ thống máy tính cài đặt hệ điều hành khác trao đổi thơng tin liệu với thông qua chuẩn TCP/IP - Người dùng không cần biết máy tính xem thơng tin liệu dễ dàng nhờ công nghệ Web - Mang lại hiệu kinh tế cao nhờ công nghệ web giúp thiết lập trang web với giá thành rẻ Tận dụng tài nguyên sẵn có Internet Không cần đầu tư lớn cho huấn luyện đào tạo - Thông tin cập nhật nhất, giảm thời gian giá thành đưa sản phẩm tới thị trường Thơng tin liên lạc nhanh chóng, hiệu vượt khoảng cách địa lý - Thông tin dễ dàng cập nhật, thay đổi, khách hàng xem thông tin tức khắc, nơi nào, tiết kiệm chi phí in ấn, gửi bưu điện, fax, thông tin không giới hạn (muốn đăng thông tin được, không giới hạn số lượng thông tin, hình ảnh ) khơng giới hạn phạm vi khu vực sử dụng (tồn giới truy cập) Website tập hợp hay nhiều trang web Cho nên, nói “Doanh nghiệp tơi muốn xây dựng trang web” khơng xác từ ngữ, mà phải nói “Doanh nghiệp tơi muốn xây dựng website” Với lợi ích website đem lại Chúng ta thấy cần thiết việc xây dựng website riêng Đặc biệt với cơng ty du lịch Nó quảng bá sản phẩm dịch vụ khơng phạm vi vùng lãnh thổ mà toàn giới Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Phần 2: KHẢO SÁT VÀ PHÂN TÍCH THƠNG TIN Với điều kiện địa lý tự nhiên, lịch sử, văn hố tạo cho Việt Nam có tiềm du lịch dồi dào: Tiềm du lịch biển, rừng, vùng núi cao, hang động, kiến trúc cổ, lễ hội Như biết, Việt Nam đất nước biển cả, chiều dài bờ biển 3.260 km, dài chiều dài đất nước, suốt chiều dài có tới 20 b•i tắm tiếng miền Bắc có Trà Cổ, Hạ Long, Đồ Sơn Vào mùa đông vùng biển lạnh giá, cịn vùng biển phía nam ấm áp chói chang ánh nắng mặt trời biển Đà Nẵng, Nha Trang, Vũng Tàu, Hà Tiên v.v Tại đây, tắm biển suốt bốn mùa Đặc biệt vùng biển Hạ Long khơng b•i tắm đẹp mà kỳ quan thiên nhiên Trên vùng biển rộng khoảng 1.500 km, có tới hàng ngàn đảo đá quần tụ, dáng vẻ, giống rồng, hịn giống cóc, rùa, gà chọi Trong lòng đảo đá hang động kỳ thú Là quốc gia vùng nhiệt đới, Việt Nam có nhiều điểm nghỉ mát vùng núi mang dáng dấp ôn đới như: Sa Pa, Tam Đảo, Bạch M•, Đà Lạt Các điểm nghỉ mát thường độ cao 1000 m so với mặt biển Thành phố Đà Lạt không nơi nghỉ mát lý tưởng mà thành phố rừng thông, thác nước hoa Khách du lịch tới Đà Lạt bị quyến rũ âm hưởng trầm hùng, tha thiết tiếng đàn tơ rưng cồng chiêng Tây Nguyên đêm văn nghệ Ngoài điểm nghỉ mát vùng núi, Việt Nam có khu rừng quốc gia tiếng với sưu tập phong phú động thực vật nhiệt đới như: rừng quốc gia Cúc Phương, rừng quốc gia Cát Bà, rừng quốc gia Côn Đảo Bên cạnh khu rừng cịn có vùng tràm chim sân chim tiếng: Sân chim Minh Hải có tới 80 lồi chim, vùng tràm chim Tam Nơng (Đồng Tháp), nơi có chim sếu đầu đỏ sinh sống Học sinh:Nguyễn Thị Quyên Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Nguồn nước khoáng thiên nhiên Việt Nam phong phú: Suối khoáng Quang Hanh (Quảng Ninh), suối khoáng Hội Vân (Bình Định), suối khống Vĩnh Hảo (Bình Thuận), suối khống Dục Mỹ (Nha Trang), suối khống Kim Bơi (Hồ Bình) Những vùng nước khoáng trở thành nơi nghỉ ngơi phục hồi sức khoẻ nhiều khách du lịch ưa chuộng Với bề dày lịch sử hàng nghìn năm, Việt Nam cịn giữ nhiều di tích kiến trúc có giá trị Trong di tích cịn lại cịn có 11 di tích cổ đặc sắc giữ dáng vẻ ban đầu: Chùa Một Cột (Hà Nội), Tháp Phổ Minh (Nam Hà), Tháp Bình Sơn (Vĩnh Phú), Đình Tây Đằng Đình Chu Quyến (Hà Tây), Chùa Keo (Thái Bình), Chùa Bút Tháp (Hà Bắc), đình Đình Bảng (Hà Bắc), Chùa Tây Phương (Hà Tây), Chùa Kim Liên (Hà Nội), Tháp Chàm (Các tỉnh ven biển miền Trung) kiến trúc Huế Đặc biệt kiến trúc cung đình Huế UNESCO cơng nhận di sản văn hố giới Ngồi tiềm du lịch kể trên, Việt Nam nhiều vùng đất hoang sơ tiềm du lịch khác chưa khai thác Từ điều kiện thuận lợi xuất doanh nghiệp du lịch đặc biệt kinh doanh chủ yếu lĩnh vực xây dựng, bán thực chương trình du lịch trọn gói cho khách Ngồi ra, doanh nghiệp cịn thực dịch vụ trung gian bán tiêu thụ dịch vụ đơn lẻ nhà cung cấp khác thực kinh doanh dịch vụ du lịch tổng hợp nhằm tìm nhu cầu khách, chuẩn bị chuyến kết thúc chuyến họ mà gọi họ Công ty lữ hành Theo điều 27 pháp lệnh Du lịch Việt Nam: “để thành lập doanh nghiệp du lịch, đăng ký kinh doanh du lịch, tổ chức cá nhân phải có đủ điều kiện sau đây: Học sinh:Nguyễn Thị Quyên 10 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh điều mà người cần tìm hiểu thông tin dễ dàng xem chi tiết lịch trình dịch vụ kèm theo tour Các trang tour danh sách trình bày đầy đủ thời gian tổ chức tour, dịch vụ giá khách sạn, giá vé máy bay tàu hoả số thông tin liên quan khác Trang dịch vụ: Trang cung cấp thông tin dịch vụ kèm theo tour trình bày trên, với dịch vụ cho thuê xe ô tô loại từ xe chỗ đến 45 chỗ Tại cung cấp thông tin loại xe, giá loại địa điểm Nhờ có thơng tin trang dịch vụ cung cấp khách hàng dễ dàng để lựa chọn tour cho mà khơng phải lo lắng phương tiện lại tự lựa chọn loại phương tiện cho Trangkhách sạn: Cũng trang dịch vụ trang cung cấp thông tin khách sạn miền đất nước Bắc – Trung – Nam Ở miền Bắc có khách sạn như: Daewoo, Horison, Hilton Hanoi Opera, Melia Hà Nội, Sofitel Plaza Hà Nội, Bảo Sơn, … Hà Nội; khách sạn Hải Phòng Tray, Hữu Nghị, Harbour View, Đại Dương, Bạch Đằng, … Hải Phòng; khách sạn Asean , Hạ Long Dream, Hạ Long Plaza, Heritage Hạ Long, Mithrin, Pearl, …ở Quảng Ninh Miền Trung có khách sạn như: Hương Biển, Bơng Sen, Thanh Hố, Hải Quan, Lê Lợi, Hoa Hồng, … Thanh Hoá; khách sạn Hương Giang, Thuận Hố, Festival Huế, Sài Gịn Morin, Century Riverside, Đống Đa, La Residence Hotel & Spa Hue, … Huế; khách sạn: Sandy Beach, Bamboo Green Catholic ,… Đà Năng; sạn Hoài Thành, Đông Dương, Hải Yến, Đông An, … Quang Nam; khách sạn Cẩm Độ, Anh Đào, … Lâm Đồng Ở phía Nam có khách sạn như: Caravelle, Legend Sài Gòn, Equatorial, New World Saigon, Omni Saigon, Park Hyatt Saigon, Sheraton Sài Gịn,… thành Phố Hồ Chí Minh; khách sạn: Mỹ Học sinh:Nguyễn Thị Quyên 23 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hoàng Thi Vân Anh Lệ, Kỳ Vân, Bưu Điện Vũng Tàu, … Bà Rịa Vũng Tàu Với thông tin khách cung cấp quý khách hồn tồn n tâm chọn tour cơng ty Trangliên hệ: Đây nơi kết nối công ty quý khác tour Sau xem, tham khảo tour dịch vụ kèm theo quý khách đặt tour trang Quý khách đăng ký họ tên, địa chỉ, email, số điện thoại, Fax, chọn tour, mã tour, số người lớn số trẻ em tour thông tin th xe Nhờ có tiện ích trang liên hệ nên việc liên hệ công ty quý khách vô thuận lợi, đơn giản, tiết kiệm thời gian Đến với công ty “ TOUR DU LỊCH ” quý khách có chuyến du lịch ý tiết kiệm chi phí, thủ tục đơn giản, dễ thực cho dù bạn đâu, nơi Như ta thấy rằng: Website nhóm xây dựng gồm cấp khung chương trình Framesets Trong q trình thiết kế ta dễ dàng nhận thấy sử dụng layout table siêu liên kết cấn thiết thiếu để xây dựng Website Qua phần em nhận thấy Website nhóm thiết kế chủ yếu dựa vào bảng hyperlink Phần 4:TÌM HIỂU VÀ CHỌN CÁC PHẦN MỀM THIẾT KẾ I) Ngôn ngữ HTML: HTML hành loạt đoạn mãchuẩn với qui ước thiết kế để tạo trang web hiển thị trình duyệt web (Web Browser) HTML tảng World Wide Web, dịch vụ toàn cầu internet Học sinh:Nguyễn Thị Quyên 24 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Một điễm HTML, xác định cách thức hoạt động web, hổ trợ siêu liên kết văn Bằng cách sữ dụng lệnh đặc biệt HTML, tác giả tran web thay đổi mộtg đoận chữ nàp thành dạng "clickable" (có khả click, nhấn nút) Khi người dùng nhấp vào HyperText, trình duyệt Web thường đáp ứng cách trả trang web Ngôn ngữ đánh dấu siêu văn dùng dịch vụ web internet, cho phép định nghĩa khuôn dạng thơng tin cách mà trình duyệt web hiển thị thông tin cho người dùng Các tài liêu web hầu hết viết ngôn ngữ HTML HTML sữ dụng khóa, gọi thẽ (tag), để định dạng định nghĩa đoạn văn trang web Trình duyệt dịch khố thành đoạn văn hình ảnh trang web Các thẽ HTML cịn nhiều vai trị ngồi việc định dạng văn hình ảnh II) Phần mềm Dreamweaver: Tuy nhiên để tránh việc soạn thảo trang web cách gõ trực tiếp câu lệnh HTML thường nhiều thời gian tốn nhiều công sức Hiện xuất hàng chục chương trình thiết kế website Frontpage, Dreamweaver v.v… Nhưng Dreamweaver trở thành chương trình hàng đầu có ưu điểm sau: - Tạo trang bắt mắt: Nếu dùng chương trình soạn thảo để văn để tạo mãHTML cho trang Web, ta biết nhàm chán việc chí phải thêm thành phần đơn giản ảnh vào trang web Ta phải mở chương trình soạn thảo gõ nhập thông tin Phương pháp khơng dễ bị sai lỗi in mà cịn không cho phép ta thấy diện mạo trang mà ta muốn Mặt khác Dreamweaver thực phương pháp nhìn thấy Học sinh:Nguyễn Thị Quyên 25 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh việc tạo trang web Nếu ta đặt ảnh trang dreamweaver thị cho ta ảnh hình Như xử lý văn vốn hiển thị tài liệu chúng in ra, dreamweaver thể tương đương giống với diện mạo trang web trình duyệt web - Tính tương tác phức tạp trang web có ảnh đồ hoạ sáng lên thay đổi diện mạo di chuyển chuột lên - Các hiệu ứng động mouse rollovers, hộp cảnh báo menu bật lên định hướng thường đòi hỏi lập trình ngơn ngữ Javascript, ngơn ngữ lập trình mà trình duyệt web hiểu Nhưng địi hỏi thời gian thực hành học hỏi Nhưng Dreamweaver giúp ta khỏi phải học Javascript cho mục đích này; chương trình cho phép ta dễ dàng thực thêm tính tương tác phức tạp cú nhấp chuột - Các công cụ quản lý site Hiếm ta tạo trang web Thông thường ta tạo hiệu chỉnh trang vốn làm việc với để hình thành phần web site Hoặc tạo tồn web site từ đầu Dù tạo phần hay toàn website cơng cụ quản lý site Dreamweaver làm cho công việc quản lý site trở nên dễ dàng Từ việc quản lý liên kết, ảnh, trang đa phương tiện truyền thông khác đến làm việc với nhóm người di chuyển site lên wevserver, Dreamweaver tự động hoá nhiều tác vụ thường ngày mà webmaster phải đối mặt - Các website vận hành sở liệu Dữ liệu làm cho giới quay vòng Ngày người ta thường lưu trữ hàng loạt hệ thống sở liệu Microsoft Access Oracle Dreamweaver giúp ta mang lại sức sống cho thơng tin web mà khơng cần phải Học sinh:Nguyễn Thị Quyên 26 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh học lập trình nhiều Hay giúp ta tạo web vận hành sở liệu - Dreamweaver sản phẩm phần mềm hồn tồn tạo tuỳ biến mở rộng Bất kỳ người thêm thay đổi menu, lệnh, đối tượng cửa sổ chương trình * Giao diện Dreamweaver có thành phần sau: - Thanh cơng cụ Document: cho phép thay đổi tiêu đề trang, chuyển đổi Designer view Coder view, xem trước trang trình duyệt web khác nhau, truy cập hệ thống tham khảo chạy ngữ cảnh thay đổi dáng vẻ cửa sổ tài liệu - Thanh công cụ Standard: chứa nút dành cho tác vụ file hiệu chỉnh thường xuyên tạo trang web, mở trang lưu Học sinh:Nguyễn Thị Quyên 27 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hoàng Thi Vân Anh tất tài liệu mở, cắt, chép, dán, undo redo thao tác - Nội dung đề mục: Hầu hết đặt trang web xuất phần trang số phần tử dành riêng cho vùng trang gọi đề mục ta đặt thứ tiêu đề trang, meta tags (từ khố) vốn cung cấp thơng tin cho cơng cụ tìm kiếm trình duyệt, sctipt Javascript thông tin Cascading style sheet - Thanh trạng thái cung cấp: thông tin hữu dụng trang, xuất cuối tài liệu - Thanh chọn thẻ cựu kỳ hữu dụng Nó cho phép xem thoáng qua mã HTML vốn tạo trang web hậu cảnh Nó xác định cách thẻ xếp lồng tài liệu dựa vào mà ta chọn vị trí điểm chèn Ta sử dụng chọn thẻ để chọn thẻ HTML thông tin xếp lồng bên Tính hữu dụng muốn xác lập đặc tính điều khiển việc sử dụng áp dụng style cách xác - Thanh Insert: Trong ta thêm text vào trang cách gõ nhập vào cửa sổ tài liệu, thêm thành phần hình ảnh, đường gạch ngang, form thành phần đa phương tiện truyền thơng đơn giản hố phương thức nhấp để thêm Insert Trên Insert có 08 tập hợp có sẵn từ menu bật lên nằm đầu bên trái: + Các đối tượng Common: Ngồi hình ảnh, bảng biểu đường gạch ngang mà ta sử dụng việc thiết kế web hàng ngày, hạng mục Insert cho phép truy cập tính Template Dreamweaver Các Template cho phép ta tạo kiểu thiết kế trang web mà ta sử dụng, lặp lặp lại nhiều lần site, nhằm tăng tốc tiến trình tạo đơn giản hố việc cập nhật Học sinh:Nguyễn Thị Quyên 28 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh + Các đối tượng Layout: Các hạng mục hạng mục giúp ta điều khiển Layout trang Web tổ chức nội dung trang việc sử dụng bảng biểu lớp HTML Ngoài ra, panel cho phép sử dụng Layout view Dreamweaver phương pháp tuỳ biến để tạo kiểu thiết kế bảng biểu phức tạp + Các đối tượng Form:Ta sử dụng forms để nhận lời bình họ, thu thập thơng tin thẻ tín dụng cho bán hàng trực tuyến thu thập loại liệu khác Tag forms cho phép ta thêm thành phần form nút radio, menu xổ xuống hộp text + Các đối tượng text: Đối với loại định dạng, làm cho có kiểu in đậm in nghiêng chẳng hạn, ta chuyển sang hạng mục text Hầu hết nút tab mặt kỹ thuật đối tượng chúng không chin đối tượng lên trang Thay vào đó, chúng định dạng text diện trang + Các đối tượng HTML: Tab chèn phần tử vốn xuất tài liệu, thẻ dùng việc tạo bảng biểu khung, đối tượng để chèn mãJavascript đường gạch ngang Giống đối tượng text, số thành phần làm việc Code view + Các đối tượng Application: Dreamweaver làm cho việc nối kết trang web với sở liệu trở nên dễ dàng việc nhấp vài nút Tab Application thêm nhiều công cụ mạnh mẽ dành cho việc tạo trang động, control vốn thêm record vào sở liệu + Các phần tử Flash: Mặc dù rỗng hạng mục sử dụng để chứa thành phần Flash sau Học sinh:Nguyễn Thị Quyên 29 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh + Favorites: Có thể thứ muốn Nghĩa sau ta khám phá đối tượng ta sử dụng nhiều nhất, ta nhận thấy ta tuỳ biên tab này, ta không cần hạng mục khác Insert - Property inspector: Sau thả ảnh, bảng biểu thứ khác từ Insert, ta sử dụng Property inspector để tinh chỉnh diện mạo thuộc tính - Các nhóm panel: Mỗi nhóm panel có nút menu ngữ cảnh riêng Việc nhấp nút làm lộ ngữ cảnh giúp ta làm việc với tính riêng cho panel Panel cung cấp hoạt động panel chung chẳng hạn di chuyển panel đến nhóm khác, tạo nhóm panel mới, đổi tên nhóm che giấu hồn tồn mộ nhóm panel III) Personal Home Page (hay ta cịn thường gọi PHP) Ngày có nhiều công nghệ để tạo Website động Các công nghệ thường sử dụng ASP (Active Server Pages), sản phẩm Microsoft), JSP (Java Server Pages), ColdFusion PHP Ở dùng PHP Nhưng lại dùng PHP mà ngôn ngữ khác? Trước hết phải hiểu PHP gì? PHP Rasmus Lerdorf tạo năm 1994, để theo dõi người dùng truy cập lý lịch trực tuyến ơng Vì tính hữu dụng, khả phát triển, PHP bắt đầu sử dụng mơi trường chun nghiệp trở thành “PHP: Hypertext Preprocessor” Theo Website thức PHP địa www.php.net PHP “một ngơn ngữ kịch nhúng HTML”, có nghĩa PHP Học sinh:Nguyễn Thị Quyên 30 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh đặt rải rác HTML, giúp cho việc phát triển Website động dễ dàng PHP ngôn ngữ kịch bản(scripting language) Khác với ngơn ngữ lập trình, PHP thiết kế để thực điều sau việc xảy (như là: người dùng gửi biểu mẫu chuyển tới URL) PHP cơng nghệ phía máy chủ (server-side) không phụ thuộc môi trường(cross-platform) Cả hai yếu tố quan trọng Khái niệm công nghệ máy chủ nói đến việc thứ PHP xảy máy chủ Tính chất khơng phụ thuộc mơi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unix, Macintosh… Một điều quan trọng mãkịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần chỉnh sửa chỉnh sửa Chúng ta sử dụng PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính bền vứng, linh động khả phát triển không giới hạn Đặc biệt tốt, nhanh dễ dàng nghiên cứu giải pháp khác Tất đặc tính miễn phí PHP mãnguồn mở PHP vừa dễ với người sử dụng vừa có khả làm thứ, đáp ứng yêu cầu lập trình viên chuyên nghiệp Học sinh:Nguyễn Thị Quyên 31 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh IV) MySQL: MySQL sở liệu phổ biến giới, số người cho sở liệu mãnguồn mở tốt Thật vậy, từ phiên bổ sung thêm vài đặc điểm MySQL trở thành đối thủ người khổng lồ đắt Oracle SQL Server Microsoft Giống PHP, MySQL có khả thực thi hoàn hảo, linh động, đáng tin cậy, dễ nắm bắt chi phí miễn phí MySQL phát triển hỗ trợ cơng ty MySQL AB Thuỷ Điển Nó hệ thống quản trị sở liệu (DBMS) cho sở liệu quan hệ (vì vậy, MySQL RDBMS) Cơ sở liệu tập hợp liệu có liên quan với nhau, văn bản, số tập tin nhị phân lưu trữ có tổ chức DBMS Có nhiều loại sở liệu, từ tập tin đơn giản đến tập tin quan hệ hướng đối tượng Một sở liệu quan hệ sử dụng nhiều bảng để lưu trữ thông tin phần riêng biệt Trước năm 1970, sở Học sinh:Nguyễn Thị Quyên 32 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh liệu trơng giống bảng tính lớn, đơn giản lưu trữ thứ Các sở liệu quan hệ đòi hỏi phải tập trung suy nghĩ nhiều giai đoạn thiết kế lập trình, chúng có độ tin cậy tính tồn vẹn liệu tốt Ngồi ra, sở liệu quan hệ thực việc tìm kiếm cho phép nhiều người sử dụng lúc Với việc kết hợp sở liệu vào ứng dụng Web, nhiều liệu PHP sinh lấy từ MySQL Điều chuyển nội dung site từ trạng thái tĩnh sang trạng thái động độ linh hoạt chìa khố cho Website động Việc thiết kế Website động không thiết phải phụ thuộc vào sở liệu, ngày phụ thuộc nhiều, đặc biệt ứng dụng sở liệu có sẵn MySQL với chi phí thấp miễn phí Học sinh:Nguyễn Thị Quyên 33 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Phần 5: CÁC CÔNG ĐOẠN THIẾT KẾ Bước 1: Tìm hiểu Website web - Khái niệm website - Các xu hướng thiết kế công nghệ thiết kế Bước 2: Khảo sát phân tích thơng tin - Tìm hiểu phân tích Cơng ty du lịch lữ hành - Phát triển thành khung liên kết thông tin - Đối tượng truy nhập Website - Hình thức trang Web - Ngơn ngữ hiển thị, bảng mã, phông chữ - Các chủ đề thông tin Website, chia theo cấu trúc phân cấp, chủ đề cần trang chủ - Yêu cầu Form cập nhật thông tin Bước 3: Phân tích thiết kế LAYOUT Bước phân tích nhằm hiểu chi tiết tất yêu cầu website du lịch, đưa lựa chọn công nghệ, kỹ thuật phương pháp thực Website Các bước phân tích gồm có: + Phân tích mặt giao diện Học sinh:Nguyễn Thị Quyên 34 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh + Phân tích cấu trúc liệu Bước 4: Thiết kế -.Thiết kế giao diện Chúng ta cần chuẩn bị tất thông tin cần thiết doanh nghiệp (ví dụ thơng tin giới thiệu cấu tổ chức, lĩnh vực hoạt động, thông tin liên hệ, thông tin chi tiết hình ảnh cơng ty, sản phẩm, dịch vụ ) Sau tiến hành thiết kế phác thảo giao diện mỹ thuật, cấu trúc Website Xây dựng thiết kế ngôn ngữ HTML: Thiết kế file ảnh động: gif, swf v.v Xây dựng định dạng chung CSS: kiểu định dạng chung phông chữ, màu chữ, cỡ chữ thành phần Website - Thiết kế CSDL : Tạo thành phần cho sở liệu - Thiết kế trang Web động : Tạo Form nhập liệu, kiểm tra liệu nhập Bước 5: Kiểm tra, chạy thử Website Học sinh:Nguyễn Thị Quyên 35 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh Phần 6: KẾT LUẬN Ngày cạnh tranh kinh doanh mãnh liệt Do đó, muốn trì phát triển, ngồi việc có sản phẩm dịch vụ tốt, giá cạnh tranh, việc thái độ, chất lượng phục vụ khách hàng xây dựng hình ảnh tốt đẹp cơng ty điều quan trọng Với website, giải tất vấn đề nêu trên: - Với website mình, trưng bày thơng tin muốn, người khắp nơi giới dễ dàng xem thơng tin tương tác với (như hỏi thêm thông tin, đặt mua hàng, chọn hàng ) - Trên website chúng ta, không giới hạn khối lượng thông tin trưng bày Website khái niệm “ảo” nên khơng bị giới hạn diện tích trưng bày Đây lợi lớn website so với việc thuê diện tích show-room, đăng quảng cáo báo, quảng cáo Tivi - Với website, marketing đến thị trường tồn cầu, phương tiện marketing khác báo chí, Tivi, băng rôn bị giới hạn khoảng cách địa lý, “vùng phủ sóng” Với website, phục vụ khách hàng hay khách hàng tiềm cách chất lượng hơn, tốc độ hơn, thông qua tương tác qua Internet email, form yêu cầu thông tin thay phải nhiều thời gian để liên lạc, hạn chế khối lượng thông tin, màu sắc, hình ảnh gửi đi, người nhận xa - Chi phí marketing rẻ so với quảng cáo báo, Tivi - Chi phí in ấn, gửi tài liệu (tương tác với khách hàng) khơng đáng kể - Chi phí trì website khơng đáng kể (khoảng 1.000.000 đồng/năm) Học sinh:Nguyễn Thị Quyên 36 Lớp: TCLTK1 Bài thực tập cuối khóa GV hướng dẫn: Hồng Thi Vân Anh - Tiết kiệm chi phí th mặt trưng bày hàng hóa, nhân viên trơng coi show-room - Tiết kiệm chi phí nước ngồi tìm khách hàng Website giúp cho phục vụ khách hàng tốt Ngoài ra, cịn thể động, bắt kịp thời đại, tính chun nghiệp có website để quan tâm dễ dàng thăm viếng truy cập thông tin Học sinh:Nguyễn Thị Quyên 37 Lớp: TCLTK1 ... Anh Phần 5: CÁC CƠNG ĐOẠN THIẾT KẾ Bước 1: Tìm hiểu Website web - Khái niệm website - Các xu hướng thiết kế công nghệ thiết kế Bước 2: Khảo sát phân tích thơng tin - Tìm hiểu phân tích Cơng ty du... nhận thấy Website nhóm thiết kế chủ yếu dựa vào bảng hyperlink Phần 4:TÌM HIỂU VÀ CHỌN CÁC PHẦN MỀM THIẾT KẾ I) Ngôn ngữ HTML: HTML hành loạt đoạn mãchuẩn với qui ước thiết kế để tạo trang web hiển... Nhìn vào sơ đồ ta hình dung cấu trúc Website gồm Cấp cấp: • Cấp 0: cấp cao Website hom page (trang chủ) cửa ngõ vào truy nhập thông tin Website. Ở chứa menu để liên kết đến trang khác Giới Website