1. Trang chủ
  2. » Luận Văn - Báo Cáo

Xây dựng website tin tức công ty kc hà tĩnh trên nền tảng wordpress

48 15 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 48
Dung lượng 2,73 MB

Nội dung

Đồ án tốt nghiệp TRƢỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ _ VƢƠNG ĐỨC KIÊN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE TIN TỨC CÔNG TY KC HÀ TĨNH TRÊN NỀN TẢNG WORDPRESS Nghệ An, tháng 05 năm 2017 SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp RƢỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ _ BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE TIN TỨC CÔNG TY KC HÀ TĨNH TRÊN NỀN TẢNG WORDPRESS Giáo viên hướng dẫn: inh viên th hiện: M số sinh viên: Ths Lê Quố Anh Vương Đứ Kiên 1251075392 Nghệ An, tháng 05 năm 2017 SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp LỜI CẢM ƠN Để hoàn thành đồ án tốt nghiệp này, em xin chân thành gửi lời cảm ơn chân thành tới thầy cô giáo trƣờng Đại học Vinh nói chung thầy khoa Cơng nghệ Thơng tin nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức kinh nghiệm quý báu suốt thời gian qua Đặc biệt, em xin đƣợc gửi lời cảm ơn sâu sắc đến thầy giáo ThS Lê Quốc Anh, thầy giúp đỡ tận tình, tạo điều kiện tốt cho em trình hƣớng dẫn đồ án Sự dẫn tận tình ý kiến đóng góp thầy giúp em nhiều q trình hồn thiện đồ án Em xin đƣợc gửi lời cảm ơn tới Công ty CP Phát triển công nghệ Redsand tạo điều kiện cho em học tập làm việc năm qua, q trình cho em học hỏi đƣợc nhiều kiến thức cách thức làm việc cơng ty, qua giúp em hồn thành đồ án Em xin đƣợc gửi lời cảm ơn tới gia đình, bạn bè, anh chị quan tâm, động viên tạo điều kiện tốt để em hồn thành đồ án Mặc dù em có cố gắng định nhƣng thời gian kiến thức hạn hẹp nên đồ án cịn nhiều thiếu sót hạn chế Kính mong nhận đƣợc đóng góp ý kiến thầy cô bạn để đồ án đƣợc hoàn thiện Em xin chân thành cảm ơn! Nghệ An, tháng 04 năm 2017 Sinh viên Vƣơng Đức Kiên SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp MỤC LỤC LỜI CẢM ƠN MỤC LỤC Chƣơng GIỚI THIỆU CÁC NỀN TẢNG HỖ TRỢ 1.1 HTML 1.1.1 Cấu trúc chung trang HTML 1.1.2 Các thẻ HTML 1.2 WORDPRESS 1.2.1 Các ƣu điểm Wordpress 1.2.2 Các nhƣợc điểm: 1.2.3 Công cụ hỗ trợ sever ảo máy cá nhân 1.3 PHP 1.3.1 Tại nên dùng PHP 1.3.2 Các lệnh PHP chủ yếu dùng web 10 1.3.2.1 Điều kiện If(){ } else{ } 10 1.3.2.2 Vòng lặp for() 10 1.4 PHOTOSHOP 11 Chƣơng TỔNG QUAN VỀ ĐỀ TÀI, PHÂN TÍCH VÀ THỰC THI 12 2.1 TỔNG QUAN ĐỀ TÀI 12 2.2 PHÂN TÍCH VÀ THỰC THI TRANG WEB 15 2.2.1 Xây dựng giao diện HTML 15 2.2.1.1 Xây dựng giao diện trang chủ 15 2.2.2 Xây dựng trang web Wordpress 22 2.2.2.1 Cấu trúc mục folder 22 2.2.2.2 Demo số phần code quan trọng 26 Chƣơng DEMO WEB KC HÀ TĨNH 36 3.1 Trang chủ 36 3.2 Số trang 37 3.3 Trang quản lý 39 3.4 Quản lý post 40 3.5 Mobile 41 SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp Chƣơng GIỚI THIỆU CÁC NỀN TẢNG HỖ TRỢ 1.1 HTML Trang Web kết hợp văn thẻ HTML HTML chữ viết tắt HyperText Markup Language đƣợc hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua tập tin bình thƣờng, có html htm HTML giúp định dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống nhƣ thẻ mở, nhƣng thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thƣờng Ví dụ, khai báo Khơng có khoảng trắng định nghĩa thẻ 1.1.1 Cấu trúc chung trang HTML Tiêu đề trang Web 1.1.2 Các thẻ HTML Thẻ : Chứa tiêu đề web, link liên kết gói hỗ trợ cho chức web, chứa link seo web, hỗ trợ tiếng việt… Thẻ : Hiện tiêu đề web Thẻ : Tất thơng tin khai báo thẻ xuất trang Web Những thông tin nhìn thấy trang Web Thẻ

:Tạo đoạn văn SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp Thẻ định dạng bảng …: Đây thẻ định dạng bảng trang Web Sau khai báo thẻ này, bạn phải khai báo thẻ hàng thẻ cột với thuộc tính Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang Web Thẻ thuộc loại thẻ khơng có thẻ đóng Link liên kết : Là loại thẻ dùng để liên kết trang Web liên kết đến địa Internet, Mail hay Intranet(URL), địa tập tin mạng cục (UNC) post web Các thẻ Input: Thẻ Input cho phép ngƣời dùng nhập liệu hay thị thực thi hành động đó, thẻ Input bao gồm loại thẻ nhƣ: text, password, submit, button, reset, checkbox, radio, image Thẻ Textarea: < Textarea> < \Textarea>: Thẻ Textarea cho phép ngƣời dùng nhập liệu với nhiều dòng Với thẻ bạn giới hạn chiều dài lớn trang Web 10 Thẻ Select: Thẻ Select cho phép ngƣời dùng chọn phần tử tập phƣơng thức đƣợc định nghĩa trƣớc Nếu thẻ Select cho phép ngƣời dùng chọn phần tử danh sách phần tử thẻ Select giống nhƣ combobox Nếu thẻ Select cho phép ngƣời dùng chọn nhiều phần tử lần danh sách phần tử, thẻ Select dạng listbox 11 Thẻ Form: Khi bạn muốn submit liệu ngƣời dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phƣơng thức POST GET thẻ form Trong trang Web có nhiều thẻ Form khác nhau, nhƣng thẻ Form không đƣợc lồng nhau, thẻ form đƣợc khai báo hành động (action) đến trang khác 1.2 WORDPRESS WordPress phần mềm nguồn mở (Open Source Software) đƣợc viết ngơn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL WordPress đƣợc mắt lần vào ngày 27/5/2003 tác giả Matt SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp Mullenweg Mike Little Hiện WordPress đƣợc sở hữu phát triển công ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, đƣợc nhiều ngƣời sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lƣợng ngƣời sử dụng tăng lên, cộng tác viên lập trình viên tham gia đông đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời Và thời điểm viết 2015, WordPress đƣợc xem nhƣ hệ quản trị nội dung (CMS – Content Management System) vƣợt trội để hỗ trợ ngƣời dùng tạo nhiều thể loại website khác nhƣ blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thƣơng mại điện tử, chí với loại website có độ phức tạp cao nhƣ đặt phòng khách sạn, thuê xe, đăng dự án bất động sản,…vâng…vâng…Hầu nhƣ hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Nhƣng nhƣ khơng có nghĩa WordPress thích hợp với dự án nhỏ, mà có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ nhƣ trang tạp chíTechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,…rất nhiều kể hết đƣợc • Trên giới, có khoảng 25 viết đƣợc đăng lên website sử dụng WordPress giây • Số lƣợng website làm WordPress chiếm 23% tổng số lƣợng website giới • Trong số 100% website sử dụng mã nguồn CMS, WordPress chiếm 60% • Phiên WordPress 4.0 đạt 16 triệu lƣợt tải sau khoảng hai tháng • WordPress đƣợc dịch sang 52 ngôn ngữ khác Tuy nhiên lại chƣa có phiên tiếng Việt thức, nhƣng bạn Việt hóa dễ dàng cách tìm blog với từ khóa “Việt hóa WordPress“ • Có 80 chƣơng trình họp mặt WordPress đƣợc tổ chức vào năm 2014 SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp • Mã nguồn WordPress có khoảng 785 lập trình viên hợp tác phát triển • Chỉ tính giao diện (hay cịn gọi theme) miễn phí thƣ viện WordPress.org có 2.700 themes khác 1.2.1 Các ƣu điểm Wordpress • Dễ sử dụng • Cộng đồng hộ trợ đơng đảo • Nhiều gói giao diện có sẵn • Nhiều plugin hỗ trợ • Dễ phát triển cho lập trình viên • Hỗ trợ nhiều ngơn ngữ • Có thể làm nhiều loại website 1.2.2 Các nhƣợc điểm: • Nhiều khái niệm khó hiểu bắt đầu • Muốn tùy biến WordPress, phải có kiến thức lập trình web • Các plugin theme đẹp đa phần phải trả phí 1.2.3 Công cụ hỗ trợ sever ảo máy cá nhân Xampp chƣơng trình tạo máy chủ Web (Web Server) máy tính cá nhân (Localhost) đƣợc tích hợp sẵn Apache, PHP, MySQL, FTP Server Xampp viết tắt X + Apache + Mysql + PHP + Perl Chữ X cross (platform) ám dùng đƣợc cho hệ điều hành khác : Windows, Linux, Solaris MAC SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp Hình 1.1: Giao diện ứng dụng Xampp Database KC Hà Tĩnh Xampp Hình 1.2: Database KC Hà Tĩnh phpmyadmin 1.3 PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Vì tính hữu dụng khả phát triển, PHP bắt đầu đƣợc sử dụng môi trƣờng chuyên nghiệp trở thành “PHP: Hypertext Preprocessor” SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đƣợc đặt rải rác HTML PHP ngơn ngữ lập trình đƣợc kết nối chặt chẽ với máy chủ, cơng nghệ phía máy chủ (Server-Side) khơng phụ thuộc vào môi trƣờng (cross-platform) Đây hai yếu tố quan trọng, thứ nói cơng nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai, 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 nhƣ Windows, Unix nhiều biến thể Đặc biệt 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 phải chỉnh sửa chỉnh sửa Khi trang Web muốn đƣợc dùng ngôn ngữ PHP phải đáp ứng đƣợc tất trình xử lý thơng tin trang Web đó, sau đƣa kết ngôn ngữ HTML Khác với ngôn ngữ lập trình, PHP đƣợc thiết kế để thực điều sau kiện xảy (ví dụ, ngƣời dùng gửi biểu mẫu chuyển tới URL) 1.3.1 Tại nên dùng PHP Để thiết kế Web động có nhiều ngơn ngữ lập trình khác để lựa chọn, cấu hình tính khác nhƣng chúng vẵn đƣa kết giống Chúng ta lựa chọn cho ngơn ngữ: ASP, PHP, Java, Perl số loại khác Vậy lại nên chọn PHP Rất đơn giản, có lí sau mà lập trình Web không nên bỏ qua lựa chọn tuyệt vời PHP đƣợc sử dụng làm Web động nhanh, dễ dàng, tốt so với giải pháp khác 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 linh động, bền vững khả phát triển không giới hạn Đặc biệt PHP mã nguồn mở tất đặc tính miễn phí, mã nguồn mở sẵn có nên cộng đồng nhà phát triển Web ln có ý thức cải tiến nó, nâng cao để khắc phục lỗi chƣơng trình PHP vừa dễ với ngƣời sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách xuất sắc SVTH: Vƣơng Đức Kiên Đồ án tốt nghiệp - Lấy link liên kết tới gói hỗ trợ function function rst_scripts() { // style wp_enqueue_style( 'font-awesome', 'http://maxcdn.bootstrapcdn.com/fontawesome/4.5.0/css/font-awesome.min.css' ); wp_enqueue_style( 'font-opensand', 'http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=vi etnamese' ); wp_enqueue_style( 'linearicons', 'http://cdn.linearicons.com/free/1.0.0/iconfont.min.css' ); wp_enqueue_style( 'bootstrap', 'http://cdnjs.cloudflare.com/ajax/libs/twitterbootstrap/3.3.7/css/bootstrap.min.css' ); wp_enqueue_style( 'slick', 'http://cdnjs.cloudflare.com/ajax/libs/slickcarousel/1.6.0/slick.min.css' ); wp_enqueue_style('fonts',get_template_directory_uri().'/assets/fonts/fonts.c ss'); wp_enqueue_style('lightbox',get_template_directory_uri().'/vendors/lightbo x/css/lightbox.min.css'); wp_enqueue_style('main',get_template_directory_uri().'/assets/css/main.mi n.css'); wp_enqueue_style( 'rs-theme-style', get_stylesheet_uri() ); // script wp_enqueue_script( 'bootstrap', 'http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js', array('jquery'),'',true); wp_enqueue_script( 'smoothscroll',get_template_directory_uri().'/vendors/smoothscroll/SmoothScroll min.js ', array('jquery'),'',true); wp_enqueue_script( 'imagesloaded',get_template_directory_uri().'/vendors/imagesloaded.pkgd.min.js', array('jquery'),'',true); wp_enqueue_script( 'waypoints',get_template_directory_uri().'/vendors/couter-up/waypoints.min.js', array('jquery'),'',true); wp_enqueue_script( 'counterup',get_template_directory_uri().'/vendors/couterup/jquery.counterup.min.js', array('jquery'),'',true); SVTH: Vƣơng Đức Kiên 33 Đồ án tốt nghiệp wp_enqueue_script( 'slickjs', 'http://cdnjs.cloudflare.com/ajax/libs/slickcarousel/1.6.0/slick.min.js', array('jquery'),'',true); wp_enqueue_script( 'isotope',get_template_directory_uri().'/vendors/isotope.pkgd.js', array('jquery'),'',true); wp_enqueue_script( 'lightbox',get_template_directory_uri().'/vendors/lightbox/js/lightbox.min.js', array('jquery'),'',true); wp_enqueue_script( 'chat',get_template_directory_uri().'/assets/js/chat.min.js', array('jquery'),'',true); wp_enqueue_script( 'main',get_template_directory_uri().'/assets/js/main.js', array('jquery'),'',true); } add_action( 'wp_enqueue_scripts', 'rst_scripts' ); - Tìm kiếm liệu page

Ngày đăng: 01/08/2021, 10:52

TỪ KHÓA LIÊN QUAN

w