網頁設計學習日誌
學習日誌01
今天是2016.9.10,週日,我一個下午都坐在教室裡模仿做一個百度的主頁面。這是百度主頁的本來面目:
看似很簡單,都是有很多細節對我這個出入Web前端的小白還是很陌生的。比如上面導航欄的“更多產品”,當滑鼠滑過它的時候會出現下拉選單,由於我還怎麼掌握JavaScript,所以就用CSS來實現這個功能了,通過在<li></li>中再套<ul><li></li></ul>,並用hover來控制滑鼠觸發功能。這一點知識的掌握算是今天最大的收穫了。其餘都是比較簡單的超連結、文字框、按鈕啦。不過我的CSS還得需要調整以期還原出百度的原樣。當然還有一些小細節,比如“糯米”連結開啟後會自動切換到自己所在的城市,“把百度設為主頁“連結開啟後,會根據你所使用的瀏覽器自動展開對應的方法,這些恐怕需要JS才能完成的。所以一個百度主頁的完成,對我來說還是有很長的路需要走的。
這是我的學習日誌的第一篇,希望自己以後能有所進步了就記錄下來。不求快速飛躍,只求每日能有所收穫!
相關推薦
網頁設計學習日誌
學習日誌01 今天是2016.9.10,週日,我一個下午都坐在教室裡模仿做一個百度的主頁面。這是百度主頁的本來面目: 看
嵌入式課程設計——學習日誌 (2)
姓名: 張春林 日期: 2018-9-11 一.今日任務: 學習資料結構中的樹形結構和線性結構,線性結構儲存方式分為:順序儲存(連續)、鏈式儲存(不連續)。主要學習線性結構中的棧(先進後出,如圖所示),分為:初始化棧、進棧、出棧、判斷棧是否為空、獲取棧頂元素、清空棧的相關函式編寫。
嵌入式課程設計——學習日誌
姓名:張春林 日期: 2018-9-10 第一天: 一.今日任務: 熟悉linux系統的基本操作和相關的終端命令如:ls,cd,vim 檔案,gcc 檔案 -o one,./one,rm -rf 刪除的檔案,Esc,shift zz,並熟悉C語言的指標和結構體。 二.今日任
嵌入式課程設計——學習日誌 (4)
姓名: 張春林 日期: 2018-9-13 一.今日任務 用c語言的棧和佇列的知識編寫出具有定時功能停車場的程式。 1.車輛出棧 2.出去的車進來 3.等候佇列進來。 停車場的初步設計分為:停車棧,讓路棧,等候車棧,等候車棧是鏈式儲存 。 二.今日任務完成情況 今日
嵌入式課程設計——學習日誌 (3)
姓名: 張春林 日期: 2018-9-12 一.今日任務 學習資料結構中的佇列,通過佇列進一步瞭解線性結構,上午學習線性結構的順序儲存(儲存空間連續)佇列,下午學習線性結構的鏈式儲存(儲存空間不連續)佇列。 二.今日任務完成情況 今日任務按計劃順利完成,上課程式碼除錯全部正常執
嵌入式課程設計學習日誌2
學習日誌 2 姓名:張璐 日期:2018-09-11 今日學習任務: 今日上午老師帶我們學習資料結構的知識點,資料結構分為線性結構、樹形結構等,線性結構的儲存方式分為順序結構和鏈式結構。順序結構是連續的,鏈式結構的是不連續的。棧的特
嵌入式課程設計學習日誌3
姓名:楊青 日期: 2018年9月12日 今日學習任務 瞭解佇列:(先進先出)線性結構:順序儲存(陣列) 鏈式儲存 今日任務完成情況 在課堂上基本上可以跟上老師的節奏,在敲程式碼時還會犯一些小錯誤,需要更細心的加強自己的學習,總的來
JavaScript學習日誌(二):面向對象的程序設計
循環 理想 soft 日誌 傳遞 數組 用例 定義 基本類型 1,ECMAScript不像其他面向對象的語言那樣有類的概念,它的對象與其他不同。 2,ECMAScript有兩種屬性:數據屬性和訪問器屬性。([[]]這種雙中括號表示屬性為內部屬性,外部不可直接訪問) 1.數據
PS學習記錄9--PS網頁設計教程IX——巧用大括號設計驚豔的諮詢頁面
作為編碼者,美工基礎是偏弱的。我們可以參考一些成熟的網頁PS教程,提高自身的設計能力。套用一句話,“熟讀唐詩三百首,不會作詩也會吟”。 本系列的教程來源於網上的PS教程,都是國外的,全英文的。本人嘗試翻譯這些優秀的教程。因為翻譯能力有限,翻譯的細節上還有待推敲,希望廣大網友不吝賜教。 約定:
PS學習記錄8--PS網頁設計教程VII——在Photoshop中設計卡通店面佈局
本系列的教程來源於網上的PS教程,都是國外的,全英文的。本人嘗試翻譯這些優秀的教程。因為翻譯能力有限,翻譯的細節上還有待推敲,希望廣大網友不吝賜教。 約定: 1、本文的軟體是Photoshop CS5版本 2、原教程的截圖是英文的,本人在重新制作的基礎上,重新截了中文版的圖 3、原文
PS學習記錄7--PS網頁設計教程I——在Photoshop中建立時尚多彩的wordpress佈局
約定: 1、本文的軟體是Photoshop CS5版本 2、原教程的截圖是英文的,本人在重新制作的基礎上,重新截了中文版的圖 3、原文中有些操作沒有給出引數。本人在反覆測試的情況下測定了一些引數,以紅色的文字顯示。有些錯誤的引數,直接以紅色文字顯示正確的引數 例如:(90,22,23
PS學習記錄4--PS網頁設計教程XII——在PS中建立專業的web2.0的網頁佈局 第三章
Step 21 We’ll start working on our lower content area, by dragging a new guide after 50px. 步驟21 現在要建立低位的內容區域,在之前參考線的下方50px處拖動一條新的水平參考線 &nbs
PS學習記錄3--PS網頁設計教程XII——在PS中建立專業的web2.0的網頁佈局 第二章
Step 11 To create our shadow, we’ll start by duplicating the two layers “pic” and “pic_holder”. While having the two duplicated layers selected, g
PS學習記錄2--PS網頁設計教程XII——在PS中建立專業的web2.0的網頁佈局 第一章
作為編碼者,美工基礎是偏弱的。我們可以參考一些成熟的網頁PS教程,提高自身的設計能力。套用一句話,“熟讀唐詩三百首,不會作詩也會吟”。 本系列的教程來源於網上的PS教程,都是國外的,全英文的。本人嘗試翻譯這些優秀的教程。因為翻譯能力有限,翻譯的細節上還有待推敲,希望廣大網友不吝賜教。 約定:
設計模式學習日誌之二--工廠方法模式
工廠模式,屬於建立型設計模式,需要生成的物件叫做產品,生成物件的地方叫做工廠簡單工廠模式舉個例子建立一個麵條基類(或者介面)這是產品的抽象類public abstract class INoodles { /** * 描述每種麵條啥樣的 */ p
5月3日上午學習日誌
能力 程序 系統調用 logs 學習日誌 執行 shel 管理軟件 -1 2017年5月3日上午把昨天記憶的英語單詞的多種詞意用自己組句的方法聯系起來再記憶一遍,然後再學10個考研高頻詞匯,完成英語app的打卡和看通信工程視頻。今天基本上完成了通信工程教學視頻中對操作系統組
5月4日上午學習日誌
聯系 昨天 單詞 學習 mage blog 方法 img 高頻 2017年5月4日上午把昨天記憶的英語單詞的多種詞意用自己組句的方法聯系起來再記憶一遍,然後再學10個考研高頻詞匯,完成英語app的打卡。5月4日上午學習日誌
5月5日下午學習日誌
時間 執行 lock times logs ges lin time 設備文件 5月5日下午學了通信原理教材和通信工程視頻。學習了通信工程操作系統文件長格式中,普通文件的格式,這部分講了包括 d.目錄文件 b.塊設備文件(block) c.字符設備文件(character)
5月9日下午學習日誌
內部 使用 執行文件 shell 空間 log 命令類型 err alt 下午學了張宇數學18講教材第五講和通信工程視頻,通過看通信工程視頻,學習的是Linux 系統的命令類型和環境變量 命令類型:內置命令(shell內置)內部,內建 外部命令:在文件系統的某個路徑下有一個
.Net語言 APP開發平臺——Smobiler學習日誌:在手機應用開發中如何實現跳轉地圖
demo hand 操作 窗體 clas com ps1 ati void 一、目標樣式 我們要實現上圖中的效果,需要如下的操作: 二、跳轉地圖代碼 VB: Private Sub Button1_Click(sender As Object, e As Ev