- Website DakLak Online được thành lập cũng với mục tiêu phát triển đó, website giúptạo thương hiệu riêng của mình trên internet, tạo cơ hội tiếp xúc với khách hàng ở mọinơi và tại mọi t
Trang 1
1
TRƯỜNG CAO ĐẲNG THỰC HÀNH
FPT-POLYTECHNIC
BÁO CÁO ASSIGNMENT 1
Đề tài: WEBSITE DAKLAK ONLINE
Trang 2
MỤC LỤC PHẦN 1 PHẦN MỞ ĐẦU 4
1.1 Giới thiệu website 4
1.2 Lý do chọn đề tài 4
1.3 Nội dung thực hiện 4
1.4 Kế hoạch dự kiến 5
PHẦN II NỘI DUNG THỰC HIỆN 6
2.1 Tham khảo website liên quan 6
2.2 Xây dựng ý tưởng (Phân tích hệ thống) 6
2.3 Phác thảo – Thiết kế giao diện 7
2.3.1 Phác thảo dạng Mockup 8
2.3.2 Giao diện dạng photoshop 13
2.4 Hoàn thiện website 18
2.4.1 Xây dựng website 18
2.4.2 Đăng ký domain và hosting 19
2.4.3 Kế hoạch quảng bá website – SEO 29
PHẦN 3 BÀI HỌC KINH NGHIỆM 35
3.1 Thuận lợi 35
3.2 Khó khăn 35
PHẦN 4 HƯỚNG PHÁT TRIỂN VÀ KẾT LUẬN 36
4.1 Hướng phát triển 36
4.2 Kết luận 36
2
Trang 3
PHẦN 1 PHẦN MỞ ĐẦU
1.1 Giới thiệu website
- Như chúng ta đã biết, công nghệ thông tin đã và đang phát triển một cách mạnh mẽ, sứclan truyền rất nhanh trong việc giao nhận thông tin Vì nhu cầu của con người hiện naynên công nghệ thông tin được xem là phần không thể thiếu cho cuộc sống hằng ngày
- Ngày nay Website đang đóng vai trò là kênh truyền thông và công cụ kinh doanh hàngđầu cho mỗi doanh nghiệp, nó mang lại những lợi thế không thể phủ nhận Vì thế xâydựng website là một công việc quan trọng đến nỗi trở thành tiêu điểm đầu tiên của mỗi kếhoạch kinh doanh và phát triển
- Website DakLak Online được thành lập cũng với mục tiêu phát triển đó, website giúptạo thương hiệu riêng của mình trên internet, tạo cơ hội tiếp xúc với khách hàng ở mọinơi và tại mọi thời điểm Và đơn giản nếu không có website thì sẽ mất đi nhiều cơ hộitiềm năng lớn
1.2 Lý do chọn đề tài
- Website DakLak Online được khởi sướng và xây dựng dựa trên ý tưởng phát triển, giớithiệu các hoạt động về con người, du lịch, ẩm thực… của tỉnh nhà đến mọi người dântrên mọi miền tổ quốc, không chỉ trong nước mà còn vươn xa hơn, Website muốn giớithiệu nét độc đáo của văn hóa Tây Nguyên đến bạn bè quốc tế
1.3 Nội dung thực hiện
- Đa số website hiện nay thường chú trọng đến hình thức nhiều hơn nội dung mà quênrằng khách hàng quan tâm đến nội dung hơn Chỉ cần 5 giây để gây ấn tượng, nhưngkhách hàng sẽ bỏ ra hàng giờ để nghiên cứu thông tin trong website của bạn Websitetrước tiên phải cung cấp đủ thông tin & dễ dàng trong việc truy cập Khách hàng sẽ thấtvọng biết chừng nào khi họ đã bỏ công vào đến website, rồi chỉ nhận được sự hờ hữngtrong việc biên tập nội dung Bởi vậy việc xây dựng website không chỉ đầu tư ở việc thiết
kế giao diện mà quên đi phần cốt lõi đó là nội dung website Muốn website được hoànthiện như vậy đòi hỏi chúng ta phải lên kế hoạch thực hiện, dự kiến xây dựng website quacác bước sau:
3
Trang 4
B1: Thao khảo lấy ý tưởng từ các website khác
B2: Xây dựng ý tưởng – phân tích hệ thống
B3: Tiến hành thiết kế giao diện Mockup và Photoshop
B4: Rã website và hoàn thiện html website
B4: Đăng kí hosting và domain, tiến hành upload website
B5: Thực hiện kế hoạch quản bá website – SEO
B6: Điểm lại khó khăn, thuận lợi từ đó tiếp thu và rút ra kinh nghiệm
1.4 Kế hoạch dự kiến
STT Nội dung thực hiện Thời gian dự kiến Thời gian phát sinh
Tổng số thời gian thực hiện 76 giờ
4
Trang 5
PHẦN II NỘI DUNG THỰC HIỆN
2.1 Tham khảo website liên quan
- Tham khảo các trang web khác : http://daklak.gov.vn, http://daklak24h.com.vn …
- Qua việc tham khảo các trang web trên từ đó rút ra được cách bố trí cấu trúc, nội dungtin tức webste Đồng thời nó còn giúp học hỏi và tiếp thu được rất nhiều kinh nghiệm hayvề: đồ họa cũng như các kỹ thuật xây dựng website từ đó tiến hành xây dựng ý tưởng,phát thảo giao diện website
2.2 Xây dựng ý tưởng (Phân tích hệ thống)
- Xây dựng trang web đúng bố cục, tỉ lệ đã đề ra.Thiết kế các trang liên kết rõ ràng theositemap
- Nội dung, cấu trúc từng trang
+ Trang chủ : Trang chính của 1 website đòi hỏi kết cấu phù hợp và màu sắc hàihòa, toàn bộ trang sẽ được phối 2 màu chủ đạo là trắng và đen
Giới thiệu: Giới thiệu, cơ cấu tổ chức website DakLak Online
Tin tức: Cập nhật tin tức mới
Sự Kiện: Cập nhật các sự kiện của tỉnh DakLak
5
TRANG CHỦ
Giới thiệu về website , cập nhật hình ảnh, tin tức, sự kiện, ẩm thực,
du lịch, văn hóa Đăk
LIÊN HỆ
Trang này giúp khách hàng để lại lời nhắn cũng như biết thêm
về địa chỉ, số điện thoại…
CHI TIẾT
Trang thể hiện một bài viết chi tiết của website
Trang 6
Ẩm thực: Liệt kê các bài viết mới về ẩm thực Đăk Lăk
Du lịch: Liệt kê các bài viết mới về du lịch Đăk Lăk
Văn Hóa: Liệt kê các bài viết mới về văn hóa Đăk Lăk
Hot Photo: Nơi thể hiện các hình ảnh nổi bật
+ Photo: Trang hình ảnh
Ảnh mới : Cập nhật danh sách ảnh mới
Ảnh và sự kiện: Cập nhật các chùm ảnh tại các sự kiện
Photo Show: Nơi lưu trữ hình ảnh của website
+ Blog : Trang bài viết
Hot Blog: Blog nổi bật trong ngày
Danh sách blog: Danh sách các bài viết của website
+ Liên hệ: Trang thông tin liên hệ, địa chỉ
Mẫu liên hệ: Nơi dành cho khách hàng để lại lời nhắn
Thông tin: Thể hiện các thông tin liên quan đến website: email Sdt,fagapage Facebook…
Google Map: địa chỉ trụ sở website
+ Chi tiết: Trang chi tiết 1 bài viết
Bài viết chính
Ô bình luận, chia sẻ bài viết
Mục các bài viết liên quan
2.3 Phác thảo – Thiết kế giao diện
- Phác thảo chính là thời gian nảy sinh những sáng tạo Chính những lúc này quyết định
lý do tại sao khách hàng đồng ý để bạn nhận dự án Phác thảo có thể đem tới cho bạn mộtthiết kế hiệu quả hơn bởi vậy phác thảo là một phần không thể thiếu trong quá trình xâydựng website
2.3.1 Phác thảo dạng Mockup
6
Trang 7
- Trang Chủ
7
Trang 8
- Trang Photo
8
Trang 9
- Trang Blog
9
Trang 10
- Trang liên hệ
10
Trang 11
- Trang chi tiết bài viết
11
Trang 12
2.3.2 Giao diện dạng photoshop
- Trang chủ
12
Trang 13
- Trang Photo
13
Trang 14
- Trang Blog
14
Trang 15
- Trang liên hệ
15
Trang 16
- Trang chi tiết bài viết
16
Trang 17
2.4 Hoàn thiện website
2.4.1 Xây dựng website
- Website được viết trên phần mềm ADOBE DREAMWAEVER
- Sử dụng các kiến thức, kỹ thuật về HTML, CSS, JQUERY , các hiệu ứng, tiệních web để hoàn thành website
+ CSS cho toàn bộ trang web+ Jquery Slider : iview,flexslider+ Jquery text: hide text
+ Jquery Share button : classysocial+ Jquery photo: stapel,hoverfold, pretty beautiful…
+ Tiện ích web: Sử dụng plugin Google Map, Boxlike Facebook…
- Tiến hành upload website và chạy kiểm thử , sửa lỗi nếu có và hoàn thiệnwebsite
- Bố cục thư mục:
17
Trang 21
- Quá trình thực hiện đăng kí hosting : http://daklakoniline.tk
B1: Đăng kí tài khoản tại Hostinger.vn , sau khi hoàn tất, đăng nhập
B2: Tạo 1 hosting mới bằng cách nhấp vào tab Hosting sau đó chọn Tạo account.B3: Nhập các thông số cần thiết sau đó nhấn Tạo
B4: Tài khoản đã được tạo thành công, chúng ta có thể bấm vào chuyển để vàobản điều khiển Cpanel của hosting
21
Trang 22
- Quá trình Đăng kí domain: http://daklakonline.tk
B1: Truy cập vào địa chỉ: http://www.dot.tk/ kích vào phần Đăng nhập vào MyDot
B2: Để đơn giản ta có thể chọn đăng nhập bằng tài khoản Google hay Facebook
B3: Sau khi đăng nhập thành công các bạn kích vào Add a domain trong TabDomain Panel để tạo một tên miền mới
22
Trang 23
B4: Nhập tên miền bạn muốn đăng kí, nhấp vào Add new domain Nếu tên miền
đã được đăng kí sẽ có thông báo và sẽ phải lựa chọn 1 tên miền khác Nếu tên miền chưađăng kí sẽ có thông báo như bên dưới Chọn Free Domain và nhấn NEXT
B5: Nhập Namesever mà hosinger.vn cung cấp , chọn thời hạn đăng kí domain,nhập mã captcha sau đó nhấn Next để tiến hành đăng kí domain
23
Trang 24
B7: Domain đã đăng kí thành công
- Cấu hình domain Packed tại hostinger.vn.
B1: Truy cập vào phần Cpanel của hosting, tại tab Domains chọn ParkedDomains
B2: Nhập domain cần parket sau đó nhấn park Domain
24
Trang 25
B3: Domain đã được parked sẽ được liệt kê ở danh sách phía dưới
B4: Nhấp chọn Nameservers để lấy Namsever , IP cấu hình domain parked saunày
- Quá trình đăng kí domain parked : http://daklakonline.vn.ae
B1: Truy cập http://vn.ae , Nhập domain muốn đăng kí sau đó nhấm vào ô Kiểmtra tên miền Nếu tên miền đã được đăng kí sẽ có thông báo và sẽ phải lựa chọn 1 tênmiền khác Nếu tên miền chưa đăng kí sẽ có thông báo như bên dưới
B2: Nhấp vào mục Đăng kí ngay
B3: Xuất hiện giao diên dưới, nhập email đăng kí, mã bảo vệ sau đó nhấn chọnĐăng kí
25
Trang 26
B4: Đăng nhập vào mail lấy mã số đăng kí, sau đó điền đầy đủ thông tin vào hìnhsau
26
Trang 27
B5: Chọn mục Cấu hính DNS sau đó nhập IP của hosting, nhấn Hoàn Tất để kếtthúc quá trình đăng kí
- Quá trình upload website lên host
+ Chi tiết thông số FTP của hosting
27
Trang 28
+ Dưới đây là hình ảnh mô tả cấu hình tài khỏan FTP để upload website
+ Trong đó:
+ 1: Host: Nhập tên sever FTP Hosting
+ 2 : UserName: Nhập tên tài khoản FTP Hosting
+ 3 : Password: Nhập mật khẩu FTP Hosting
+ 4: Local Drives : Nơi chưa file cần upload
+ 5: Thư mục Hosting chứa các file đã được upload
+ 6: Thư mục, tệp tin đang thực thi upload
28
Trang 29
- Tiến hành Upload website lên Hosting
B1: Nhập các thông số cần thiết vào ô 1-2-3 sau đó nhấn vào biểu tượng Connect
để kết nối tới tài khoản FTP Hosting
B2: Chọn đường dẫn đến thư mục Website cần Upload tại mục Local Drives, sau
đó chuột phải chọn Upload
B3: Quá trình upload sẽ được thể hiện ở ô thứ 6
29
Trang 30o Sử dụng các tiêu đề trang trong website.
o Nội dung được sử dụng trong trang hấp dẫn
Trang 31
o Website đã được đánh chỉ mục và có kết quả tìm kiếm từ Google
o Đăng kí Google WebMaster
B1: Truy cập vào https://www.google.com/webmasters/tools/ nhận ThêmWebsite, sau đó nhập website của bạn
B2: Xuất hiện giao diện, tiến hành các yêu cầu xác minh của google bằngcách tải file mà google cung cấp lên thư mục chính của website, sau đó nhấn vào XácMinh
31
Trang 32
o Tạo và đăng kí Sitemap cho website.
B1: Truy cập http://www.xml-sitemaps.com/
B2: Nhập tên website vào ô starting URL
B3: Nhấp vào Start để bắt đầu
32
Trang 33B4: Dowload về 4 file sitemap.xml , sitemap.html, urllist.txt, ror.xml
B5: Upload 4 file được tạo ra phia dưới ngang hàng với index
o Đăng kí sitemap với google.
33
Trang 34
34
Trang 35
o Đăng kí website với Google Analytics.
B1: Truy cập vào http://www.google.com/analytics/
B2: Nhập EmailB3: Click vào Đăng kí
B4: Xuất hiện giao diện sau, thiết lập các thông số cần thiết sau đó nhấnNhận ID Theo dõi
35
Trang 36B4: Nhấn Tôi chấp nhận
B5: Sau khi thông báo thành công, google sẽ đưa bạn tới trang chưa đoạn
mã theo dõi của google analytics Copy đoạn mã trên trước thẻ </body> trang muốn theodõi
o Đăng kí FanPage Facebook – Quảng bá Website
o Tạo liên kết ngược – Backlink…vv
36
Trang 37
PHẦN 3 BÀI HỌC KINH NGHIỆM
3.1 Thuận lợi
- Thời gian triển khai dự án dài.
- Phương tiện hỗ trợ đầy đủ
- Có sự hỗ trợ của giáo viên
- Có kỹ năng thiết kế website – photoshop tương đối
3.2 Khó khăn
- Chưa có kinh nghiệm SEO website
- Website khá mới, nội dung ít nên khó trong việc quản bá, SEO
37
Trang 38
PHẦN 4 HƯỚNG PHÁT TRIỂN VÀ KẾT LUẬN
4.1 Hướng phát triển
- Để định hướng phát triển website lâu dài sau này, chúng ta cần thực hiện 7 bước sau:
+ Đo đạc các thông số hiện tại của website để từ đó tìm hướng đi cho website.+ Lập ra các mục tiêu phát triển website trong tương lai
+ Định nghĩa thương hiệu website
+ Định nghĩa người dùng của website bạn là ai? mục tiêu là gì?
+ Tối ưu hóa cho các trang nội dung quan trọng
+ Biết Phân tích đối thủ cạnh tranh
+ Liệt kê được các tài nguyên có sẵn của website