當前位置:編程學習大全網 - 編程語言 - 如何用文本編輯器記事本手工編寫網頁代碼

如何用文本編輯器記事本手工編寫網頁代碼

第壹步:在空文件夾中單擊右鍵,選擇“新建--文本文檔”。然後這個空文件夾裏立即多了壹個名為“新建 文本文檔.txt”的文件。將此文件後綴"txt"改名為"html"。例如:1.html

這樣,壹個沒有網頁代碼和內容的壹個空網頁就建成了。

哇噻,看見了嗎?妳的第壹個網頁。怎不令人激動和興奮呢!所有的過程只是鍵入幾個單詞而已。

也可以是相對的,相對於當前頁面來說。

所以,假設妳有另外壹個HTML文檔“flyingmoss.html”,其中壹行代碼可以寫成<a href="flyingmoss.html">The miracle of moss in flight</a> ,諸如此類。

連接不僅可以連接到其他的HTML文檔,也可以連接到頁面上的其他文件。

連接還可以轉到頁面的其他部分。妳可以給幾乎所有的標簽增加id屬性,比如<h2 id="moss">Moss</h2>,然後連接到它,像是這樣做:<a href="#moss">Go to moss</a>,點擊這個連接會直接滾動到帶有這個id的元素。

註意a標簽允許妳為連接打開新窗口,而不是取代當前窗口,初聽起來似乎是壹個不錯的主意,因為它不會讓用戶離開妳的頁面。

但是,有很多理由證明,妳不應該這樣做。

從易用性的觀點來看,這種方法破壞導航。最常用的導航工具是瀏覽器上的“後退”,打開新窗口使這個功能失去了作用。

更廣泛地,還是從易用的觀點來看,用戶不需要到處都是彈出的新窗口。如果用戶需要打開新窗口,他們有權利(是的,有權利。不要強行幹涉別人意誌,不是很好嗎?在壹般情況下,建議妳盡量不要使用新窗口——譯者註)讓自己來控制。

---------------------------------

圖像

都是文本的話看起來讓人感到乏味和無聊,自然,網頁不應該僅僅是文本而已(呵呵,對於壹些技術性的文檔,我想,文本就已經嚴重足夠了——譯者註),它是多媒體的,最常見的形式就是圖像。

圖像標簽img用來為HTML添加圖像,像下面這樣改進妳的代碼:

<img src="" /> src屬性告訴瀏覽器圖像的地址。就像a標簽壹樣,它可以是絕對的,如示範所示,但更多時候它是相對的。比如,妳擁有自己的圖像且已經另存為alienpie.jpg放置在images文件夾下,代碼可以這樣寫<img src="images/alienpie.jpg"...

長度屬性width和高度屬性height是必需的(Zeldman的“惡名昭著”的《Designing with Web Standards中說,width和height不是必須的,這可以節省帶寬。平時做網頁我也不喜歡用這兩個屬性。——譯者註),因為瀏覽器在下載過程中能夠計算出圖像占據的空間,否則瀏覽器可能會產生壹個頁面的跳躍,因為事先並不知道圖像要占用多少空間,以致於破壞頁面布局。

alt屬性表示可替代的描述。這是為不能或者不選擇圖像顯示的客戶端著想(比如終端瀏覽器lynx,不能顯示圖片,但可顯示alt中的文本。最壞的情況是,妳寫錯了圖片的文件名或者路徑,即使在圖形瀏覽器中圖片顯示不出,但仍可顯示出alt中的文本,不會讓訪問者造成不必要的誤解。什麽情況下我們都推薦妳,壹定記得使用alt。——譯者註)。在最新版本的HTML版本中,這是不可缺少的屬性。

註意給網頁創做圖像雖然不是本站的主題,但我們還是有壹些對妳有用的東西要說。

經常被用到的圖像格式是GIF和JPEG。他們都是壓縮過的格式,有各自十分不同的用途。

GIF圖像不超過256色,但可以保持原有圖像的色彩。色數越低,圖像文件就越小。

GIF應該用在有純質顏色的圖像上。

JPEG使用十分精確的算法來壓縮圖像,對原圖像有些微的改變。壓縮程度越低,圖像文件越大,從而圖像更清晰。

JPEG應該使用在要逼真描繪的諸如攝影的圖像上。

網頁設計初學者需要處理的文件可能就是圖像文件了,忽視圖像過大是初學者常犯的錯誤。網頁下載應該盡可能快,想想看,壹個使用少於7kb每秒的Modem聯網的人要用多少時間來下載妳的整個頁面。

妳必須在圖像質量和圖像文件大小之間作出選擇。許多現代的圖像處理軟件允許用最佳方式壓縮圖像,但同樣是壹個冒險,或者產生錯誤。

譯者有話說:顯然,現在還沒有誰推薦PNG格式的圖像,可能只因為IE對其糟糕的支持。GIF到目前為止還沒有解決專利問題,使用它還是得冒侵權之危險。PNG很有潛力,同樣也具有透明能力,色數也不止GIF的可憐的256色而已,卻具有JPEG的高清晰、高保真度,這也是我,以個人的立場向妳推薦的原因。

---------------------------------------------

表格漫步萬維網世界,有多少HTML表格被用來布局頁面,還壹度被濫用。我們會在CSS高級指南中學習怎樣不用表格布局頁面。表格的正確用處應該是,展示表格式的數據。

有很多標簽可以用在表格中,在初級指南中教授表格是如何工作的確實是壹件比較困難的事情,沒有關系,我們壹步壹步來,先來看壹個例子。例子什麽時候都是學習的好方法。

  • 上一篇:不會寫作的妳將正在失去職場競爭力
  • 下一篇:AE制作文字跟隨音樂節奏舞動動畫的教程
  • copyright 2024編程學習大全網