網(wǎng)頁制作教程:新手怎么做網(wǎng)頁?制作網(wǎng)頁有哪些步驟?網(wǎng)頁可以更好地反映產(chǎn)品的功能和用途。如何使用計算機上的文本編輯器創(chuàng)建網(wǎng)頁,然后在瀏覽器中查看網(wǎng)頁。如果您有興趣將您的網(wǎng)頁發(fā)布到互聯(lián)網(wǎng)上供大家查看,請在了解以下步驟后閱讀本文。新手如何制作網(wǎng)頁?制作網(wǎng)頁有哪些步驟?我們慢慢來說。
制作網(wǎng)頁有哪些步驟?
(1):打開文本編輯器。
打開文本編輯器。使用“原始”文本編輯器而不是格式化的文字處理器很重要。
文字處理器插入的字符使頁面看起來很好,但不是有效的HTML。關(guān)于網(wǎng)站建設(shè),它們是制作時尚文檔的絕佳工具,比如學術(shù)論文和傳單,但它們也插入了無效的HTML字符。由于網(wǎng)頁文件必須包含有效的超文本標記語言,文本編輯器是一個比文字處理器更好的構(gòu)建網(wǎng)頁的工具。
(2):編寫HTML框架。
現(xiàn)在您的文本編輯器已經(jīng)打開,您可以開始編寫HTML了。正如您在HTML&CSS課程的第一課中學到的,格式良好的HTML文件中總是有一些東西。這些都是:
如果你愿意,你可以使用這個精確的骨架。復制粘貼到文本編輯器里就行了,確定里面什么都有!
(3):保存文件。
您的網(wǎng)頁現(xiàn)在已經(jīng)準備好了,但目前它只存在于您的文本編輯器中。下一步是將文件保存到您的計算機上。如果您現(xiàn)在關(guān)閉文本編輯器而不保存,您的新頁面將會丟失!保存文件時,請記住以下幾點:
使用。htmlHTML文件擴展名,關(guān)于_me.html..
文件名中不要使用任何空格或特殊字符。請改用下劃線(_)或破折號(-)。
確定在計算機上保存文件的位置,并確保記住位置!
使用。htmlHTML文件擴展名。
文件擴展名是文件名的后綴,描述文件的類型。文件擴展名始終是文件名的最后3或4個字符,前面有一個句點。例如,HTML文件擴展名為。html,它告訴瀏覽器(和其他應(yīng)用程序)將文件內(nèi)容解釋為網(wǎng)頁。請注意,您可能會看到。htm,但它已經(jīng)過時,不再使用。
文件名中不要使用任何空格或特殊字符。
選擇文件名時,請保持簡單。堅持數(shù)字和字母。請使用下劃線(_)或破折號(-)代替空格。省略百分號、斜線、問號、感嘆號、逗號等“特殊字符”。瀏覽器需要根據(jù)文件名定位文件,文件名中的特殊字符可以中斷進程。文件名應(yīng)該保持簡單,并遵循慣例,以便更可靠地導航到您的網(wǎng)頁。
確定在計算機上保存文件的位置。
選擇文件名后,在文件系統(tǒng)中選擇適當?shù)奈恢帽4婢W(wǎng)頁。關(guān)于網(wǎng)站模板,最好創(chuàng)建一個新文件夾來容納此頁面。如果您確實創(chuàng)建了一個新文件夾,請使用上面列出的相同命名約定,以最大限度地減少未來的麻煩。最重要的是在選擇保存位置的時候要記住是你保存的。如果您已經(jīng)保存了它,但您不記得它在哪里,只需單擊文件>另存為…,選擇一個新的位置來保存它,并確保記住這一次。
(4):在瀏覽器中打開你的網(wǎng)頁。
現(xiàn)在,您可以在瀏覽器中查看新頁面了!首先打開瀏覽器。在頂部菜單上,單擊文件>打開文件。導航到保存網(wǎng)頁的位置,點按您的網(wǎng)頁文件,然后點按“打開”。你應(yīng)該看看你的網(wǎng)頁!