發表文章

第十六週作業

圖片
 第十六週作業 步驟一:使用物件先將原先的格式是設定為橫式landscape,以及直式portrait 步驟二:在瀏覽器按下F12進行測試 步驟三:將左半邊與月曆的都做響應式處理

第十三週作業

圖片
 第十三週作業 步驟一:前往上次生成clip-path的網站 步驟二:將生產出的clip-path程式碼,放到圖形的CSS中 步驟三:建立一個記事對話方塊 步驟四:加入CSS配置

第十二週作業

圖片
 第十二週作業 步驟一:將每一個可選色塊都賦予一個顏色代表 步驟2:將彈出視窗後,背景設定灰色 步驟三:新增一個BUTTON按鈕 步驟四:加上CSS去修飾BUTTON按鈕 步驟五:在色塊中加上白色勾勾 步驟六:將視窗隱藏,回到初始介面

第十一週作業

圖片
 第十一週作業 步驟零:將前面寫的CSS程式獨立出來 步驟二:開始新增更改UI顏色的功能 步驟三:將大標題放大並加上底線

第十週作業

圖片
 第十週作業 步驟一:做出灰色的效果,表示是這個月的今天 步驟二:塞便利圖貼   步驟三:加入這是提示的span格式 步驟四:將提示字隱藏起來 步驟五:滑鼠移過去時,提示字會跳出顯示

第九週作業

圖片
 第九週作業 步驟一:將Mycalender與下面的輸入框隱藏 步驟二:將日曆致中在右半邊中間,且日曆內部排版 步驟三:預留好空間,為了增加, 步驟四:將日曆整體放大,並且加上轉上效果 步驟五:畫面太空,因次我們在背景加上文字浮水印 步驟六:加上兩個箭頭圖飾