# 作業3 詐欺遊戲-釣魚網站 ## 目標網站 遊戲橘子登入 https://tw.newlogin.beanfun.com/loginform.aspx?skey=202304c9eae95714464d&display_mode=2 ![](https://i.imgur.com/dfjEeuk.png) ## 第一步 右鍵點擊存檔(不要點到網頁上的按鈕) ![](https://i.imgur.com/fFWypuy.png) 會有兩個檔案 ![](https://i.imgur.com/mb5TJgu.png) html 是這個網頁 files 是這個網頁會用到的css跟js還有其他檔案 ## 第二步 編輯html 把其他不相關的部分刪除 ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0087)https://tw.newlogin.beanfun.com/loginform.aspx?skey=20230458eacb66896649&display_mode=2 --> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="ctl00_Head1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> 遊戲橘子登入頁面 </title> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link href="common-login.css" rel="stylesheet" type="text/css"> <body class="display-mode-2"> <div id="ctl00_divHeader" class="Header"> <map name="Map" id="Map"> <area id="ctl00_HeaderMapUrl" shape="rect" coords="10,10,270,60" href="https://tw.beanfun.com/"> </map> <img src="beanfun.gif" usemap="#Map"></div> <div id="ctl00_divMainContent" class="MainContent"> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td id="ctl00_tdLeftContent" valign="top"> <div id="divLeftContent_HasBFObject"> <div></div> <table border="0" cellpadding="0" cellspacing="0" width="526px"> <tbody><tr> <td width="514"> <iframe src="commonlogintop.html" width="514px" height="296px" frameborder="0" scrolling="no"></iframe> </td> <td width="6"><img height="296" src="left_right.gif" width="6" alt=""></td> </tr> </tbody></table> <div></div> <div></div> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td width="8"><img height="110" src="banner_left.gif" width="8" alt=""></td> <td width="510"> <iframe src="commonloginbottom.html" width="510px" height="110px" frameborder="0" scrolling="no"></iframe> </td> <td width="8"><img height="110" src="banner_right.gif" width="8" alt=""></td> </tr> </tbody></table> <div></div> </div> </td> <td id="tdFormArea" valign="top"> <div id="ctl00_divLoginHeader" class="LoginHeader"></div> <div id="ctl00_divLoginBody" class="LoginBody"> <!-- Body --> <div> <div id="ctl00_FormAreaTitle" class="FormAreaTitle"> </div> <div> <form name="aspnetForm" method="post" action="https://tw.newlogin.beanfun.com/loginform.aspx?skey=20230458eacb66896649&amp;display_mode=2" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value=""> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value=""> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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"> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6ED0046F"> </div> <div id="ctl00_ContentPlaceHolder1_FormAreaTabs" class="AreaTabs"> <div class="GapLeft">&nbsp;</div> <div id="ctl00_ContentPlaceHolder1_divTabLocalArea" class="Selected"> <div id="ctl00_ContentPlaceHolder1_divLocalAreaName" class="word" onclick="__doPostBack(&#39;__Page&#39;,&#39;SwitchToLocalArea&#39;)">台灣Taiwan</div> </div> <div class="GapMiddle">&nbsp;</div> <div id="ctl00_ContentPlaceHolder1_divTabLocalAreaQR" class="QRNotSelected"> <div id="ctl00_ContentPlaceHolder1_divLocalAreaNameQR" class="QRword" onclick="__doPostBack(&#39;__Page&#39;,&#39;SwitchToLocalAreaQR&#39;)">QR Code便利登</div> </div> <div class="GapMiddle">&nbsp;</div> </div> <div> <span id="ctl00_ContentPlaceHolder1_lblLOGIN_MODE">登入模式</span> <span id="ctl00_ContentPlaceHolder1_spanAuthType"><div class="sel"><select id="ddlAuthType" name="ddlAuthType" onchange="SetLoginForm(this.options[this.selectedIndex].value);"><optgroup id="一般登入" label="一般登入"><option value="1">帳號密碼</option></optgroup><optgroup id="安全登入" label="安全登入"><option value="8">QR Code便利登</option></optgroup></select><div class="gnnText">帳號密碼</div></div></span> </div> <div id="divIframes"><iframe id="ifmForm1" width="288" height="215" src="./遊戲橘子登入頁面_files/id-pass_form.html" frameborder="0" scrolling="no" style="display: block;" allowtransparency="true"></iframe><iframe id="ifmForm8" width="288" height="215" src="./遊戲橘子登入頁面_files/loading.html" frameborder="0" scrolling="no" style="display:none;" allowtransparency="true"></iframe></div> <div style="display: none;"> <span id="ctl00_ContentPlaceHolder1_lblRedirectMsg"></span> <span id="ctl00_ContentPlaceHolder1_lblSessionKey">20230458eacb66896649</span> </div> </form> <form id="frmGoBack" name="frmGoBack" method="post" action="https://tw.newlogin.beanfun.com/loginform.aspx?skey=20230458eacb66896649&amp;display_mode=2"> <input type="hidden" name="SessionKey" id="SessionKey" value=""> <input type="hidden" name="AuthKey" id="AuthKey" value=""> <input type="hidden" name="ServiceCode" id="ServiceCode" value=""> <input type="hidden" name="ServiceRegion" id="ServiceRegion" value=""> <input type="hidden" name="ServiceAccountSN" id="ServiceAccountSN" value=""> </form> <div id="google_ads_iframe_/11941641/Login_Bottom_728x90_0__container__" style="border: 0pt none; width: 728px; height: 0px;"></div></div> </div> <div id="ctl00_divFooter" class="Footer">©2023 Gamania Co.,Ltd. All Rights Reserved.</div> ``` ## 結果 ![](https://i.imgur.com/0xCYtKy.png) ## 差異度 左上的圖標不見了，其他都差不多