Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产在线观看一区,国产精品精品,国产在线观看网站

          整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          學完HTML和CSS怎么做靜態(tài)網(wǎng)頁

          多學員在學習的過程中都遇到過這樣的問題:為什么老師講的我都能聽懂,然而做起來卻總是諸多問題?千鋒重慶校區(qū)老師告訴你,其實這是正常現(xiàn)象,誰也不能幾天就成為大師,你的實踐還太少了!練習多了,經(jīng)驗多了,靜態(tài)網(wǎng)頁自然也就手到擒來。

          靜態(tài)的網(wǎng)頁其實就是由兩部分組成,一個是底層結構HTML,另外一個就是負責修飾結構的CSS。其實書寫靜態(tài)網(wǎng)頁就像小時候過家家,首先得把需要的家庭成員找齊了,即首先考慮要做一個什么樣的網(wǎng)站,例如一個綜合類網(wǎng)站包括:搜索框、導航、文章類別模塊、文章標題以及一部分廣告板塊;一個博客主頁包括:導航、文章縮略、文章搜索、文章導航以及沒有顯示但可能會有的評論區(qū)。


          寫頁面的時候是有劇本的,這個劇本指網(wǎng)頁設計圖,或者某個現(xiàn)有網(wǎng)頁,建議大家在模仿網(wǎng)上現(xiàn)有網(wǎng)頁的時候利用瀏覽器自帶的截圖功能,把整個完整的頁面截取下來,QQ瀏覽器,360瀏覽器都可以做到。這樣的優(yōu)點在于可以利用PS自己一步步測量數(shù)據(jù)、切圖都做到親力親為,并且做到了頁面數(shù)據(jù)的精準度,而不是隨意的給數(shù)據(jù),或者是利用瀏覽器的F12功能查看原網(wǎng)頁的數(shù)據(jù)。

          按照設計好的劇本接著就可以找對應的成員了,例如百度網(wǎng)頁從上往下分為導航頭部、中間logo和表單、尾部二維碼和文字,相對來說頁面的整體布局是比較簡單的,當然還有很多不同類型的頁面,布局要復雜一些。



          當看到一個網(wǎng)頁時,需要在腦海當中對頁面進行一個簡單的掃描,如果把頁面當成一張紙,要怎么樣從大到小一點點分割。當有了初步的認識之后,就可以把這些東西轉化成HTML結構,所有不同顏色的框框在寫的時候用的都是DIV。

          從上往下,從大到小一點點先把某個模塊以不同的顏色色塊利用代碼堆積出來。保證大的模塊布局沒問題之后,在往里面放一些小的東西,比如圖片img、表單form input、文字、超鏈接a、列表ul li,這時候簡單的頁面結構就出來了。

          接下來要把寫好的結構進行美化,不然頁面就會一團亂麻,沒有美感,而網(wǎng)頁當中潤色部分是用CSS來做的。這個環(huán)節(jié)需要更加細心,例如百度首頁導航紅色框整體在綠色框的右邊,需要給紅色框添加float:right;紅色框里面文字的字號大小,字體,字體顏色,水平間距,垂直間距都需要一點點寫。如果在寫的過程中遇見了問題,可以借助Chrome瀏覽器的調(diào)試功能,哪里錯了用箭頭點哪里,結構看左邊,CSS看右邊,看看CSS屬性有沒有顯示,有沒有劃掉,有沒有黃色報錯等等。



          在做頁面時,需要大量的練習,才可以熟能生巧。一個頁面寫完之后,總結一下這個頁面在書寫過程中遇到了哪些問題,是怎么解決的,為什么這樣解決,深入思考這個模塊的這個效果可不可以用其他的方法來實現(xiàn),以做到舉一反三。

          千鋒重慶HTML5大前端培訓,配合實戰(zhàn)項目講解網(wǎng)站頁面布局,讓你從容應對HTML、CSS的學習,基礎打好了,才能更有信心面對之后的挑戰(zhàn)。

          內(nèi)容來源于@什么值得買APP,觀點僅代表作者本人 |作者:突突兔too禿

          老婆做進出口的,前一段發(fā)了一個知識貼給我,以為是要打印,搞了半天是因為網(wǎng)頁不讓復制,所以分享給我。

          這可笑壞我了,還有什么方法能突破“禁止復制”禁術,當然唯我漩渦鳴人的影分身之術了。看我如何活學活用,復制粘貼。

          途徑一:自抱自泣

          方法1:發(fā)送給自己

          實際上,我覺得老婆大人的方法是最實際的了。這絕不僅僅是出于對老婆大人的尊重,而是實事求是。不讓復制就不復制唄。我也就平時存起來備查。當然,如果實在找不到人分享,那就分享給“文件傳輸助手”吧。

          有一種孤獨叫智能發(fā)給穿書助手

          同樣的寂寞(劃掉)方法,我們也可以通過QQ把地址分享給“我的Android手機”。

          方法1.2:收藏備查

          比方法1稍微高級一點的是,將有關內(nèi)容在微信中打開后,選擇“收藏”,這樣以后就可以直接在我的“收藏”中找到了。

          當然,以上方法還只是迂回作戰(zhàn),說白了禁術還在,只是找了個方法替代。真的如果需要復制的時候就白瞎了。

          途徑二:生拉硬拽

          方法2:直接拖拽到聊天框。

          使用Chrome瀏覽器或者360瀏覽器,然后直接選擇部分文字,鼠標按住左鍵,就可以把文字拖拽到QQ對話框了。


          step1


          step2

          方法3:360瀏覽器右鍵復制。

          同樣是在360瀏覽器上面,鼠標選擇要復制的文字,然后右擊鼠標,選擇保存為文本。

          step1

          再選擇一個文件夾保存。

          step2

          打開指定文件夾中的TXT文檔,就能得到相應的文字了。

          如果要評論這種生拉硬拽的方法,那就是霸氣。

          當然,也有不足,每一次都要這么拖拽,鼠標手是跑不掉的了。而且并沒有辦法一次性全部選擇。

          途徑三:圖文識別

          方法4:QQ截圖文字識別。

          step1:使用QQ對話框的截圖工具。

          step2:然后右擊圖片,選擇提取圖中文字。

          step3:點擊下載。

          step4:就可以在指定文件夾中找到picture和result兩個文件。馬上就能下載了。

          當然,這個和方法3一樣,不能全選,需要反復的復制粘貼。

          方法5:使用傳圖識字小程序。

          使用手機自帶功能進行滾動截屏后,再打開微信小程序“傳圖識字”,然后進行orc識字,就可以復制了。

          step1:我的手機是華為的,使用指關節(jié)寫一個“S”,就可以滾動截屏。

          step2:然后進入傳圖識字后,點擊“從相冊中選取”。

          step3:點擊全選,然后復制,就可以在對話框中張貼了。

          不過需要注意的是,過長的圖片也可能出現(xiàn)識別失敗。像這次,我就只選擇了一半。而orc識別最大的問題,還是準確性。只能安慰自己就當是檢查作業(yè),外加復習了唄。

          途徑4:曲徑通幽。

          方法6:使用edge閱讀模式。

          step1:使用手機edge,然后在網(wǎng)址中點擊閱讀模式;

          step2:選擇“全選”-“復制”;

          step3:再粘貼到備忘錄中。

          同樣的方式,也可以在UC上使用。

          方法7:直接使用夸克打開網(wǎng)頁。

          比起edge和UC還要使用閱讀模式,夸克直接跳過了第一步。

          難怪這款手機App會受到大家的喜歡。

          途徑5:極客逍遙。

          方法8:Chrome瀏覽器檢查選項。

          在谷歌瀏覽器上打開網(wǎng)頁,點擊“F12”,又或者在網(wǎng)頁上點擊右鍵,選擇“檢查”。

          然后再選擇“setting”或者直接按“F1”,然后找到debugger-disable Javascript,勾選,就可以復制粘貼了。

          不過,記得用完取消勾選disable-Javascript,需要的時候才開啟。

          總結一下,其實無非就是三種方法,一種是聽之任之,一種是使用其他工具進行orc識別,最后一種就是破壞網(wǎng)頁的規(guī)則。以上的方法大部分也是小白級別,還沒涉及到油猴腳本等等。但是貴在實用,平時有文案撰寫、論文寫作等需求的值友歡迎收藏,畢竟用的時候才能記得住。

          021年2月, 編程語言的七國集團峰會在風景優(yōu)美的Linux莊園如期召開。

          C, Java, Python, JavaScript , C++ , C#, PHP 相繼入座。

          C語言作為主持人,在大屏幕上用一幅圖總結了一下近二十年各國的沉浮。



          各國代表對C語言的工作紛紛表示贊賞。

          C語言說道:我們七國集團已經(jīng)統(tǒng)治IT界20多年了,歷經(jīng)桌面時代,互聯(lián)網(wǎng)時代,大數(shù)據(jù)時代,人工智能時代而不倒,這次會議就是爭取把大好局面再維持20年!

          C語言隨后介紹了本次G7峰會的兩大議題。

          1. 解決內(nèi)部爭端

          2. 應對新編程語言的威脅

          第一個議題剛剛開始各方就吵成了一鍋粥。

          Java率先向JavaScript發(fā)難, 指責它不遵守約定,用Node.js向后端發(fā)起進攻的惡劣行為。

          C#憤怒地舉報JavaScript 用Electron 對桌面開發(fā)的蠶食。

          JavaScript則辯解說C/C++/C#也可以寫代碼運行在瀏覽器端中,不信你們?nèi)タ碬ebAssembly,還有Java也做桌面開發(fā)例如IDEA和Eclipse.....

          眼瞅著第一個議題就要打起來,C老大趕緊呼吁各方冷靜,要約束各方行為,為了大局不要內(nèi)訌。

          經(jīng)過一番唇槍舌戰(zhàn), 各方再次確立了自己的勢力范圍:

          桌面開發(fā):C#

          前端開發(fā):JavaScript

          系統(tǒng)級軟件:C/C++

          后端開發(fā):Java/C#

          大數(shù)據(jù):Java/ Python

          人工智能:C++/Python


          然后大會轉入第二個議題,C語言給每個人發(fā)了一份報告, 上面列舉了最近10年出現(xiàn)的編程新秀。

          Go : 2009

          Rust : 2010

          Kotlin : 2011

          Elixir : 2011

          Julia : 2012

          TypeScript : 2012

          Swift : 2014


          Python代表立刻建議把Elixir和Swift劃掉, 因為前者結合了Erlang和RoR,太小眾了。后者只在蘋果的生態(tài)系統(tǒng)中折騰,對G7沒啥威脅。

          JavaScript則建議劃掉TypeScript, 畢竟和自己師出同門,最終還得編譯成JavaScript才能運行。

          大家紛紛表示同意。

          Java 也不甘示弱地要求把Kotlin從列表中劃掉,因為那只是一堆語法糖而已,對他沒啥威脅。

          C#提醒Java不可大意,畢竟Kotlin有Google這么一個大腿, Google 為了擺脫Java API的束縛,和Oracle大打出手,正在力推Kotlin。

          Java則堅定地認為Kotlin只是一點點改良,不是革命,成不了氣候。

          C語言表達了對Julia的擔憂,因為他號稱將 C 語言的速度、Ruby 的靈活、Python 的通用性、Matlab的數(shù)學符號結合在一起,支持并行處理!

          Python則不屑一顧,說野心越大失望越大,一個人不可能把所有的好都得了去, 再說了,它主要是面向科學計算的,不用擔心。

          C腦子中突然閃過一句名言:弱小不是生存的障礙,傲慢才是。

          名單上只剩下了Go、Rust。

          Go : 2009

          Rust : 2010

          Kotlin : 2011

          Elixir : 2011

          Julia : 2012

          TypeScript : 2012

          Swift : 2014

          剩下的這兩位不可小覷, Rust和C一樣貼近硬件,還能解決野指針問題,微軟已經(jīng)表態(tài)支持。

          Go語言號稱互聯(lián)網(wǎng)時代的C語言,這些年借著云計算的東風,發(fā)展迅速, 后端已經(jīng)有很多系統(tǒng)用它開發(fā)了。

          剛才熱鬧的氣氛一下子緊張下來,大家都在盤算他們對自己利益的侵犯有多大。

          良久以后,Python放了一個大招:“他們侵犯了程序員的人權!

          原因是Go語言把類型定義放到變量名的后面,程序員很不適應,甚至真氣逆行。

          Rust的概念奇葩,所有權和借用難以被常人所理解,一段簡單的代碼都編譯不過。

          (碼農(nóng)翻身注:參見文章《我中了美人計》《自從我學了Rust,就開始了受虐之旅》)

          大家都覺得可行,G7控制著主流輿論,占據(jù)道德制高點, 打人權牌輕而易舉,這個招數(shù)屢試不爽。

          Java則持保留意見,因為本家兄弟Scala和Go一樣,也是把類型放到后面。

          C語言則表示他和Ken Thompson很熟,如果實在不行就考慮招安Go,把G7變成G8。

          只不過新人加入會觸動現(xiàn)有的利益,需要從長計議。

          為期半天的G7峰會勝利閉幕了,參會各方再次劃分了各自勢力范圍,發(fā)表了一個重要的宣言。

          宣言強調(diào),G7經(jīng)過多年的發(fā)展,非常穩(wěn)定、成熟、強大,并且已經(jīng)積累了海量的類庫,擁有龐大的生態(tài)系統(tǒng),采用新語言的成本極其高昂,風險極大。

          宣言譴責了Go和Rust對程序員人權的侵犯,決定對他們實施為期一年的制裁,希望他們幡然悔悟,及時懸崖勒馬。

          宣言最后委婉地指出:G7的大門始終對任何人敞開,只要符合G7價值觀的語言都歡迎加入。

          (完)


          后記:本文是看了TIOBE編程語言二十年排行榜,有感而發(fā),周末了,大家樂呵樂呵就行,不必當真。

          最后說下我的強烈感覺:“主流的編程語言已經(jīng)被發(fā)明完了”,這種狀況也許會持續(xù)個10年,甚至20年,直到下一波技術浪潮的來臨。


          主站蜘蛛池模板: 日本在线观看一区二区三区| 国产剧情一区二区| 人妻在线无码一区二区三区| 国产乱码精品一区二区三区中 | 精品国产日韩亚洲一区在线| 日本国产一区二区三区在线观看 | 色国产精品一区在线观看| V一区无码内射国产| 一区二区三区四区在线观看视频| 精品日本一区二区三区在线观看| 无码国产精品一区二区高潮| 少妇一夜三次一区二区| 国产精品久久无码一区二区三区网| 日韩中文字幕精品免费一区| 无码中文字幕乱码一区| 性色AV一区二区三区天美传媒| 无码一区二区三区免费视频| 国内精品一区二区三区在线观看| 国产怡春院无码一区二区| 日韩福利视频一区| 无码人妻精品一区二区蜜桃百度| 麻豆精品一区二区综合av| 亚洲成av人片一区二区三区 | 国产一区二区好的精华液| 亚洲国产成人久久一区二区三区 | 中文字幕无码不卡一区二区三区 | 亚洲一区二区三区无码影院| 色妞AV永久一区二区国产AV| 亚洲av无码不卡一区二区三区| 亚洲制服丝袜一区二区三区| 一区二区三区视频| 一区二区三区波多野结衣| 在线精品动漫一区二区无广告| 无码人妻精品一区二区三区夜夜嗨| 久久久久人妻一区二区三区| 日韩精品一区二区三区毛片| 亚洲一区二区三区香蕉| 亚洲AV无码一区二区三区久久精品| 无码国产精品一区二区免费I6| 精品一区二区三区免费视频| 91在线一区二区|