用HTML怎么制作網(wǎng)頁(yè)呢?靜態(tài)網(wǎng)站的編寫(xiě)主要是用HTML DIV+CSS JS等來(lái)完成頁(yè)面的排版設(shè)計(jì) ? ,常用的網(wǎng)頁(yè)設(shè)計(jì)軟件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的還是DW，當(dāng)然不同軟件寫(xiě)出的前端Html5代碼都是一致的。

　　一、網(wǎng)站布局方面：計(jì)劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩(wěn)定的浮動(dòng)網(wǎng)頁(yè)布局結(jié)構(gòu)。

　　二、網(wǎng)站程序方面：計(jì)劃采用最新的網(wǎng)頁(yè)編程語(yǔ)言HTML5+CSS3+JS程序語(yǔ)言完成網(wǎng)站的功能設(shè)計(jì)。并確保網(wǎng)站代碼兼容目前市面上所有的主流瀏覽器，已達(dá)到打開(kāi)后就能即時(shí)看到網(wǎng)站的效果。

　　三、網(wǎng)站素材方面：計(jì)劃收集各大平臺(tái)好看的圖片素材，并精挑細(xì)選適合網(wǎng)頁(yè)風(fēng)格的圖片，然后使用PS做出適合網(wǎng)頁(yè)尺寸的圖片。

　　四、網(wǎng)站文件方面：網(wǎng)站系統(tǒng)文件種類包含：html網(wǎng)頁(yè)結(jié)構(gòu)文件、css網(wǎng)頁(yè)樣式文件、js網(wǎng)頁(yè)特效文件、images網(wǎng)頁(yè)圖片文件;

　　五、網(wǎng)頁(yè)編輯方面：網(wǎng)頁(yè)作品代碼簡(jiǎn)單，可使用任意HTML編輯軟件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作)。 其中： (1) html文件包含：其中index.html是首頁(yè)、其他html為二級(jí)頁(yè)面; (2) css文件包含：css全部頁(yè)面樣式,文字滾動(dòng), 圖片放大等; (3) js文件包含：js實(shí)現(xiàn)動(dòng)態(tài)輪播特效, 表單提交, 點(diǎn)擊事件等等(個(gè)別網(wǎng)頁(yè)中運(yùn)用到j(luò)s代碼)。

　　更多關(guān)于“用HTML怎么制作網(wǎng)頁(yè)呢?”的問(wèn)題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。

近臨近開(kāi)學(xué)了，大家都在忙著準(zhǔn)備各種學(xué)習(xí)的資料，準(zhǔn)備在新的學(xué)期好好學(xué)習(xí)，充實(shí)自己。小編身邊的同學(xué)也是如此，最近，小編的同學(xué)小麗就遇到了一個(gè)很棘手的問(wèn)題。

她想將一個(gè)網(wǎng)頁(yè)的Python學(xué)習(xí)的教程打印下來(lái)，方便自己來(lái)學(xué)習(xí)，但是上千頁(yè)的教程，如果通過(guò)手動(dòng)的方式，一個(gè)一個(gè)的去轉(zhuǎn)成pdf并保存到本地，實(shí)在是麻煩的不。

這就是一個(gè)html轉(zhuǎn)pdf的問(wèn)題，其實(shí)網(wǎng)上有很多不錯(cuò)的html資源，但是苦于學(xué)習(xí)起來(lái)，不方便！于是小編就跟小麗保證，這點(diǎn)小事包在我身上。今天，小編就跟分享一下如何用Python把html資料變成pdf。

01.抓取的學(xué)習(xí)資料

如今網(wǎng)上的在線學(xué)習(xí)資料可謂是多如牛毛，為了方便講解，小編就利用python3.9.2的中文文檔作為演示的例子，來(lái)將其抓取并保存到本地，其網(wǎng)頁(yè)鏈接如下：

https://docs.python.org/zh-cn/3.9/tutorial/index.html

打開(kāi)上述鏈接后，大家會(huì)在網(wǎng)頁(yè)中找到不同內(nèi)容的鏈接地址，包括了基礎(chǔ)的python字符、python語(yǔ)法等內(nèi)容。

02.獲取網(wǎng)頁(yè)鏈接

在上圖中，我們需要格外關(guān)注的是紅色方格標(biāo)注的鏈接，每個(gè)鏈接都會(huì)跳轉(zhuǎn)到對(duì)應(yīng)的子網(wǎng)頁(yè)中，而在子網(wǎng)頁(yè)中，就是我們想要保存的內(nèi)容。

可以看到，上圖中，在python速覽子頁(yè)面中，包含了我們需要提取的文字內(nèi)容。所以將html內(nèi)容保存為pdf的第一步便是獲取到子頁(yè)面的鏈接。由于教程大都是固定內(nèi)容，因此對(duì)于教程的網(wǎng)頁(yè)，大都采用的是靜態(tài)頁(yè)面，在網(wǎng)頁(yè)源代碼中可以很輕松地找到子頁(yè)面的網(wǎng)頁(yè)鏈接。

對(duì)于子網(wǎng)頁(yè)的鏈接抓取，程序如下圖所示:

程序中，通過(guò)BeautifulSoup庫(kù)來(lái)解析網(wǎng)頁(yè)源代碼，然后提取所有的子頁(yè)面鏈接地址并返回，如果抓取失敗，則直接返回None。

03.html轉(zhuǎn)pdf

在得到子網(wǎng)頁(yè)的鏈接后，接下來(lái)就是將html的子網(wǎng)頁(yè)保存為pdf文件。小編使用的pdfkit庫(kù)，pdfkit庫(kù)可以將網(wǎng)頁(yè)保存為pdf文檔。首先小編來(lái)介紹一下pdfkit庫(kù)的安裝。

• 下載https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6-1/wkhtmltox-0.12.6-1.mxe-cross-win64.7z 并解壓到本地文件中。(后臺(tái)輸入：pdf) 直接獲取。
• 將解壓文件中的bin文件路徑添加到系統(tǒng)變量Path中。
• 執(zhí)行pip install pdfkit
• 執(zhí)行pip install wkhtmltopdf

按照上述的操作流程，就可以安裝pdfkit庫(kù)。對(duì)于pdfkit庫(kù)的使用，常見(jiàn)的用法有以下三種：

上面的程序主要完成以下幾步：

首先需要指定wkhtmltopdf.exe文件的路徑；

• 然后分別通過(guò)from_url、from_file和from_string的三種方式來(lái)保存為pdf文件；
• 需要注意的是，from_file和from_url中的第一個(gè)參數(shù)必須是一個(gè)html的字符串或者是html文檔的列表；
• 但是小編通過(guò)程序運(yùn)行發(fā)現(xiàn)，from_url第一個(gè)參數(shù)只能是html的字符串，不能是html的列表。

因此，pdfkit庫(kù)只能將子網(wǎng)頁(yè)保存為單獨(dú)的pdf文檔，無(wú)法直接通過(guò)pdfkit庫(kù)將所有的子網(wǎng)頁(yè)拼接成一個(gè)完整的pdf文檔，小編通過(guò)PyPDF2庫(kù)中的PdfFileMerger類來(lái)實(shí)現(xiàn)pdf文檔的拼接。程序如下圖所示。

程序中首先將所有的html網(wǎng)頁(yè)保存為單獨(dú)的pdf文檔，然后通過(guò)PdfFileMerger類對(duì)象來(lái)實(shí)現(xiàn)pdf文檔的拼接。最后就可以得到全部的pdf內(nèi)容。最后我們通過(guò)視頻的展示，來(lái)看一下程序的效果吧。

除此之外，程序不光可以抓取python3.9的中文文檔，針對(duì)其他的在線文檔，只需要對(duì)獲取網(wǎng)頁(yè)鏈接的程序進(jìn)行修改即可抓取，例如對(duì)于Flask中文文檔的抓取，程序只需要按照下圖進(jìn)行修改，即可將Flask的在線文檔保存為PDF文檔。

04.總結(jié)

學(xué)習(xí)Python其實(shí)非常有趣，也很有用。因?yàn)镻ython有大量的現(xiàn)成的庫(kù)，可以幫助我們把工作中的很多瑣碎的煩事輕松解決。小編將上述的程序稍加修改，很快就幫阿麗搞定了教程，保存為pdf發(fā)送給了她，小編與女神的關(guān)系更拉近了一步