Tìm h iu và nhúng Vi tb nđ vào web:

Một phần của tài liệu Đồ án tốt nghiệp Khoa Công nghệ thông tin Xây dựng website giới thiệu các tỉnh thành Việt Nam Ngô Thành Tiến (1) (Trang 48)

Vi t b n đ là trang web cung c p cho ng i s d ng b n đ online

riêng v Vi t nam.Ng i nh ng d ng cĩ th tìm th y nh ng đa đi m mà mình c n đ n ho c cĩ th đánh d u nh ng đa đi m đĩ.Hay trong thành ph cĩ th tìm nh ng đ ng đi t i m t n i c n đ n.

Ngồi ra Vi t b n đ con cho phép ng i s d ng nhúng Vi t b n đ

vào trang web riêng c a mình và cĩ th ch nh s a theo ý riêng b ng các hàm API.

làm đ c nh v y đ u tiên ph i đ ng ký thành viên c a Vi t b n đ

linh đ ng ký http://www.vietbando.com/vbdregister.aspx .Sau khi đ ng ký xong

đ ng nh p vào trang web đ đ ng ký link trang web mà mu n nhúng Vi t b n

SVTH: Ngơ Thành Ti n và Ph m Ngơ Hồng Y n Trang 49/69 Sau khi cĩ key ,copy key và dán vào code đ dùng Vi t b n đ

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>VBDAPI</title> <script type="text/javascript" src="http://www.vietbando.com/API/VBDMapAPI.js?key=e7vjH+pgQHuSyV 75dwG6hq0WQek+cVqm"></script> <script type="text/javascript"> function loadMap() { if (VBrowserIsCompatible()) {

var map = new

VMap(document.getElementById('container')); map.setCenter(new VLatLng(10.8152328,106.680505), 4); } } </script> </head> <body onload="loadMap()">

<div id="container" style="width:700px; height:500px;position:absolute; border:solid 2px #0066cc"></div>

</body> </html>

SVTH: Ngơ Thành Ti n và Ph m Ngơ Hồng Y n Trang 50/69 dùng ch nh s a l i theo ý riêng c a t ng trang web.D a vào các đo n code ví d đĩ chúng em l u l i các t a đ c a các t nh vào m t b ng c s d li u sau

đĩ ch nh s a code l i đ l y các t a đ t c s d li u ra và cho ra b n đ c a riêng và nhúng vào trang web.

SVTH: Ngơ Thành Ti n và Ph m Ngơ Hồng Y n Trang 51/69

PH N VI – KT QU THC HIN 1. Giao di n trang web: 1. Giao di n trang web:

Trang web cĩ giao di n đ p, màu s c hài hịa, b c c rõ ràng v i tơng màu ch y u là màu xanh nh t ph i h p v i màu tr ng #ffffff làm cho trang web sáng h n cùng v i ch màu đen trên n n tr ng, ch tiêu đ màu xanh, màu

đen làm cho b c c trang web thêm trang tr ng và rõ ràng. Giao di n trang web đ c chia làm 3 ph n

1. Phía trên là baner ,h th ng link liên k t và cơng c tìm ki m. 2. Phía gi a là ph n n i dung đ c chia làm hai ph n:

a. Bên trái là các danh sách t nh ,huy n b. Bên ph i là n i dung c a trang web.

3. Ph n cu i cùng là ph n footer các thơng tin v trang web.

Một phần của tài liệu Đồ án tốt nghiệp Khoa Công nghệ thông tin Xây dựng website giới thiệu các tỉnh thành Việt Nam Ngô Thành Tiến (1) (Trang 48)

Tải bản đầy đủ (PDF)

(69 trang)