Đang tải... (xem toàn văn)
Ngôn ngữ đánh dấu siêu văn bản (html) chỉ rõ một trang Web sẽ được hiển thị như thế nào trong một trình duyệt. Sử dụng các thẻ và các phần tử html, bạn có thể:Điều khiển hình thức và nội dung của trangXuất bản các tài liệu trực tuyến và truy xuất thông tin trực tuyến bằng cách sử dụng các liên kết được chèn vào tài liệu htmlTạo các biểu mẫu trực tuyến để thu thập thông tin về người dùng, quản lý các giao dịch .....Chèn các đối tượng như audio clip, video clip, các thành phần ActiveX, Flash và các Java Applet vào tài liệu htmlTài liệu html tạo thành mã nguồn của trang Web. Khi được xem trên trình soạn thảo, tài liệu này là một chuỗi các thẻ và các phần tử, mà chúng xác định trang web hiển thị như thế nào. Trình duyệt đọc các file có đuôi .htm hay .html và hiển thị trang web đó theo các lệnh có trong đó. HTML là kiến thức cơ bản mà bất cứ ai muốn học lập trình web hoặc học thiết kế web đều phải biết. Tất cả các trang web dù xử lý phức tạp đến đâu đều phải trả về dưới dạng mã nguồn HTML để trình duyệt có thể hiểu và hiển thị lên được.Ví dụ, theo cú pháp html dưới đây sẽ hiển thị thông điệp “My first html document”
K thut lp trỡnh gadget cho Window Vista Tờn bi vit: K thut lp trỡnh gadget cho Window Vista Tỏc gi: Phm H i - caulacbovb.com Cp bi vit: Cha ỏnh giỏ Túm tt: Hng dn ỡp trỡnh gadget cho Window Vista I.Dn nhp Windows Vista cựng vi v ho nhoỏng ca nú ó lm say mờ r t nhiu ngi v m t cỏc c trng n tng nht chớnh l Windows sidebar vi cỏc tin ớch nh nh :lch ,ng h ,CPU ( gi l gadget ) chim m t phn trờn desktop, bn cú th d dng tựy chnh nhng cụng c ny phự hp cng nh hin th trờn cựng, dng ca sụ ln v cng cú th t c ch no trờn mn hỡnh bng cỏc iu chnh Windows Sidebar properties iu tuyt vi hn na l lp trỡnh cỏc gadget ny cc k d dng ,tron g gii hn bi vit ny tụi s hng dn cỏc bn lm hai gadget tin ớch y sc mnh ch vũng 15 phỳt vi cha n 20 dũng code bng javascript, bn ng lo mỡnh khụng tho java v tụi cng s demo bng c ngụn ng kch bn thụng dng nht trờn window hin VbScript - Nhng ngi cú kinh nghim khụng nhiu v VB cng s nm bt d dng thụi ! Bn s hc c nhng gỡ t bi v it ny: - Bn cht ca vista gadget hay k thut lp trỡnh vi html dựng JavaScript v VbScript - K thut vit v ci t gadget bng Visual studio 2008 -Visual studio 2005 step by step vũng 15 phỳt - K thut vit,debug html nhanh chúng vi Microsoft Frontpage 2003 II.Gii thiu Vista Gadget Gadget l mt tin ớch nh gn ờn sidebar,thng cú kớch thc 139 pix el, cung cp nhiu thụng tin hu ớch nh : CPU,ngy thỏng ,nht ký,thi ti t bn cú th tỡm thy rt nhiu gadget tuyt vi na ti a ch ny http://vista.gallerv.microsoft.com/vista/SideBar.aspx? mkt=en-us vi m t th viờn s gn 2K gadget Thc cht gadget khụng phi l m t dng file thc thi kiu mi ttờn Vista m n gin ch l m t hay nhiu trang HTML c host bi tin ớch Window sidebar v y k thut lp ỡnh ch n gin l x lý HTML vi cỏc on script, ng nhiờn nu mun lm cỏc gadget cao cp thỡ bn cn tớm hiu thờm v gadget api ca vista v i cỏc gadget cao cp bn cú th code bng Visual Studio 2K5 hay 2K8 dựng WPF r t d dng ( xin lu ý l gadget ch cú ờn Vista m c nh ó cú Net 3.0 ) lừ 7:41 PM II Gadget cú th lm c nhng gỡ? Nờu da ờn tiờu l cỏc cụng ngh cu thnh lờn gadget thỡ cú t t c loi gadget; -Mini web application: Lftig dng web nh s dng IITML,CSS v cỏc script ( Vbscript, Java, J etc) - Data application : ng dng cú truy xut d liu s dng HTML ,DHTML, DOM Ajax.Gadget loi ny cú th kt ni n cỏc dch v web truy xut d liu v hin th cho ngi dung cui n h : khai thỏc dch v rss, ch sụ chng khoỏn,thụng tớn thi tit cỏc etc -Mini utilities :Cể tỏc dng nh m t tin ớch dựng :ActiveX object, gadget API v DHTML vớ d nh cỏc gadget o CPU,hin th ng h s hay thm l cỏc tin ớch truy xut ti nguyờn h thng v r t nhiu cụng vic khỏc r*gHggn \\ I*** o HTML C SS Jav n S o ifi Un no apptcro HTML T& - DOM A.Aô XWTMl Data ôpp c o lo n O'JMỳyiA Y 4^ m ỗ * ợ Af Ac&vfX ~ DmTML ớUtm _ IV.D liu m gadget s dng Gadget cú th truy xut d liu t r t nhiu ngun : - RSS/XML - Cỏc ang web - Cỏc dch v web - Ti nguyờn h thng : file,folder V ng nhiờn truy xut c vo cỏc h qun tr d liu nh ActiveX object 3-ô -fr>agô| RSS ' XML F w d V(wrPaỗj* * W* sô # + StbấtGmyỡ ôc? H *ằôndFoM ằ 1*1* EM *PM t AppKabcm Um l a ci vista > l tờn ngi dựng hin thi vớ d , vớ d haipt T t c cỏc file cu thnh lờn Gadget thng c t th mc ny, C ầ Ht I ô EM ô Viaằ Atrtdovit Sidôb4f ằ Toolô H ^p ,, ^ Name * Documente ! Pk U *ằ M vw Mâ## ằ* YourG*d Name: YourGadgetName.gadget Publisher: Unknown Publisher Install Don t Install This tile does not have a valid digital signature that verifies its publisher You should only run software from publishers you tru st H ow can decide w hat software to run? K t qu cui cựng hin th ờn sidebar cú th lm bn hi tht vng ng nhiờn ri vỡ nú ch cú m t lnh l hin th chui hello world thụi m, lm c m t gaget hu dng ta cn ng tay chõn mt ch ỳ t, bn cú th dựng m t cụng c no ú chuyờn dng thit kờ trang web cú textbox v image ca ch GOOGLE nh Microsoft Fronpage 2003 chng hn hoc cú th tn dng luụn chc nng design webpage ca VS2k8 Sau phỳt loay hoay, trang web light google ca tụi nh sau : Tụi chn ch split xem c code ln design, trụng cng khụng t lm nh Hỡnh nh GOOGLE l tụi capture l i t http://www.google.com ri resize cho nh li, vỡ chỳng ta ch nờn gii hn khung 129 X 60 pixel thụi , bn cú th xúa h t nụi dung file gadget.html trờn ri paste on mó sau vo thay thờ Untitled Page [...]... giao diện chút nữa thì 2 gadget bạn vừa tạo sẽ không thua gì các gadget trên gallery của bác bill đâu đấy nhé VL K ế t luận Gadget là style lập trình tuy không mới nhưng rấ t thú vị theo đúng phong cách của vista , bài viết trên chỉ demo gadget ở mức độ cơ bản, bạn nên tìm hiểu thêm các tài liệu ở phần phụ lục đ ể có thể vận düng được h ết sức mạnh của gadget Ví dụ: - Lập trình 1 gadget đ ể đọc truyện... 3 - Active Run gadget Lần này, tôi sẽ demo kỹ thuật lập trình với các active object đ ể tăng cường sức m ạnh cho các gadget, chúng ta sẽ thiết kê 1 gadget thay cho chức năng start\run của window 3.1 N hư project trước, chúng ta tạo m ột web site v ó i project template là : Hello Word vista gadget 3.2.Bạn có th ể soản sửa lạ i thông tin gadget cho phù hợp và th iết k ế m ột trang html nhỏ gọn dung fronpage... ( window. event.keyCode = 13 ) then Enter key ?? strKeyWordToSearch= document.getElementById("txtKeyWord").value if sttKeyW ordToSearcho"" then window. open("http://www.google.com.vn/search?hl=vi&q=" & strKeyWordToSearch & "&meta=") 8 9 10 11 end if end if end function File gadgetjs là thừa vì tôi đã nhúng luôn script vào thẳng file html 3 - Active Run gadget Lần này, tôi sẽ demo kỹ thuật lập. .. lượng tạm ổn và source code http://cid-3925eb2256203dc7.skvdrive.live.com/browse.aspx/Public/MHC/GadgetPrograming Tôi đã demo cho các bạn gadget loại 1 và 3,và trong video tut trên, A cư ờng- Chuyên gia công nghệ của Microsoft đã trình diễn kỹ thuật sử dựng gadget đ ể truy xuất 1 JSON Webservice viết bằng WCF ( gadget loại 2 ), cùng với rấ t nhiều kiến thức khác ^ 2.Các tài liệ u khác + DHTML & JavaScript... JavaScript and DHTML Cookbook.chm + vbscript:VBScript UNLEASHED.rar + s ử dụng Frongage:Frontpage.pdf +Lập trình vista gadget: Sams.Creating.Vìsta.Gadgets.May.2008.chm + Source code của hai Gadget Light Google và Active run T ất cả đều có trong địa chl này : tẩm 18M http://www.mediafire.com/file/xibiwleptzm/Gadgets.zip Tổng hợp Tech24.vn - ... với hơn 30 ngôn ngữ ( nếu code cái này m ất khoảng 30 dòng - Tạo m ột gadget báo thư mới của google sử dụng gmail api - V.v v.v VII Phụ lục l.Các video hướng dẫn lập trình gadget của anh Trịnh Minh c ư ờ n g và source code bạn có th ể download từ hai địa chỉ sau : + Link Video AVI trên mediafire.com : 800M rất rõ và sắc nét dành cho các bạn có đường truyền tốt http://www.mediafire.com/?sharekev=85ecef7d74484245ableab3e9fa335caa4f5al0d... ="http://www.google.com.vn/search?hl=vi&q="+strKeyWordToSearch + "&meta="; 6 7 8 window. open(strUrl); } } v ậ y là xong Chúng ta vừa tạo xong 1 gadget light google nhỏ gọn trong , bạn thử gõ từi3khoảng 7 phút, bây giờ thử chạy và xem kết quả nhé khóa tìm kiếm vào xem rất tuyệt đấy! ; Đây là đoạn mã Vbscript tương đương dành cho các fan VB, bạn xóa dòng 1 Trong file html, và paste đoạn mã sau vào... deu h et siic quen thupc,vi no ko khac gi nhieu m6i light google gadget Tâm điểm của đoạn mã là các dòng 1 33 Dim obj Shell 2 34 Set objShell = CreateObject("WScript.Sheir ) 3 35 objShell.Run( StrCommand) 4 36 Tạo m ột ActiveX object và thực thi method run của object này, WScript.Shell là m ột đối tượng vô cùng m ạnh m ẽ trong window cho phép bạn thao tác được với các tài nguyên h ệ thống như file... này tôi đặt trong file gadget. js chỉ vỏn vẹn có vài dòng lệnh khai thác google 1 function onKeyUpEventhandler(){ 2 if ( window. event.keyCode == 13 ){ //E nter key ?? 3 var strKeyWordToSearch = document.getElementById( 'txtKeyWord'').value 4 if (strKeyWordToSearch.length ==0) return ; 5 var strUrl ="http://www.google.com.vn/search?hl=vi&q="+strKeyWordToSearch + "&meta="; 6 7 8 window. open(strUrl); }... code sau vào file html 1 2 3 Untitled Page 4 clink href="css /gadget. css" type="text/css" rel="Stylesheet"/> 5