生命靈數星座個性專案

步驟01、插入背景影像

步驟02、調整Body邊界與背景顏色

  • CSSWebV2下載
  • background-color:yellow;
  • margin-left:0;
  • margin-top:0;

步驟03、顯示生日

  • CSSWebV3下載
  • position:absolute;
  • left:26.8%;
  • top:24.9%;
  • font-size:5vw;

步驟04、顯示生命靈數職場分析

  • CSSWebV4下載
  • 設定Session("V") = 4
  • 新增AccessDataSource1
  • 連結 職場生命靈數.accdb
  • SELECT [職場分析] FROM [職場生命靈數] WHERE ([生命靈數] = Session("V"))
  • 插入Span使用Style2
  • left:3.5%;
  • top:32%;
  • width:74.37%;
  • Span中插入 FormView
  • 編輯樣本
  • 插入 Image
  • ImageUrl='<%# Eval("職場分析") %>

步驟05、調整FormView與Span之間的寬度比例

  • CSSWebV5下載
  • Style2 Width: 74.37%
  • FormView Width: 100%
  • Image Width: 100%

步驟06、新增AccessDataSource2輸出星座

  • CSSWebV6下載
  • 新增AccessDataSource
  • 連接資料庫:星座個性.accdb
  • 選擇資料表: 星座個性表
  • 勾選欄位: 星座
  • 條件: 月=Session("BM") And 日=Session("BD")

步驟07、顯示星座

  • CSSWebV7下載
  • Span: Style3
  • left:9%;
  • top:56%;
  • FormView2連接AccessDataSource2
  • 編輯樣板: 保留星座

步驟08、AccessDataSource3 輸出個性

  • CSSWebV8下載
  • 新增AccessDataSource3
  • 連接資料庫:星座個性.accdb
  • 選擇資料表: 星座個性表
  • 勾選欄位: 個性
  • 條件: 月=Session("BM") And 日=Session("BD")

步驟09、顯示個性

  • CSSWebV9下載
  • Span: Style4
  • left:38%;
  • top:56%;
  • font-size:3vw;
  • width:54%;
  • FormView3連接AccessDataSource3
  • 編輯樣板: 保留個性

步驟10、Input畫面設計

步驟11、西元年自動產生方式

步驟12、下拉月與日版面

  • CSSWebV12下載
  •  新增DDL_BirthMonth & DDL_BirthDay
  • DDL_BirthMonth: 加入項目1~12
  • DDL_BirthDay: Page Load加入新增1~31

步驟13、下拉月觸發改變日

  • CSSWebV13下載
  • DDL_BirthMonth: 新增SelectIndexChanged事件 & AutoPostBack=true
  • 選取所選月份
  • 依月份更新DDL_BirthDay的天數

步驟14、按鈕

步驟15、按鈕傳送參數與跳至Result.aspx