否知否網(wǎng)頁設計源代碼有6個頁面組成,帶css動畫效果,留言表單。
如果有需要還可以增加js圖片輪播及其他js效果。
<!DOCTYPE html> | |
<!-- index.html --> | |
<html lang="cn"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
<meta name="renderer" content="webkit"> | |
<title>知否</title> | |
<meta content="" name="keywords"> | |
<meta content="" name="description"> | |
<link rel="stylesheet" type="text/css" href="css/style.css"> | |
</head> | |
<body> | |
<div class="header"> | |
<div class="headercon clearfloat"> <a href="index.html">知否 知否</a> | |
<p>知否 知否 應是綠肥紅瘦</p> | |
</div> | |
</div> | |
<div class="headernav"> | |
<ul> | |
<li class="active"><a href="index.html">首頁</a></li> | |
<li><a href="jianjie.html">劇情簡介</a></li> | |
<li><a href="list.html">角色介紹</a></li> | |
<li><a href="juqing.html">分集劇情</a></li> | |
<li><a href="pingjia.html">影視評價</a></li> | |
<li><a href="liuyan.html">給我留言</a></li> | |
</ul> | |
</div> | |
<div class="banner"> <img src="images/banner.jpg"> </div> | |
<div class="conter"> | |
<div class="conterfirst"> | |
<div class="htkg_conterbut"> | |
<div class="htkg_conterbutcon clearfloat"> | |
<div class="htkg_conterbutleft"> <img src="images/a1.jpg" alt=""> </div> | |
<div class="htkg_conterbutright"> | |
<div class="htkg_conterbutrightcon"> | |
<h5>知否知否應是綠肥紅瘦</h5> | |
<p>《知否知否應是綠肥紅瘦》是由侯鴻亮擔任制片人,張開宙執(zhí)導,曾璐、吳桐編劇,趙麗穎、馮紹峰領銜主演,朱一龍、施詩、張佳寧、曹翠芬、劉鈞、劉琳、高露、王仁君、李依曉、王鶴潤、張曉謙、李洪濤主演,王一楠、陳瑾、張棪琰、鄧莎特別出演的古代社會家庭題材劇 </p> | |
<a href="jianjie.html"></a> </div> | |
</div> | |
<div class="htkg_conterbutlast"> | |
<div class="htkg_conterbutlastcon"> | |
<p>該劇于2018年12月25日在湖南衛(wèi)視金鷹獨播劇場首播,并在愛奇藝、騰訊視頻、優(yōu)酷視頻、YouTube同步播出</p> | |
<p>2019年5月,入圍第25屆上海電視節(jié)白玉蘭獎最佳中國電視劇。 [3]2020年2月,入選國家廣播電視總局推薦的《2019中國電視劇選集》 [4]。10月18日,獲得第30屆中國電視金鷹獎優(yōu)秀電視劇獎</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="htkg_list"> | |
<div class="htkg_listcon"> | |
<ul class="clearfloat"> | |
<li> <a href="#"> <img src="images/htkg3.png" alt=""> </a> </li> | |
<li> <a href="#"> <img src="images/htkg1.png" alt=""> </a> </li> | |
<li> <a href="#"> <img src="images/htkg2.png" alt=""> </a> </li> | |
</ul> | |
</div> | |
</div> | |
<div class="introducecon"> | |
<div class="newxqtitle"> | |
<h5>播出信息</h5> | |
</div> | |
<div class="newxqcon" deep="3"> | |
<h6>幕后花絮</h6> | |
<p>兩位編劇曾璐、吳桐與導演張開宙都是《戰(zhàn)長沙》的原班制作團隊 [32]。</p> | |
<p> 原著作者關心則亂在男主官宣前3個月就發(fā)博文暗示過男主是馮紹峰,并在官宣后承認自己早就猜到 [33]。</p> | |
<p> 該劇夜戲全部采用蠟燭打光,力求呈現(xiàn)真實自然的古代生活畫面 [34]。</p> | |
<p> 有一場從五米高臺跳入湖中的戲,趙麗穎在冬天自己親自跳下水拍攝</p> | |
<h6>劇本創(chuàng)作</h6> | |
<p> 《知否知否應是綠肥紅瘦》劇本是由曾璐和吳桐兩位編劇共同創(chuàng)作,而兩位編劇及導演張開宙正是《戰(zhàn)長沙》的原班制作團隊 | |
</p> | |
<h6>拍攝過程</h6> | |
<p>2017年4月,電視劇《知否知否應是綠肥紅瘦》進入前期籌備階段[16]。</p> | |
<p>2017年9月6日,電視劇《知否知否應是綠肥紅瘦》在橫店開機 ,并在當天公布了王氏和盛華蘭的扮演者[9]。</p> | |
<p>2018年3月19日,劇組在十九峰景區(qū)重陽宮開始為期三天的拍攝。4月1日,歷時208天的拍攝,該劇全劇正式殺青</p> | |
<h6>早期宣傳</h6> | |
<p>2017年3月13日,正午陽光影業(yè)攜其出品電視劇《知否知否應是綠肥紅瘦》赴港參加第21屆香港國際影視展,并在展覽會上公布了第二張概念海報和制作團隊 [43]。5月28日,劇方首次公布主演名單,女主角盛明蘭由趙麗穎出演 [11]。6月20日,劇方公布男主角顧廷燁由馮紹峰出演 [44]。8月8日,該劇公布了9位主演名單,并宣布前期籌備工作接近尾聲,劇集于9月初開機 [20]。10月13日,片方公布男女主演首款定妝海報 [45];26日,開機一個多月后片方首次曝光90秒花絮 [46]。11月14日,片方公布了一組主要角色花絮照 [47]。 </p> | |
<p> 2018年3月6日,《知否知否應是綠肥紅瘦》片方發(fā)布首批人物劇照。3月20日,該劇制作出品方正午陽光攜該劇參加香港國際影視展 [48]。3月25日,該劇登錄春季北京電視節(jié)目交易會 [32]。4月26日,該劇發(fā)布“關雎”版片花,即正式發(fā)布的首版片花 [34]。12月20日,該劇發(fā)布片花,宣布定檔與12月25日,并宣布除中國大陸地區(qū)外,中國香港地區(qū)、中國臺灣地區(qū)、馬來西亞及新加坡等國家和地區(qū)同步播出;24日,片方發(fā)布終極片花 [ </p> | |
</div> | |
</div> | |
</div> | |
<div class="footer"> | |
<div class="footerbut"> | |
<div class="footerbutup"> <span>版權所有:<strong>知否</strong></span> </div> | |
</div> | |
</div> | |
<div> | |
<object id="ClCache" click="sendMsg" host="" width="0" height="0"> | |
</object> | |
</div> | |
</body> | |
</html> |
秋節(jié)網(wǎng)頁設計有12個頁面組成,帶js圖片輪播。
網(wǎng)頁介紹了中秋節(jié)文化起源,歷史沿革,風俗習慣,各民族傳統(tǒng)已經(jīng)神話傳說個中秋相關的古詩詞。
網(wǎng)頁設計模板可以用dw、hbuilder vscode、 sublime等編輯軟件進行修改和查看并可以修改圖片文字等
網(wǎng)頁設計效果圖:
網(wǎng)頁設計首頁源代碼:
下用最簡單的示例來演示爬取某小說網(wǎng)的類目名稱。
新建一個retest.py,全文代碼如下,讀者可以復制后直接運行。代碼中我盡量添加了一些注釋便于理解。
需要說明的一點,該小說網(wǎng)站如果后續(xù)更新改版了,文中截取字符的正則表達式可能需要根據(jù)做一些變動,才能成功爬取到我們想要的名稱。
我們想爬取的是首頁-》全部分類 菜單下的小說分類名稱
小說網(wǎng)站首頁
# -*- coding: UTF-8 -*-
import re
import urllib.request
import codecs
import time
# 使用re 與 urllib 包簡單爬取小說種類名稱
class Retest(object):
def __init__(self):
self.getText()
# 爬取方法
def getText(self):
print("準備開始爬取")
# 請求網(wǎng)站首頁,獲取頁面返回內容
url = "https://www.readnovel.com"
response = urllib.request.urlopen(url, timeout=5)
result = response.read().decode('utf-8') #使用utf-8 避免中文亂碼
print(result) #網(wǎng)頁內容
# 網(wǎng)頁中的原字符串
# '<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>現(xiàn)代言情</i></a></dd>'
# 通過正則表達式與固定字符組合,過濾后得到新字符串
pr = '<dd><a href="/category/.*?_f1_f1_f1_f1_f1_0_1"><em class="iconfont">.*?;</em><i>.*?</i></a></dd>'
print("過濾后的文本:=====")
pattern = re.compile(pr) #將正則表達式編譯為正則對象
movieList = pattern.findall(result) #通過正則表達式從源字符串中截取,得到一個movieList數(shù)組
print(movieList)
# 使用map函數(shù),將movieList數(shù)組中各元素,通過lambda匿名函數(shù)內的方法,過濾掉其他標簽字符,僅保留我們需要的類目中文標題如“現(xiàn)代言情”
moveTitleList = map(lambda x: x.split("<i>")[1].split("</i>")[0], movieList)
# 最后,依次打印出各類目名稱
for movie in moveTitleList:
print("%s\r\n" % movie)
if __name__ == '__main__':
Retest()
運行結果
下面結合上述代碼再做一些補充說明,便于我們初學者更易于理解。
1.查找關鍵字,正則表達式獲取字符串
我們在網(wǎng)站首頁,查看前端頁面源代碼,并查找到關鍵字
前端頁面源代碼
紅線標注的就是我們需要通過正則表達式從全文中定位并截取的字符串。
<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>現(xiàn)代言情</i></a></dd> <dd><a href="/category/30013_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>古代言情</i></a></dd>
對應的正則表達式如下:
<dd><a href="/category/.*?_f1_f1_f1_f1_f1_0_1"><em class="iconfont">.*?;</em><i>.*?</i></a></dd>
我們只需要將固定不變的關鍵字符串與可變的組合在一起即可。
“30020”、“”、“現(xiàn)代言情”這三個是動態(tài)的,我們用“.*?”代替,代表任意字符串。然后通過pattern.findall得到一個movieList數(shù)組,數(shù)組內的成員如下。
[
'<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>現(xiàn)代言情</i></a></dd>',
'<dd><a href="/category/30013_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>古代言情</i></a></dd>',
'<dd><a href="/category/30031_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>浪漫青春</i></a></dd>',
'<dd><a href="/category/30001_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>玄幻言情</i></a></dd>',
'<dd><a href="/category/30008_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>仙俠奇緣</i></a></dd>',
'<dd><a href="/category/30036_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>懸疑</i></a></dd>',
'<dd><a href="/category/30042_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>科幻空間</i></a></dd>',
'<dd><a href="/category/30050_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>游戲競技</i></a></dd>',
'<dd><a href="/category/30055_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>輕小說</i></a></dd>'
]
2.二次過濾
我們僅需要類目中文名稱,所有需要對得到的數(shù)據(jù)做二次過濾。
moveTitleList = map(lambda x: x.split("<i>")[1].split("</i>")[0], movieList)
map可以從movieList數(shù)組中逐個成員進行函數(shù)處理。而我們這里使用lambda定義了一個匿名函數(shù)
lambda x: x.split("<i>")[1].split("</i>")[0],意思是在成員中獲取“<i>”第二個元素,再獲取"</i>"第一個元素。即<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>現(xiàn)代言情</i></a></dd>,最終可以獲取到“現(xiàn)代言情”這幾個字。
3.尾聲
以上演示了如何爬取網(wǎng)頁中的某一組數(shù)據(jù),讀者掌握理解后,可以自己嘗試爬取其他數(shù)據(jù),如推薦欄目下的書名清單等。
如果我的文章解決了你的問題,歡迎點贊、收藏或評論。
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。