多學員在學習的過程中都遇到過這樣的問題:為什么老師講的我都能聽懂,然而做起來卻總是諸多問題?千鋒重慶校區老師告訴你,其實這是正常現象,誰也不能幾天就成為大師,你的實踐還太少了!練習多了,經驗多了,靜態網頁自然也就手到擒來。
靜態的網頁其實就是由兩部分組成,一個是底層結構HTML,另外一個就是負責修飾結構的CSS。其實書寫靜態網頁就像小時候過家家,首先得把需要的家庭成員找齊了,即首先考慮要做一個什么樣的網站,例如一個綜合類網站包括:搜索框、導航、文章類別模塊、文章標題以及一部分廣告板塊;一個博客主頁包括:導航、文章縮略、文章搜索、文章導航以及沒有顯示但可能會有的評論區。
寫頁面的時候是有劇本的,這個劇本指網頁設計圖,或者某個現有網頁,建議大家在模仿網上現有網頁的時候利用瀏覽器自帶的截圖功能,把整個完整的頁面截取下來,QQ瀏覽器,360瀏覽器都可以做到。這樣的優點在于可以利用PS自己一步步測量數據、切圖都做到親力親為,并且做到了頁面數據的精準度,而不是隨意的給數據,或者是利用瀏覽器的F12功能查看原網頁的數據。
按照設計好的劇本接著就可以找對應的成員了,例如百度網頁從上往下分為導航頭部、中間logo和表單、尾部二維碼和文字,相對來說頁面的整體布局是比較簡單的,當然還有很多不同類型的頁面,布局要復雜一些。
當看到一個網頁時,需要在腦海當中對頁面進行一個簡單的掃描,如果把頁面當成一張紙,要怎么樣從大到小一點點分割。當有了初步的認識之后,就可以把這些東西轉化成HTML結構,所有不同顏色的框框在寫的時候用的都是DIV。
從上往下,從大到小一點點先把某個模塊以不同的顏色色塊利用代碼堆積出來。保證大的模塊布局沒問題之后,在往里面放一些小的東西,比如圖片img、表單form input、文字、超鏈接a、列表ul li,這時候簡單的頁面結構就出來了。
接下來要把寫好的結構進行美化,不然頁面就會一團亂麻,沒有美感,而網頁當中潤色部分是用CSS來做的。這個環節需要更加細心,例如百度首頁導航紅色框整體在綠色框的右邊,需要給紅色框添加float:right;紅色框里面文字的字號大小,字體,字體顏色,水平間距,垂直間距都需要一點點寫。如果在寫的過程中遇見了問題,可以借助Chrome瀏覽器的調試功能,哪里錯了用箭頭點哪里,結構看左邊,CSS看右邊,看看CSS屬性有沒有顯示,有沒有劃掉,有沒有黃色報錯等等。
在做頁面時,需要大量的練習,才可以熟能生巧。一個頁面寫完之后,總結一下這個頁面在書寫過程中遇到了哪些問題,是怎么解決的,為什么這樣解決,深入思考這個模塊的這個效果可不可以用其他的方法來實現,以做到舉一反三。
千鋒重慶HTML5大前端培訓,配合實戰項目講解網站頁面布局,讓你從容應對HTML、CSS的學習,基礎打好了,才能更有信心面對之后的挑戰。
內容來源于@什么值得買APP,觀點僅代表作者本人 |作者:突突兔too禿
老婆做進出口的,前一段發了一個知識貼給我,以為是要打印,搞了半天是因為網頁不讓復制,所以分享給我。
這可笑壞我了,還有什么方法能突破“禁止復制”禁術,當然唯我漩渦鳴人的影分身之術了。看我如何活學活用,復制粘貼。
實際上,我覺得老婆大人的方法是最實際的了。這絕不僅僅是出于對老婆大人的尊重,而是實事求是。不讓復制就不復制唄。我也就平時存起來備查。當然,如果實在找不到人分享,那就分享給“文件傳輸助手”吧。
有一種孤獨叫智能發給穿書助手
同樣的寂寞(劃掉)方法,我們也可以通過QQ把地址分享給“我的Android手機”。
比方法1稍微高級一點的是,將有關內容在微信中打開后,選擇“收藏”,這樣以后就可以直接在我的“收藏”中找到了。
當然,以上方法還只是迂回作戰,說白了禁術還在,只是找了個方法替代。真的如果需要復制的時候就白瞎了。
使用Chrome瀏覽器或者360瀏覽器,然后直接選擇部分文字,鼠標按住左鍵,就可以把文字拖拽到QQ對話框了。
step1
step2
同樣是在360瀏覽器上面,鼠標選擇要復制的文字,然后右擊鼠標,選擇保存為文本。
step1
再選擇一個文件夾保存。
step2
打開指定文件夾中的TXT文檔,就能得到相應的文字了。
如果要評論這種生拉硬拽的方法,那就是霸氣。
當然,也有不足,每一次都要這么拖拽,鼠標手是跑不掉的了。而且并沒有辦法一次性全部選擇。
step1:使用QQ對話框的截圖工具。
step2:然后右擊圖片,選擇提取圖中文字。
step3:點擊下載。
step4:就可以在指定文件夾中找到picture和result兩個文件。馬上就能下載了。
當然,這個和方法3一樣,不能全選,需要反復的復制粘貼。
使用手機自帶功能進行滾動截屏后,再打開微信小程序“傳圖識字”,然后進行orc識字,就可以復制了。
step1:我的手機是華為的,使用指關節寫一個“S”,就可以滾動截屏。
step2:然后進入傳圖識字后,點擊“從相冊中選取”。
step3:點擊全選,然后復制,就可以在對話框中張貼了。
不過需要注意的是,過長的圖片也可能出現識別失敗。像這次,我就只選擇了一半。而orc識別最大的問題,還是準確性。只能安慰自己就當是檢查作業,外加復習了唄。
step1:使用手機edge,然后在網址中點擊閱讀模式;
step2:選擇“全選”-“復制”;
step3:再粘貼到備忘錄中。
同樣的方式,也可以在UC上使用。
比起edge和UC還要使用閱讀模式,夸克直接跳過了第一步。
難怪這款手機App會受到大家的喜歡。
在谷歌瀏覽器上打開網頁,點擊“F12”,又或者在網頁上點擊右鍵,選擇“檢查”。
然后再選擇“setting”或者直接按“F1”,然后找到debugger-disable Javascript,勾選,就可以復制粘貼了。
不過,記得用完取消勾選disable-Javascript,需要的時候才開啟。
總結一下,其實無非就是三種方法,一種是聽之任之,一種是使用其他工具進行orc識別,最后一種就是破壞網頁的規則。以上的方法大部分也是小白級別,還沒涉及到油猴腳本等等。但是貴在實用,平時有文案撰寫、論文寫作等需求的值友歡迎收藏,畢竟用的時候才能記得住。
021年2月, 編程語言的七國集團峰會在風景優美的Linux莊園如期召開。
C, Java, Python, JavaScript , C++ , C#, PHP 相繼入座。
C語言作為主持人,在大屏幕上用一幅圖總結了一下近二十年各國的沉浮。
各國代表對C語言的工作紛紛表示贊賞。
C語言說道:我們七國集團已經統治IT界20多年了,歷經桌面時代,互聯網時代,大數據時代,人工智能時代而不倒,這次會議就是爭取把大好局面再維持20年!
C語言隨后介紹了本次G7峰會的兩大議題。
1. 解決內部爭端
2. 應對新編程語言的威脅
第一個議題剛剛開始各方就吵成了一鍋粥。
Java率先向JavaScript發難, 指責它不遵守約定,用Node.js向后端發起進攻的惡劣行為。
C#憤怒地舉報JavaScript 用Electron 對桌面開發的蠶食。
JavaScript則辯解說C/C++/C#也可以寫代碼運行在瀏覽器端中,不信你們去看WebAssembly,還有Java也做桌面開發例如IDEA和Eclipse.....
眼瞅著第一個議題就要打起來,C老大趕緊呼吁各方冷靜,要約束各方行為,為了大局不要內訌。
經過一番唇槍舌戰, 各方再次確立了自己的勢力范圍:
桌面開發:C#
前端開發:JavaScript
系統級軟件:C/C++
后端開發:Java/C#
大數據:Java/ Python
人工智能:C++/Python
然后大會轉入第二個議題,C語言給每個人發了一份報告, 上面列舉了最近10年出現的編程新秀。
Go : 2009
Rust : 2010
Kotlin : 2011
Elixir : 2011
Julia : 2012
TypeScript : 2012
Swift : 2014
Python代表立刻建議把Elixir和Swift劃掉, 因為前者結合了Erlang和RoR,太小眾了。后者只在蘋果的生態系統中折騰,對G7沒啥威脅。
JavaScript則建議劃掉TypeScript, 畢竟和自己師出同門,最終還得編譯成JavaScript才能運行。
大家紛紛表示同意。
Java 也不甘示弱地要求把Kotlin從列表中劃掉,因為那只是一堆語法糖而已,對他沒啥威脅。
C#提醒Java不可大意,畢竟Kotlin有Google這么一個大腿, Google 為了擺脫Java API的束縛,和Oracle大打出手,正在力推Kotlin。
Java則堅定地認為Kotlin只是一點點改良,不是革命,成不了氣候。
C語言表達了對Julia的擔憂,因為他號稱將 C 語言的速度、Ruby 的靈活、Python 的通用性、Matlab的數學符號結合在一起,支持并行處理!
Python則不屑一顧,說野心越大失望越大,一個人不可能把所有的好都得了去, 再說了,它主要是面向科學計算的,不用擔心。
C腦子中突然閃過一句名言:弱小不是生存的障礙,傲慢才是。
名單上只剩下了Go、Rust。
Go : 2009
Rust : 2010
Kotlin : 2011
Elixir : 2011
Julia : 2012
TypeScript : 2012
Swift : 2014
剩下的這兩位不可小覷, Rust和C一樣貼近硬件,還能解決野指針問題,微軟已經表態支持。
Go語言號稱互聯網時代的C語言,這些年借著云計算的東風,發展迅速, 后端已經有很多系統用它開發了。
剛才熱鬧的氣氛一下子緊張下來,大家都在盤算他們對自己利益的侵犯有多大。
良久以后,Python放了一個大招:“他們侵犯了程序員的人權!”
原因是Go語言把類型定義放到變量名的后面,程序員很不適應,甚至真氣逆行。
Rust的概念奇葩,所有權和借用難以被常人所理解,一段簡單的代碼都編譯不過。
(碼農翻身注:參見文章《我中了美人計》《自從我學了Rust,就開始了受虐之旅》)
大家都覺得可行,G7控制著主流輿論,占據道德制高點, 打人權牌輕而易舉,這個招數屢試不爽。
Java則持保留意見,因為本家兄弟Scala和Go一樣,也是把類型放到后面。
C語言則表示他和Ken Thompson很熟,如果實在不行就考慮招安Go,把G7變成G8。
只不過新人加入會觸動現有的利益,需要從長計議。
為期半天的G7峰會勝利閉幕了,參會各方再次劃分了各自勢力范圍,發表了一個重要的宣言。
宣言強調,G7經過多年的發展,非常穩定、成熟、強大,并且已經積累了海量的類庫,擁有龐大的生態系統,采用新語言的成本極其高昂,風險極大。
宣言譴責了Go和Rust對程序員人權的侵犯,決定對他們實施為期一年的制裁,希望他們幡然悔悟,及時懸崖勒馬。
宣言最后委婉地指出:G7的大門始終對任何人敞開,只要符合G7價值觀的語言都歡迎加入。
(完)
后記:本文是看了TIOBE編程語言二十年排行榜,有感而發,周末了,大家樂呵樂呵就行,不必當真。
最后說下我的強烈感覺:“主流的編程語言已經被發明完了”,這種狀況也許會持續個10年,甚至20年,直到下一波技術浪潮的來臨。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。