thiết kế giao diện web tin tức

lOMoARcPSD|17343589 MỤC LỤC LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU TRANG WEB 1.1 Giới thiệu chung Website 1.2 Các loại Website 1.3 Nguyên nhân cần phải thiết kế Website CHƯƠNG 2: THIẾT KẾ TRANG WEB 2.1 Xây dựng trang chủ 10 2.1.1 Chia khối cho trang chủ 11 2.1.2 Thiết kế khối 12 2.2 Xây dựng trang 13 2.2.1 Thiết kế trang 14 2.2.2 Thiết kế viết 15 2.3 Responsive toàn trang 13 CHƯƠNG : KẾT QUẢ ĐẠT ĐƯỢC 16 3.1 Khi chạy thuật tốn tìm số Fibonacci 17 3.1.1 Tổng hợp code thuật toán 18 3.1.2 Kết đạt 19 3.1.3 Ý nghĩa ứng dụng 20 3.2 Khi chạy thuật tốn tìm dãy tăng dài 21 3.2.1 Tổng hợp code thuật toán 22 3.2.2 Kết đạt 23 KẾT LUẬN 24 TÀI LIỆU THAM KHẢO 25 lOMoARcPSD|17343589 LỜI MỞ ĐẦU Trên giới nay, tin học ngành phát triển khơng ngừng Có thể nói tin học chiếm vị trí quan trọng sống hàng ngày ngành khoa học kỹ thuật Trong năm gần với phát triển chung ngành tin học giới khu vực, ngành tin học nước ta có bước phát triển định Việc đưa tin học vào công việc quản lý nhằm giảm bớt sức lao động người, tiết kiệm thời gian, độ xác cao tiện lợi nhiều so với việc làm quản lý giấy tờ thủ công trước Tin học hóa nhằm thu hẹp khơng gian lưu trữ, tránh làm thất lạc liệu, tự động hóa cụ thể hóa thơng tin theo nhu cầu người Còn Việt Nam, ngành tin học non trẻ bước bứt phá thành công việc áp dụng tin học vào việc phát triển kinh tế, xã hội Tuy nhiên để quảng bá hình ảnh sản phẩm tin tức đến với nhiều người dùng nên họ phát triển trang web để phổ biến tiếp cận đến nhiều người Cũng từ ngành thiết kế website ngành vô hot, chúng em chọn đề tài “thiết kế giao diện web tin tức” cho báo cáo lần Nhận thấy ngành ưa chuộng nhiều Việt Nam toàn giới Chúng em cảm thấy phấn khích nhận thấy điều phải chuẩn bị nhiều thời gian, tài liệu để hoàn thành báo cáo Chúng em xin cảm ơn thầy giáo Cù Việt Dũng hướng dẫn nhiệt tình giúp chúng em hồn thành đề tài với tốn quản lý Trong trình làm bài, chắn chúng em mắc phải thiếu sót nên mong nhận đóng góp ý kiến thầy để chúng em có hội sửa sai, phát triển thực tế bước hồn thiện Chúng em xin chân thành cảm ơn! lOMoARcPSD|17343589 CHƯƠNG 1: GIỚI THIỆU TRANG WEB 1.1 Giới thiệu chung website Website (tiếng Anh: website[1]), cịn gọi trang web (có thể nhầm lẫn với "web page") trang mạng, tập hợp trang web, thường nằm tên miền tên miền phụ World Wide Web Internet.[2][3] Một trang web tập tin HTML XHTML truy nhập dùng giao thức HTTP Trang mạng xây dựng từ tệp tin HTML (trang mạng tĩnh) vận hành CMS chạy máy chủ (trang mạng động) Trang mạng xây dựng nhiều ngơn ngữ lập trình khác (PHP, ASP.NET, Java, Ruby on Rails, Perl, ) Website giao tiếp hiển thị cho người dùng truy cập phần mềm gọi trình duyệt website Một sơ trình duyệt website tiếng kể đến Internet Explorer cài đặt mặc định vào máy tính cài hệ điều hành windows thay Edge Windows 10 hay Chrome phát triển Google Firefox phát triển Mozilla 1.2 Các loại website + Website tĩnh: website mà người quản trị (những người khơng phải lập trình viên) khơng thể tùy ý thay đổi nội dung hình ảnh mà phải cần kiến thức HTML Website tĩnh viết hoàn toàn dựa tảng HTML CSS thêm hiệu ứng từ Javascript muốn.[4] + Website động: website viết kèm theo công cụ quản trị để tùy biến nội dung dành cho webmaster (người quản trị) dễ dàng lOMoARcPSD|17343589 thay đổi nội dung, hình ảnh Website động thiết kế lập trình viên để cho phép website thay đổi nội dung thường xuyên Một số công nghệ, ngôn ngữ để xây dựng website động bao gồm PHP, ASP.NET, Java, [5] 1.3 nguyên nhân cần phải thiết kế website? Hiểu website bạn chắn khơng thể bỏ qua tầm quan trọng website, doanh nghiệp cung cấp sản phẩm, dịch vụ Trong đó, có lý khiến cho doanh nghiệp cần sở hữu website riêng sau: - Website – văn phòng thứ hai doanh nghiệp Nếu văn phòng thực tế nơi để thực giao dịch doanh nghiệp qua để thể mặt doanh nghiệp, để doanh nghiệp gây ấn tượng với khách hàng Thì website ví văn phịng thứ hai doanh nghiệp Internet Thơng qua website, khách hàng cập nhật thông tin doanh lOMoARcPSD|17343589 nghiệp, sản phẩm, dịch vụ bạn Bên cạnh đó, phong cách thiết kế ấn tượng tạo nên dấu ấn bạn lòng khách hàng - Website giúp khẳng định thương hiệu công cụ cạnh tranh với đối thủ Khi khách hàng có nhu cầu tìm kiếm thông tin sản phẩm, dịch vụ hành động khách hàng tìm kiếm thơng tin Internet Ngay lúc này, phải website cơng cụ để bạn cạnh tranh thu hút khách hàng so với đối thủ cạnh tranh Khơng cần hiểu website mà doanh nghiệp bạn cần sở hữu website chuyên nghiệp để thu hút khách hàng cạnh tranh với đối thủ - Website nơi cung cấp nguồn thông tin hữu ích Tất tần tật thơng tin mà bạn mong muốn truyền tải đến khách hàng thông qua website Bởi theo định nghĩa website gì, website giải mã trang thơng tin đặc biệt dành cho khách hàng Tất thông tin doanh nghiệp, dịch vụ, sản phẩm đến chương trình khuyến mãi, hướng dẫn sử dụng, chia sẻ bí bạn cập nhật trang web Tuy nhiên, thơng tin cần thể cách rõ ràng, mạch lạc để tạo nên thu hút đối tượng mục tiêu mà bạn nhắm đến lOMoARcPSD|17343589 - Khơng bán hàng, website cịn kênh để thực công việc giao tiếp chăm sóc khách hàng 24/24 Một ưu điểm đặc biệt website so với công cụ khác cho phép tương tác từ phía khách hàng doanh nghiệp Bạn tận dụng website để thực khảo sát nho nhỏ để hiểu khách hàng hay thu thập đánh giá khách hàng doanh nghiệp Từ nguồn thơng tin q báu này, bạn dễ dàng cải thiện chất lượng sản phẩm, dịch vụ cho phù hợp với khách hàng mà không cần tốn nhiều thời gian, chi phí cho khảo sát - Hơn giá trị cung cấp thông tin bán hàng, website yếu tố thiếu để doanh nghiệp thực kế hoạch Marketing Với phát triển khơng ngừng Internet, Marketing Online trở thành công cụ đắc lực để doanh nghiệp thu hút khách hàng bên cạnh phương pháp Marketing truyền thống Để thực điều đó, chắn khơng thể thiếu website Chính vậy, doanh nghiệp cần hành động để sở hữu cho mơt website chun nghiệp cho kế hoạch phát triển, định hướng dài hạn lOMoARcPSD|17343589 CHƯƠNG 2: THIẾT KẾ TRANG WEB Để thiết kế website này, sử dụng chủ yếu ngơn ngữ HTML để xây dựng lên bố cục website dùng CSS để tô điểm cho trang web đẹp hơn, sau sử dụng Javascript để tạo số hiệu ứng cho website 2.1 Xây dựng trang chủ Trang chủ trang quan trọng website, người dùng click vào đường link trang web hiển thị lên trang chủ Ở trang chủ xếp khối tất tin tức cách bao quát để cần lướt qua ta biết khối lượng tiên tức, tin loại tin tức 2.1.1 Chia khối cho trang chủ Đầu tiên sử dụng ngơn ngữ HTML để xây dựng khối trang chủ thẻ Ở chia làm khối cho trang chủ phần menu, nội dung phần chân trang bằng: lOMoARcPSD|17343589 Sau CSS chút cho đẹp hiển thị rõ khối chạy demo 2.1.2 Thiết kế khối - menu: Mình tạo menu gồm số trang tin tức chính, cách thêm số khối vào thẻ menu đồng thời chỉnh css để tạo thành menu hoàn chỉnh: lOMoARcPSD|17343589 Kết sau sửa thêm CSS Đồng thời chèn thêm phần logo trang lên cho bắt mắt sửa lại màu phần nội dung: - Slider Ở thiết kế slide để hiển thị nhanh viết tạo khung mẫu: Được đặt vị trí phần tử sau css cho slider: lOMoARcPSD|17343589 Từ thu kết quả: - Nội dung Trong phần nội dung sử dụng khối để up thông tin lên để cách bên tạo khoảng trống cho trang web thêm chuyên nghiệp cách thêm thẻ vào phần nội dung trang sau CSS: Ở trong, phần chia khối nhỏ khối tương ứng với viết trang là: tin tức hot, tin tức thời sự, tin tức thể thao lOMoARcPSD|17343589 Mỗi khối chia nhỏ thêm làm viết viết viết có phần logo text: lOMoARcPSD|17343589 CSS: Ta thu được: Tương tự ta phần nội dung trang chủ hoàn chỉnh - Chân trang Chân trang ghỉ text nhỏ: chạy lệnh ta được: lOMoARcPSD|17343589 2.2 Xây dựng trang Ở trang tạo trang là: trang tin tức hot, trang tin tức thời sự, trang tin tức thể thao ứng với khối lớn trang chủ 2.2.1 Thiết kế trang Trong phần trang coppy y nguyên code trang chủ, giữ lại khối tin tức hot loại bỏ khối lại Chỉ sửa thẻ giới thiệu ta thu được: lOMoARcPSD|17343589 Tương tự làm tiếp với trang cịn lại tin tức thời tin tức thể thao Để trang liên kết với cho tất vào mục + ảnh cài đường dẫn thẻ menu: 2.2.2 Thiết kế viết Trong viết lấy khung trang chủ nội dung để trống lOMoARcPSD|17343589 Ở nội dung tạo title cho viết thẻ thẻ để xuống dòng tiếp đến ảnh minh họa viết thẻ từ cho xuống dịng lần để tạo khoảng trống bo toàn nội dung viết thẻ dòng nội dung cách thẻ kết thúc ta trang viết hồn chỉnh: Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Để click vào ảnh link đế viết này, chèn thẻ vào tất ảnh đại diện Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 tạo hiệu ứng khu di chuột vào ảnh zoom to ra: cách chỉnh CSS hover: Cứ với tất viết cịn lại thu trang tin tức giao diện desktop hoàn chỉnh 2.3 Responsive tồn trang Để responsive phải thêm thẻ vào phần đầu tất trang viết: Sau phần Responsive chia làm giai đoạn chiều rộng width + 1: từ 0px đến 800px Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 + 2: từ 800px đến 1142px + 3: từ 1142px trở lên Kết thu giao diện 800px, giao diện thông thường điện thoại vào khoảng 468px: Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Tiếp theo responsive với width 800px đén 1142px: Do phần nội dung cài từ đầu là: Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 margin: auto; margin-left: 20%; kết hợp với chỉnh sửa chân trang: nên thu kết sau: Như thấy giao diện máy tính bảng khơng cịn khoảng cách bên laptop thay vào nội dung full hình Và cuối width từ 1142px trở lên sửa đa số đơn vị từ px sang % để kéo giãn tùy thích Đây giao diện desktop nên khơng có nhiều khác biệt Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 CHƯƠNG : KẾT QUẢ ĐẠT ĐƯỢC 3.1 Ý nghĩa Ngày nay, số lượng website tin tức riêng Việt Nam số đếm được, nội dung cập nhật, tin tức ngày tương đối giống Điều thu hút người truy cập nằm thiết kế web tin tức, giao diện bắt mắt, bố cục rõ ràng dễ dàng tìm kiếm, dung lượng ít, tải nhanh,… Nếu doanh nghiệp có ý định xây dựng trang báo mạng cho riêng cần phải ý đến đặc điểm kể tạo dựng cho website ấn tượng riêng, phong cách riêng, thu hút độc giả internet nhạy bén biết chọn lọc Sau nhiều ngày lên ý tưởng thiết kế giao diện trang web tin tức ngôn ngữ HTML, CSS JAVASCRIFT Chúng em hoàn thành xong code 100% Nhằm nâng cao trình độ lập trình website thiết kế bắt mắt 3.2 Tính web tin tức Website tin tức dạng web đặc thù nội dụng thơng điệp mà truyền tải đến tất kiện, tin tức diễn xã hội hàng ngày Do đó, thiết kế web tin tức cần phải tuân thủ tiêu chuẩn khắt khe kỹ thuật, mỹ thuật, khâu thiết kế xây dựng nên trang web tin tức, nội dung trang web bố cục trí trang web phải đặt Sau tính cần có thiết kế website tin tức: Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 ● Website tin tức cung cấp đầy đủ tính website như: quản lý viết, quản lý hình ảnh, quản lý quảng cảo, hỗ trợ tìm kiếm, thống kê… không giới hạn số lượng viết, ký tự hay thời điểm đăng tải ● Khi thiết kế webiste dạng với đặc thù riêng phải phục vụ đến nhiều đối tượng đọc giả toàn cầu nên cần thiết kế web đẹp, giao diện bố cục đơn giản, máy chủ ổn định chịu tải cao, dung lượng băng thông lớn, tốc độ truy cập nhanh thuận tiện cho người tìm kiếm ● Mức độ kỹ thuật website tin tức giao diện người dùng, mà thể hệ thống quản trị nội dung (CMS) cho phép phân quyền nhiều cấp theo yêu cầu quản trị viên thành viên quyền đăng tin, thành viên quyền đăng video, thành viên duyệt viết, thành viên quyền public viết nhiều tính phần quyền khác ● Có tính đặt lịch hẹn viết thống kê lưu lượng người dùng truy cập vào website xem viết quản trị ● Tương thích với thiết bị tích hợp với mạng xã hội Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 ● Cho phép người dùng đăng ký thành viên để chia sẻ thơng tin, bình luận… ● Và nhiều kỹ thuật đặc trưng khác sử dụng hệ thống lấy liệu tự động, giải pháp chống tải tắc nghẽn đường truyền, tài nguyên phần cứng,… Tính tự động backup, cho phép phục hồi website có xảy cố khơng may xảy lỗi server, tràn đệm,… Sở hữu website tin tức thời đại ngày vũ khí sắc bén giúp bạn tăng cường doanh nhiều mặt Trên sơ tính cần thiết việc thiết kế website tin tức mà bạn tham khảo có ý định làm website tin tức Chúc bạn thành công Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 KẾT LUẬN Công nghệ thông tin mở triển vọng to lớn việc đổi phương pháp hình thức dạy học Những phương pháp dạy học theo cách tiếp cận kiến tạo, phương pháp dạy học theo dự án, dạy học phát giải vấn đề có nhiều điều kiện để ứng dụng rộng rãi Tiếp thu ứng dụng thành tựu công nghệ thông tin công việc kinh doanh Cùng với việc sử dụng công nghệ thông tin thực hành cho việc giải tốn khó vơ cần thiết Tốn học gốc rễ tất lĩnh vực sống, giúp hồn thành cơng việc với độ xác cao với cách tối ưu Kết đạt Sau thời gian nghiên cứu thực hiện, đề tài đạt yêu cầu đề sau: Thiết kế giao diện trang web tin tức HTML,CSS JAVASCRIPT bắt mắt, tiện dụng tới tốc độ xử lý cao - Lên ý tưởng tìm hiểu sâu ngơn ngữ lập trình website HTML, CSS JAVASCRIPT để thiết kế lên giao diện website tin tức - Thiết kế thành công website tin tức ngôn ngữ với số hiệu ứng kiện Downloaded by v? ngoc (vuchinhhp10@gmail.com) ... lập trình website thiết kế bắt mắt 3.2 Tính web tin tức Website tin tức dạng web đặc thù nội dụng thơng điệp mà truyền tải đến tất kiện, tin tức diễn xã hội hàng ngày Do đó, thiết kế web tin tức... - Lên ý tưởng tìm hiểu sâu ngơn ngữ lập trình website HTML, CSS JAVASCRIPT để thiết kế lên giao diện website tin tức - Thiết kế thành công website tin tức ngôn ngữ với số hiệu ứng kiện Downloaded... khắt khe kỹ thuật, mỹ thuật, khâu thiết kế xây dựng nên trang web tin tức, nội dung trang web bố cục trí trang web phải đặt Sau tính cần có thiết kế website tin tức: Downloaded by v? ngoc (vuchinhhp10@gmail.com)