生活随笔
收集整理的這篇文章主要介紹了
No1.初来乍到，请多指教
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Test：我的第一個CSDN博客
各位看官好！ 這是我第一次使用 Markdown編輯器 來記錄我在CSDN博客平臺上走出的第一步。感謝平臺各位同仁的辛勤努力，讓我有一個很棒的用戶體驗(yàn)~
首先 ，自我介紹一下：我是一只野生的程序猿，本科階段學(xué)的非計(jì)算機(jī)專業(yè)，雖是工科，但并不太懂程序的世界，然而，好在我們學(xué)院書記徐勇老師在我大二那年為我們專業(yè)的 同學(xué)開設(shè)了C語言的課程，讓我初步踏入了程序員世界的；那是我十分熱愛的一門課程，有時候本專業(yè)的課程反而讓我覺得枯燥，而在編程課上（雖然很少上機(jī)），我卻十分專注，可以說，除了英語課，這是另外一門能讓我狂熱起來的學(xué)科，而那本教材，也是我離開校園后，一直帶在身邊的紀(jì)念！其實(shí)，從小我就對計(jì)算機(jī)有著濃厚的興趣，特別是鄰居大叔有一臺，用于炒股，我經(jīng)常趁他不在去玩他電腦上玩，上小學(xué)那會學(xué)的**“小海龜”**，也經(jīng)常在他不在的時候去上機(jī)研究新的玩法，找到了很多樂趣，當(dāng)然，這也許也是我長大很喜歡電競的一個緣由吧； 大學(xué)真正想要走上編程這條路的，還是被我們班長老曾拉上，去上 網(wǎng)頁設(shè)計(jì) 課程，（他當(dāng)時可能想讓我陪他而已，我們關(guān)系很好，畢業(yè)實(shí)習(xí)都在一個地方），那課程是讓我真正了解到，這社會上還有這么一群人，默默地敲著代碼，在改變著我們的生活方式，我就覺得很神奇，特別是在我拜讀很多關(guān)于喬布斯、李開復(fù)的文章 ，我對在這條路上發(fā)展又多了一絲念想； 其實(shí)，那時候?qū)W的技術(shù)面的只是很少，都是些簡單的理論，大致如下： .如何評價(jià)一個網(wǎng)站的主頁設(shè)計(jì) ：首先，要看網(wǎng)站的整體設(shè)計(jì)美工方面，第二主要是看網(wǎng)站的代碼優(yōu)化方面，一個網(wǎng)站效果可以通過多個方式和技巧去做，但是代碼最少，網(wǎng)頁兼容性最好的，那這個網(wǎng)站就是做得不錯，一般的網(wǎng)頁都采用DIV+CSS布局；這個也是評價(jià)一個網(wǎng)站一個重要因素。第三 就是網(wǎng)站架構(gòu)設(shè)計(jì)，欄目的排放合不合理，是否能更好讓客戶體驗(yàn)效果， 能簡單快捷讓網(wǎng)友實(shí)現(xiàn)交互互動。 其實(shí)，就在這一個簡單的評價(jià)過程，我接觸了什么叫UI、什么叫代碼優(yōu)化、架構(gòu)設(shè)計(jì)等等，這好比讓我從一個叢林小溪中的獨(dú)木舟上劃著劃著，順著水流下了三角洲，出了出海口，進(jìn)入一望無垠的大海…越來越覺得有趣、刺激，越來越覺得自己的渺小，知識的海洋讓我越來越好奇。 跟大家繼續(xù)分享下那時候的一些HTML學(xué)習(xí)上的東西吧，可能有些觀點(diǎn)比較陳舊，那也是一段歷史，參考參考也可： 一般情況下，從SEO的角度考慮，符合SEO的meta標(biāo)簽的寫法我個人認(rèn)為寫好title、description、keywords、HTTP-EQUIV就可以，下面分別介紹：一般情況下，從SEO的角度考慮，符合SEO的meta標(biāo)簽的寫法我個人認(rèn)為寫好title、description、keywords、HTTP-EQUIV就可以，下面分別介紹：
注意：網(wǎng)頁設(shè)計(jì)技巧
首頁：網(wǎng)站的門面，如同公司的形象，特別注重設(shè)計(jì)和規(guī)劃。 框架頁：網(wǎng)站的主要結(jié)構(gòu)頁面，又稱次首頁、內(nèi)頁，大型網(wǎng)站往往框架頁即首頁，如一些門戶網(wǎng)站。框架頁主要是網(wǎng)站內(nèi)部主要欄目的首頁，講究風(fēng)格的一致性，并于主頁呼應(yīng)。 普通頁：網(wǎng)站主要的承載信息的頁面，設(shè)計(jì)要求不高，但要求鏈接準(zhǔn)確、文字無誤、圖文并茂，并沿襲網(wǎng)頁的風(fēng)格。 彈出頁：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少 通過上面的分析，我們可以看出： 從功能上來看，首頁主要承擔(dān)著樹立企業(yè)形象（當(dāng)然不僅僅是首頁）的作用，框架頁在導(dǎo)航方面起著重要的作用，比如各欄目內(nèi)部主要內(nèi)容的介紹，都可以在框架頁中體現(xiàn)再進(jìn)入普通頁，讓瀏覽者能夠迅速了解網(wǎng)站各欄目的主要內(nèi)容，擇其需要而瀏覽，而普通頁則是主要的信息頁面，也是網(wǎng)站的最終頁面，對于大型網(wǎng)站，這種結(jié)構(gòu)非常重要，而對于中小型企業(yè)，網(wǎng)站規(guī)模較小、頁面數(shù)量不多，有時框架頁就起著普通頁的作用，至于彈出頁，建議您不是必要，最好不要用。下面詳細(xì)介紹各頁面的設(shè)計(jì)技巧 ： 一、首頁設(shè)計(jì)技巧 網(wǎng)站首頁是企業(yè)網(wǎng)上的虛擬門面，在此，提醒上網(wǎng)的企業(yè)注意自己門面的設(shè)計(jì)，決不能敷衍了事、馬馬虎虎。我們會經(jīng)常看到印刷精美的產(chǎn)品目錄或廣告，當(dāng)您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時候，相信您或多或少會對有關(guān)的產(chǎn)品形成一種好感，即使您不會購買，也必然對這些產(chǎn)品形成一定程度的認(rèn)同。而對于設(shè)計(jì)毛糙的宣傳品，您肯定會懷疑其內(nèi)容的真實(shí)性，從而對其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好，現(xiàn)在說說網(wǎng)站的設(shè)計(jì)，相信您會同意這種說法：網(wǎng)站的頁面就好比是“無紙的印刷品”。既然如此，我們會因此而得出一個結(jié)論：精良和專業(yè)網(wǎng)站的設(shè)計(jì)，如同制作精美的印刷品，會大大刺激消費(fèi)者（訪問者）的購買欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會給消費(fèi)者（訪問者）留下較好的印象。值得一提的是，除非您的企業(yè)有專業(yè)的網(wǎng)站規(guī)劃、設(shè)計(jì)人員，否則您最好找專業(yè)公司或?qū)I(yè)人員為您設(shè)計(jì)制作，一個優(yōu)秀的專業(yè)設(shè)計(jì)人員會很快明白您的意圖，并根據(jù)您的建站目的提出建設(shè)性的意見。一般來說，網(wǎng)站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動的畫面，向?yàn)g覽者展示一種形象、一個氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類型的首頁在設(shè)計(jì)過程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過色彩、布局給訪問者留下深刻的印象，當(dāng)然，我們不能為了設(shè)計(jì)而設(shè)計(jì)，我們的目的是營銷，在設(shè)計(jì)過程中一定要牢記這一點(diǎn)！ 另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等，也就是我們上面談到的框架頁，這種風(fēng)格比較適合網(wǎng)站信息量大，內(nèi)容豐富的網(wǎng)站，因?yàn)槭且哉故拘畔橹?#xff0c;這是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象，建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的ＣＩ手冊，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，在網(wǎng)站的局部體現(xiàn)出來，往往平淡之中一個優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過程中要注意使用這些語言符號來表達(dá)一種獨(dú)特的企業(yè)信息。 二、風(fēng)格保持一致 ——內(nèi)頁設(shè)計(jì)技巧三、色彩搭配 網(wǎng)頁中最難處理的也就是色彩搭配的問題了。如何運(yùn)用最簡單的色彩表達(dá)最豐富的含義，體現(xiàn)企業(yè)形象是網(wǎng)頁設(shè)計(jì)人員需要不斷學(xué)習(xí)、探索的課題。如何進(jìn)行色彩搭配是一門學(xué)問，下面的一些方法是我在實(shí)踐過程中的體會，希望能夠?yàn)槟鸬揭欢ǖ膮⒖甲饔谩? 1、運(yùn)用相同色系色彩：所謂相同色系，是指幾種色彩在360°色相環(huán)上位置十分相近，大約在45°左右或同一色彩不同明度的幾種色彩，如：，這種搭配的優(yōu)點(diǎn)是易于使網(wǎng)頁色彩趨于一致，對于網(wǎng)頁設(shè)計(jì)新手有很好的借鑒作用，這種用色方式容易塑造網(wǎng)頁和諧統(tǒng)一的氛圍，缺點(diǎn)是容易造成頁面的單調(diào)，因此往往利用局部加入對比色來增加變化，如局部對比色彩的圖片等。這種方法不失為一種設(shè)計(jì)的好方法。 2、運(yùn)用對比色或互補(bǔ)色：所謂對比色，是指色相環(huán)相距較遠(yuǎn)，大約在100°左右，視覺效果鮮亮、強(qiáng)烈，而互補(bǔ)色則是色相環(huán)上相距最遠(yuǎn)的連種色彩，即相距180°，其對比關(guān)系最強(qiáng)烈、最富有刺激性，往往使畫面十分突出，如：，這種用色方式容易塑造活潑、韻動的網(wǎng)頁效果，特別適合體現(xiàn)輕松、積極的素材的網(wǎng)站，缺點(diǎn)是容易造成色彩的花，使用中注意色彩使用的度。 值得注意的是，以上兩種用色方式在實(shí)際應(yīng)用中要注意主體色彩的運(yùn)用，即以一種或兩種色彩為主，其它色彩為輔，不要幾種色彩等量使用，以免造成色彩的混亂。 3、使用過渡色：過渡色能夠神奇地將幾種不協(xié)調(diào)的色彩統(tǒng)一起來，在網(wǎng)頁中合理地使用過渡色能夠使你的色彩搭配技術(shù)更上一層樓。過渡色包括幾種形式：兩種色彩的中間色調(diào)、單色中混入黑、白、灰進(jìn)行調(diào)和以及單色中混入相同色彩進(jìn)行調(diào)和等等，您可以自己嘗試調(diào)配，在以后的更新中，我會專題介紹如何使用過渡色。 四、版面布局 一般來說，企業(yè)網(wǎng)站首頁的布局比較靈活，著重設(shè)計(jì)，這里我所說的布局主要是指內(nèi)頁的版面布局。中、小型企業(yè)網(wǎng)站的內(nèi)頁布局一般比較簡單，即內(nèi)頁的一欄式版面布局，從排版布局的角度而言，我們還可以設(shè)計(jì)成等分兩欄式、三欄式、多欄式，不等分兩欄式、三欄式、多欄式等等，但因?yàn)闉g覽器寬幅有限，一般不宜設(shè)計(jì)成三欄以上的布局。 在版面布局中主要是考慮導(dǎo)航、必要信息與正文之間的布局關(guān)系。比較多的情況是采用頂部放置必要的信息，如公司名稱、標(biāo)志、廣告條以及導(dǎo)航條，或?qū)?dǎo)航條放在左側(cè)而右側(cè)是正文等等，這樣的布局結(jié)構(gòu)清晰、易于使用。當(dāng)然，您也可以嘗試這些布局的變化形式，如：左右兩欄式布局，一半是正文，另一半是形象的圖片、導(dǎo)航；或正文不等兩欄式布置，通過背景色區(qū)分，分別放置圖片和文字等等。在設(shè)計(jì)中注意多吸取好的網(wǎng)站設(shè)計(jì)的精髓 2 框架頁：網(wǎng)站的主要結(jié)構(gòu)頁面，又稱次首頁、內(nèi)頁，大型網(wǎng)站往往框架頁即首頁，如一些門戶網(wǎng)站。框架頁主要是網(wǎng)站內(nèi)部主要欄目的首頁，講究風(fēng)格的一致性，并于主頁呼應(yīng)。 普通頁：網(wǎng)站主要的承載信息的頁面，設(shè)計(jì)要求不高，但要求鏈接準(zhǔn)確、文字無誤、圖文并茂，并沿襲網(wǎng)頁的風(fēng)格。 彈出頁：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。 在設(shè)計(jì)中注意多吸取好的網(wǎng)站設(shè)計(jì)的精髓
=================================================
合理的創(chuàng)建標(biāo)題，有助于目錄的生成
直接輸入1次#，并按下space后，將生成1級標(biāo)題。
如何改變文本的樣式
強(qiáng)調(diào)文本 強(qiáng)調(diào)文本
加粗文本 加粗文本
標(biāo)記文本
刪除文本
引用文本
H2 O is是液體。
210 運(yùn)算結(jié)果是 1024.
插入鏈接與圖片
鏈接: link.
圖片:
帶尺寸的圖片:
當(dāng)然，我們?yōu)榱俗層脩舾颖憬?#xff0c;我們增加了圖片拖拽功能。
如何插入一段漂亮的代碼片
去博客設(shè)置頁面，選擇一款你喜歡的代碼片高亮樣式，下面展示同樣高亮的 代碼片.
var foo
= 'bar' ;
生成一個適合你的列表
項(xiàng)目1 項(xiàng)目2 項(xiàng)目3
創(chuàng)建一個表格
一個簡單的表格是這么創(chuàng)建的：
項(xiàng)目Value 電腦 $1600 手機(jī) $12 導(dǎo)管 $1
設(shè)定內(nèi)容居中、居左、居右
使用:---------:居中
第一列第二列第三列 第一列文本居中 第二列文本居右 第三列文本居左
SmartyPants
SmartyPants將ASCII標(biāo)點(diǎn)字符轉(zhuǎn)換為“智能”印刷標(biāo)點(diǎn)HTML實(shí)體。例如：
TYPEASCIIHTML Single backticks 'Isn't this fun?' ‘Isn’t this fun?’ Quotes "Isn't this fun?" “Isn’t this fun?” Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash
創(chuàng)建一個自定義列表
Markdown
Text-to- HTML conversion tool Authors
John Luke
如何創(chuàng)建一個注腳
一個具有注腳的文本。
注釋也是必不可少的
Markdown將文本轉(zhuǎn)換為 HTML。
KaTeX數(shù)學(xué)公式
您可以使用渲染LaTeX數(shù)學(xué)表達(dá)式 KaTeX:
Gamma公式展示 Γ ( n ) = ( n ? 1 ) ! ? n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ ( n ) = ( n ? 1 ) ! ? n ∈ N
Γ ( z ) = ∫ 0 ∞ t z ? 1 e ? t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ ( z ) = ∫ 0 ∞ ? t z ? 1 e ? t d t .
你可以找到更多關(guān)于的信息 LaTeX 數(shù)學(xué)表達(dá)式here.
新的甘特圖功能，豐富你的文章
Mon 06 Mon 13 Mon 20 已完成 進(jìn)行中 計(jì)劃一 計(jì)劃二 現(xiàn)有任務(wù) Adding GANTT diagram functionality to mermaid
UML 圖表
可以使用UML圖表進(jìn)行渲染。 Mermaid. 例如下面產(chǎn)生的一個序列圖：:
張三 李四 王五 你好！李四, 最近怎么樣? 你最近怎么樣，王五？ 我很好，謝謝! 我很好，謝謝! 李四想了很長時間, 文字太長了 不適合放在一行. 打量著王五... 很好... 王五, 你怎么樣? 張三 李四 王五
這將產(chǎn)生一個流程圖。:
鏈接 長方形 圓 圓角長方形 菱形
關(guān)于 Mermaid 語法，參考 這兒, FLowchart流程圖
我們依舊會支持flowchart的流程圖：
Created with Rapha?l 2.2.0 開始 我的操作 確認(rèn)？ 結(jié)束 yes no
關(guān)于 Flowchart流程圖 語法，參考 這兒. 導(dǎo)出與導(dǎo)入
導(dǎo)出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當(dāng)你完成了一篇文章的寫作, 在上方工具欄找到 文章導(dǎo)出 ，生成一個.md文件或者.html文件進(jìn)行本地保存。
導(dǎo)入
如果你想加載一篇你寫過的.md文件或者.html文件，在上方工具欄可以選擇導(dǎo)入功能進(jìn)行對應(yīng)擴(kuò)展名的文件導(dǎo)入，
總結(jié)
以上是生活随笔 為你收集整理的No1.初来乍到，请多指教 的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔 推薦給好友。
