---
# System prepended metadata

title: 作業3 詐欺遊戲-釣魚網站

---

# 作業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)

## 差異度

左上的圖標不見了，其他都差不多