整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
否知否网页设计源代码有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>《知否知否应是绿肥红瘦》是由侯鸿亮担任制片人，张开宙执导，曾璐、吴桐编剧，赵丽颖、冯绍峰领衔主演，朱一龙、施诗、张佳宁、曹翠芬、刘钧、刘琳、高露、王仁君、李依晓、王鹤润、张晓谦、李洪涛主演，王一楠、陈瑾、张棪琰、邓莎特别出演的古代社会家庭题材剧 </p> | |
<a href="jianjie.html"></a> </div> | |
</div> | |
<div class="htkg_conterbutlast"> | |
<div class="htkg_conterbutlastcon"> | |
<p>该剧于2018年12月25日在湖南卫视金鹰独播剧场首播，并在爱奇艺、腾讯视频、优酷视频、YouTube同步播出</p> | |
<p>2019年5月，入围第25届上海电视节白玉兰奖最佳中国电视剧。 [3]2020年2月，入选国家广播电视总局推荐的《2019中国电视剧选集》 [4]。10月18日，获得第30届中国电视金鹰奖优秀电视剧奖</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>两位编剧曾璐、吴桐与导演张开宙都是《战长沙》的原班制作团队 [32]。</p> | |
<p> 原著作者关心则乱在男主官宣前3个月就发博文暗示过男主是冯绍峰，并在官宣后承认自己早就猜到 [33]。</p> | |
<p> 该剧夜戏全部采用蜡烛打光，力求呈现真实自然的古代生活画面 [34]。</p> | |
<p> 有一场从五米高台跳入湖中的戏，赵丽颖在冬天自己亲自跳下水拍摄</p> | |
<h6>剧本创作</h6> | |
<p> 《知否知否应是绿肥红瘦》剧本是由曾璐和吴桐两位编剧共同创作，而两位编剧及导演张开宙正是《战长沙》的原班制作团队 | |
</p> | |
<h6>拍摄过程</h6> | |
<p>2017年4月，电视剧《知否知否应是绿肥红瘦》进入前期筹备阶段[16]。</p> | |
<p>2017年9月6日，电视剧《知否知否应是绿肥红瘦》在横店开机 ，并在当天公布了王氏和盛华兰的扮演者[9]。</p> | |
<p>2018年3月19日，剧组在十九峰景区重阳宫开始为期三天的拍摄。4月1日，历时208天的拍摄，该剧全剧正式杀青</p> | |
<h6>早期宣传</h6> | |
<p>2017年3月13日，正午阳光影业携其出品电视剧《知否知否应是绿肥红瘦》赴港参加第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日，《知否知否应是绿肥红瘦》片方发布首批人物剧照。3月20日，该剧制作出品方正午阳光携该剧参加香港国际影视展 [48]。3月25日，该剧登录春季北京电视节目交易会 [32]。4月26日，该剧发布“关雎”版片花，即正式发布的首版片花 [34]。12月20日，该剧发布片花，宣布定档与12月25日，并宣布除中国大陆地区外，中国香港地区、中国台湾地区、马来西亚及新加坡等国家和地区同步播出；24日，片方发布终极片花 [ </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> |
秋节网页设计有12个页面组成，带js图片轮播。
网页介绍了中秋节文化起源，历史沿革，风俗习惯，各民族传统已经神话传说个中秋相关的古诗词。
网页设计模板可以用dw、hbuilder vscode、 sublime等编辑软件进行修改和查看并可以修改图片文字等
网页设计效果图：
网页设计首页源代码：
下用最简单的示例来演示爬取某小说网的类目名称。
新建一个retest.py，全文代码如下，读者可以复制后直接运行。代码中我尽量添加了一些注释便于理解。
需要说明的一点，该小说网站如果后续更新改版了，文中截取字符的正则表达式可能需要根据做一些变动，才能成功爬取到我们想要的名称。
我们想爬取的是首页-》全部分类 菜单下的小说分类名称
小说网站首页
# -*- 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("准备开始爬取")
# 请求网站首页，获取页面返回内容
url = "https://www.readnovel.com"
response = urllib.request.urlopen(url, timeout=5)
result = response.read().decode('utf-8') #使用utf-8 避免中文乱码
print(result) #网页内容
# 网页中的原字符串
# '<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>现代言情</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数组
print(movieList)
# 使用map函数，将movieList数组中各元素，通过lambda匿名函数内的方法，过滤掉其他标签字符，仅保留我们需要的类目中文标题如“现代言情”
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.查找关键字，正则表达式获取字符串
我们在网站首页，查看前端页面源代码，并查找到关键字
前端页面源代码
红线标注的就是我们需要通过正则表达式从全文中定位并截取的字符串。
<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>现代言情</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”、“”、“现代言情”这三个是动态的，我们用“.*?”代替，代表任意字符串。然后通过pattern.findall得到一个movieList数组，数组内的成员如下。
[
'<dd><a href="/category/30020_f1_f1_f1_f1_f1_0_1"><em class="iconfont"></em><i>现代言情</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.二次过滤
我们仅需要类目中文名称，所有需要对得到的数据做二次过滤。
moveTitleList = map(lambda x: x.split("<i>")[1].split("</i>")[0], movieList)
map可以从movieList数组中逐个成员进行函数处理。而我们这里使用lambda定义了一个匿名函数
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>现代言情</i></a></dd>，最终可以获取到“现代言情”这几个字。
3.尾声
以上演示了如何爬取网页中的某一组数据，读者掌握理解后，可以自己尝试爬取其他数据，如推荐栏目下的书名清单等。
如果我的文章解决了你的问题，欢迎点赞、收藏或评论。
*请认真填写需求信息，我们会在24小时内与您取得联系。
