2024年静态网站制作流程 篇1
网页分为静态网页和动态网页，静态网页内容是固定不变的，对于初学者来说易于理解，涉及到的编程知识相对较少，而动态网页的内容则是可以根据实际情况改变的，涉及到编程知识相对较多也较复杂。
既然问题是“第一个网页”，那么，就暂且认为提问者是一位初学者了，因此，接下来就谈谈怎么制作第一个静态网页。
1.确定开发工具。简单的网页，使用windows自带的记事本notepad即可，更好一点的工具，则推荐notepad++,工具小巧免费，支持语法高亮，大多数开发人员都使用过，再高级一点的工具，这里暂时就不介绍了。
2.新建一个网页文件。静态网页纯粹使用Html语言编写，文件名后缀一般为
.htm或.html，以windows记事本为例，我们先右键新建一个文本文档，自然，它的后缀是.txt，此时，选中文件后，按快捷键F2,或者右键点击“重命名”，把后缀的txt该为html，此时会提示“如果改变文件扩展名，可能会导致文件不可用”，不用在意，直接点“是”，确定更改，这样，一个空白的html文件就建好了，双击文件，我们可以直接在浏览器里打开它。
3.开始编写html代码。选中html文件后，我们选择用记事本打开，接下来就可以写一些html代码了，此时，要注意，请确保你的输入法是英文模式下的。下面我写的例子非常简单，只保留了基本的html结构，但是作为第一个网页，已经足够了。
（欢迎关注IT情报员，给你有价值的IT信息）
2024年静态网站制作流程 篇2
听你的意思是想做个静态页面做一个网站吧。
单纯想用HTML做一个网站是可以的，但是纯粹用HTML写网页真的丑...
想做出一个漂亮的现代网页CSS少不了。
先大白话说说HTML、CSS、JS的作用，再说HTML做网页吧。HTML：
1.告诉计算机页面里有什么。
2.各种元素的前后关系、父子关系。
3.根据所用的元素判断元素占一行还是行内元素。
4.告诉浏览器需要加载什么脚本（script）、样式（css）等等。
6.head元素内，可以告诉浏览器或者爬虫，网站使用的语言（英语还是中文等），做一些移动端兼容设置，title就是本页面的标题。CSS：
css是在HTML给出一个抽象的脸的前提下让每个五官精确定位，它也像是在整容或者化妆，让界面更符合现代人审美。
1.定位属性，position，left，top，block等。
2.装饰属性，color，background，border，shadow-box等。
3.动画属性，transition等。JS：
JS代表着进一步自由，你能做更多的操作，它能做的事情说不完。
1.你可以利用JS与服务器后台沟通，当然HTML的form元素也能做到，但是form提交会刷新整个页面。
2.你可以设置大量的事件监听，如鼠标点击、鼠标移动、页面滚动等，当这些事件发生时你可以做一些事情。
3.利用一些浏览器接口额外做些事情，例如保存数据至本地，更强的图形化，例如利用webgl做动画片或者游戏。如何用HTML制作一个简单网页？
1.如果你的网站只是展示简单的信息又想外观还过得去，我建议你使用Bootstrap可视化布局系统来生成页面，简单的拖拽元素后，你只需要将生成的代码复制到html文件里的body内就好。
2.如果你很懒的话，也可以用纯粹的HTML写页面，学习的话推荐菜鸟教程。
题外话：如果你很有野心的话，建议学习下前端框架VUE，上手也挺简单，官网上和网络上案例多，学习曲线不怎么陡峭，使用element组件库或者ant的组件库，页面体验将会得到炸裂级的提升。
2024年静态网站制作流程 篇3
并不是每个网站都需要网站地图，不过网站地图确实是一个很好的工具。它不仅可以为搜索引擎蜘蛛提供便捷的进入网页的入口，还可以为用户提供方便的入口。唯一的区别就是用户和搜索引擎进入网站地图的方法不同。由于进入网站地图的方法不同，所以，在建设网站地图的时候，一定要注重搜索引擎和用户的好感度。
其实一些小型网站是不需要网站地图的，只要所有页面的链接都连在主导航上就可以了。因为，企业网站本身的内容并没有太多，只要导航清晰明了，就没有制作网站地图的必要了。
那么，在制作网站地图的时候，需要注意哪些事项呢？
1、网站地图页面必须是静态页面，因为静态页面可以增加搜索引擎的友好性。
2、网站地图页面命名为sitemap，这样搜索引擎就可以轻易的识别了。
3、链接数量要控制在100以内。
4、网站地图页面中指向其它页面的链接地址必须是静态URL，这样才能有效的吸引搜索引擎来抓取更多页面。
5、每个链接的对象只能使用文字，锚文本应该与链接指向的页面的核心关键词一致。
6、网站中很多页面都存在指向网站地图页面的链接。
7、网站地图中所有链接的对象必须为网站中存在的页面，而且每个链接的锚文本与目标页面的核心关键词一致，对于特别重要的内容还可以使用加粗标记。
8、网站地图中只包含网站中最重要栏目的链接入口。
为了让网站地图页面能够简单、灵活的展示不同的内容，以及去掉所有对搜索引擎不利的因素，所以，我们一般通过手动的方式来制作网站地图页面。
一个优秀的网站地图页面在引导搜索引擎抓取重要页面所起到的作用仅次于首页，网站地图中提供了所有重要频道、栏目或者内容链接入口，这在其它任何页面都是不能实现的。
以上就是制作网站地图的注意事项，希望对大家有所帮助。
2024年静态网站制作流程 篇4
营销型网站除了要分析受众人群、搜索词报告等还需要了解一下八点
1、中文域名在搜索引擎不流行的时候这玩意确实好用，在网址里面输入您的公司名称就可以进入到您的网站，不过现在基本已经没什么人用了，大家都用百度了，不建议大家继续使用，最主要费用高，不划算。2、企业邮箱如果您的公司不是大型企业，那么我建议您使用免费的邮箱或者QQ企业邮箱，这两个产品无需任何费用，性价比极高。3、400电话400电话这个东西基本算是一个无底洞，您公司若真有需要最好直接联系三大运营商对比价格，找网络公司或许给您免费安装，可后面的资费标准都是网络公司说的算哦，而且当您发现资费高的时候号码无法通过除了网络公司之外的渠道进行续费的。4、域名转移密码这个东西很关键哦，如果没有这个，若以后跟网络公司产生矛盾或者要更换网络公司的时候没有这个东西的话要使用您原来的域名那将是一件非常麻烦的事。5、备案转移密码这个东西的重要性跟域名转移密码差不多，不过只是国内的服务器或者空间才有用到，对于港台地区或者国外的服务器这个可以忽略。6、网站代码其中网站代码可分为：网站源代码和网站执行代码，由于源码是属于网络公司的产品，故可以不用给客户，但一般情况下至少给客户网站执行代码或者网站加密代码。这几种代码的区别在于，源代码可以进行二次修改开发，而另外两种则无法进行。对于没有开发团队的企业网站用户来说，两种代码是没有什么区别的。7、网站空间这个东西为网络公司必备的收费工具之一，您要有网站必须要有个空间，而空间的好坏可以直接影响到网站整体的用户体验。实际上空间的成本高低最贵的是带宽，其次才是服务器的配置，售后服务，而基本空间商里提到的空间容量往往是最不值钱的。带宽是3大运营商定的，这个价格无法改变，带宽越大价格越贵，这个一般只有网络公司及其产品运营人能了解带宽，普通的企业网站用户是无法刚性需求带宽多大，除非您拥有自己的服务器。服务器配置来说运营网站只要不是一个服务器跑个大几十个企业网站或者说一个流量超大的网站的话也都还可以，当然这里也没有具体值。售后服务指的是网站出问题之后响应跟处理问题的时间，服务越好则处理问题的速度越快。而网站容量基本忽略了，企业网站有1g的情况下基本用不完。什么才送100M后面不够再加钱，那也实在太坑爹了吧……八、网站速度(1)、域名解析速度域名解析一般使用万网或者新网的dns，基本上不会有问题。(2)、网站空间速度这个跟上面说的带宽、硬件配置跟分配给您空间的资源有关系，具体可以参考万网的配置单，能达到万网配置标准的一般足够用的，如果网络公司价格跟万网差不多，你们选万网吧，毕竟大品牌，不会在硬件配置上给您偷工减料，就是费用高了点。(3)、网站代码
这个跟程序员的经验有关系，跟网络公司成立了多少年关系不大，特别是小的网络公司，大的网络公司有整体的框架已经团队会好些，但相对费用会高些。好的代码运行起来效率会高，速度会快并且能减少服务器的资源消耗。
微信公众号SEM联盟里，有很多关于营销型网站建设的文章，感兴趣的人可以关注一下。
2024年静态网站制作流程 篇5
这次分享一个房地产网站数据采集及可视化分析的Python实际案例，应用效果还是有，步骤如下：
1、获取目标网站
2、分析网站，确定数据采集的方法
3、对采集的数据进行处理
4、最后可视化
先看看最终效果：
首先获取目标网站，可以发现获取的数据信息都在网页上面，所以可以直接使用xpath标签定位获取网页上的数据，而不用担心动态网页的数据会出现变化：
然后获取各个采集字段的具体xpath，包括房源信息、房价、地区、建面（面积）等字段的xpa，部分代码如下：
fymc=n.xpath('./div/div[1]/a/text()')[0]#房源名称 fj=n.xpath('./div/div[6]/div/span[1]/text()')[0]#房价 diqu=n.xpath('./div/div[2]/span[1]/text()')[0]#地区 mj=n.xpath('./div/div[3]/span/text()')[0]
然后我们要爬取页数要设置，可以看到页数链接明显出现变化，而且还是规律性的，所以可以构造一个循环采集指定页数的信息（也就是翻页采集），部分代码如下：
for i in range(1,6): url='https://nn.fang.lianjia.com/loupan/pg'+str(i) #print(url)
翻页采集搞定了，接下来就是数据处理，先判断采集的数据有没有空值或者缺失值，就必须使用numpy和pandas这两个模块进行数据处理，部分代码如下：
data=pd.read_csv(r'C:/Users/Administrator/Desktop/链家数据.csv',encoding='gbk') #data.describe()#做描述性分析，判断有没有空值或者缺失值
然后查看采集的数据发现，建面面积这个字段既有中文又有数字和特殊符号，我们要对这个字段进行拆分，拆分为最大面积和最小面积，代码如下：
data['最小面积']=data['面积'].str.split(expand=True)[1].str.split('-',expand=True)[0] data['最大面积']=data['面积'].str.split(expand=True)[1].str.split('-',expand=True)[1].str.split('㎡',expand=True)[0] data=data.drop('面积',axis=1)
处理完采集的数据，接下来就是对数据进行可视化，可视化就用到matplotlib这个模块，我们用了三个图去可视化数据，包括折线图、饼图、条形图，部分代码如下：
#制作可视化图表 plt.figure(figsize=(10,8)) plt.suptitle("南宁房价可视化分析",fontsize=20) plt.subplot(2,2,1) #不同地区的房源数量--饼图 plt.title('不同地区的房源数量占比--饼图') explode=[0,0,0,0,0.2,0] plt.pie(x=data.地区.value_counts(),labels=data.地区.value_counts().index, explode=explode,autopct='%.3f%%') plt.subplot(2,2,2) plt.title('不同地区的房源数量--条形图') plt.ylim(0,20) x=data.地区.value_counts().index y=data.地区.value_counts() plt.bar(x=x,height=y,width=0.5) for a,b in zip(x,y): plt.text(a,b+0.2,str(b),ha='center',va='bottom',fontsize=10.5,color='green') plt.subplot(2,1,2) plt.title('不同地区平均房价——折线图') plt.ylim(0,30000) qingxiu=int(data[data['地区']=="青秀区"].房价.mean()) xixiangtang=int(data[data['地区']=="西乡塘区"].房价.mean()) xingning=int(data[data['地区']=="兴宁区"].房价.mean()) liangqing=int(data[data['地区']=="良庆区"].房价.mean()) yongning=int(data[data['地区']=="邕宁区"].房价.mean()) dq=['青秀区','西乡塘区','兴宁区','良庆区','邕宁区'] mean_fj=[qingxiu,xixiangtang,xingning,liangqing,yongning] #折线图# plt.plot(dq,mean_fj,label='不同地区平均房价') for a,b in zip(dq,mean_fj): plt.text(a,b+0.2,str(b),ha='center',va='top',fontsize=10.5) plt.legend(loc=1,fontsize=13) plt.show()
最后不多说了，附上完整代码：
import requests from lxml import etree import csv import pandas as pd import matplotlib.pyplot as plt from pylab import mpl import time with open('C:/Users/Administrator/Desktop/链家数据.csv','w',encoding='gbk') as f: f.write('房源名称,房价,地区,面积\n') f.close() for i in range(1,6): url='https://nn.fang.lianjia.com/loupan/pg'+str(i) #print(url) headers={ 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36' } r=requests.get(url,headers=headers).content b=etree.HTML(r) c=b.xpath('/html/body/div[3]/ul[2]/li') try: for n in c: fymc=n.xpath('./div/div[1]/a/text()')[0]#房源名称 fj=n.xpath('./div/div[6]/div/span[1]/text()')[0]#房价 diqu=n.xpath('./div/div[2]/span[1]/text()')[0]#地区 mj=n.xpath('./div/div[3]/span/text()')[0] with open('C:/Users/Administrator/Desktop/链家数据.csv','a',encoding='gbk') as f1: f1.write('{},{},{},{}\n'.format(fymc,fj,diqu,mj)) print("数据爬取成功！") except: pass time.sleep(20) mpl.rcParams['font.sans-serif']=['SimHei'] mpl.rcParams['axes.unicode_minus']=False data=pd.read_csv(r'C:/Users/Administrator/Desktop/链家数据.csv',encoding='gbk') #数据处理，拆分面积字段为两列数据，最小面积和最大面积 #data.describe() data['最小面积']=data['面积'].str.split(expand=True)[1].str.split('-',expand=True)[0] data['最大面积']=data['面积'].str.split(expand=True)[1].str.split('-',expand=True)[1].str.split('㎡',expand=True)[0] data=data.drop('面积',axis=1) #制作可视化图表 plt.figure(figsize=(10,8)) plt.suptitle("南宁房价可视化分析",fontsize=20) plt.subplot(2,2,1) #不同地区的房源数量--饼图 plt.title('不同地区的房源数量占比--饼图') explode=[0,0,0,0,0.2,0] plt.pie(x=data.地区.value_counts(),labels=data.地区.value_counts().index, explode=explode,autopct='%.3f%%') plt.subplot(2,2,2) plt.title('不同地区的房源数量--条形图') plt.ylim(0,20) x=data.地区.value_counts().index y=data.地区.value_counts() plt.bar(x=x,height=y,width=0.5) for a,b in zip(x,y): plt.text(a,b+0.2,str(b),ha='center',va='bottom',fontsize=10.5,color='green') plt.subplot(2,1,2) plt.title('不同地区平均房价——折线图') plt.ylim(0,30000) qingxiu=int(data[data['地区']=="青秀区"].房价.mean()) xixiangtang=int(data[data['地区']=="西乡塘区"].房价.mean()) xingning=int(data[data['地区']=="兴宁区"].房价.mean()) liangqing=int(data[data['地区']=="良庆区"].房价.mean()) yongning=int(data[data['地区']=="邕宁区"].房价.mean()) dq=['青秀区','西乡塘区','兴宁区','良庆区','邕宁区'] mean_fj=[qingxiu,xixiangtang,xingning,liangqing,yongning] #折线图# plt.plot(dq,mean_fj,label='不同地区平均房价') for a,b in zip(dq,mean_fj): plt.text(a,b+0.2,str(b),ha='center',va='top',fontsize=10.5) plt.legend(loc=1,fontsize=13) plt.show()
2024年静态网站制作流程 篇6
时间推移，社会高速发展，我们的生活已经被互联网全面辐射。
企业若想在瞬息万变的商海中立于不败之地，网络营销推广，势在必行。既然要做网络营销推广，企业官网，就是我们的前提跟基础。
就好似我们要卖产品，首先得有自己的摊子或者是店铺。而企业网站，就是企业在网络上的摊子跟店铺。
既然网站是网络营销推广的前提跟基础，它的地位是很重要的，市面上做网站的公司也很多，到底一个好的网站怎么判断呢？
佛山华企立方根据十三年做网站建设的经验，跟大家分享自己的几个观点：
第一，颜值。
人都是视觉动物，第一印象很重要。当客户打开我们的企业网站，最先呈现在客户面前的就是网站的外观。如果一个网站排版乱七八糟的，图片也不清晰，产品描述也不清楚，那客户肯定不会再愿意看下去。
就像我们去相亲，出门前肯定得将自己好好拾掇一般，穿件好看的衣服，梳理好头发，女生还要化个妆。
同样的道理，好的网站在外观上首先要给人呈现出大气干净整洁的感觉，色彩搭配也要有设计感，图片更要清晰；另外，要让客户一目了然，一进网站就知道这是一家什么样的企业，有什么样的产品，有什么优势跟实力，拿过什么荣誉等等。
这样就能第一时间抓住了客户的眼球。
第二，服务器
支撑网站运行的服务器关系到客户打开网站的速度，如果一个网站打开需要半天，客户肯定不会在那里等。毕竟现在生活节奏快。
既然服务器那么重要，我们该怎么选择网站的服务器呢。
中国的三大服务器，阿里云，腾讯云，华为云。
阿里云，就是阿里巴巴的服务器，每年双十一天猫淘宝破亿的成交量都是靠阿里云在支撑的，可见阿里云有多强大。腾讯云，微信用的就是腾讯云，微信起码有几个亿的用户，但出错率极其少，所以腾讯云肯定也不会差。至于华为云，那是华为的服务器，更加不用多说。
第三，独立的域名IP
网站域名和网站后台空间组成一个完整的网站，网站域名分为很多种，一般有顶级域名、二级域名和三级域名等，其中顶级域名就是我们所说的独立域名。如果不是独立域名，有可能几个网站共享一个域名，这样我们所占的空间跟资源，就要跟别人去分享。
独立域名跟其他域名的区别就好像，一个人独占一间办公室办公和一群人一间办公室办公的道理一样。
另外，拥有独立域名的好处还有，容易被人记住，因为独立域名比较短，一般是企业名字拼音加后缀，同时独立域名也方便客户搜索，增加流量。独立域名还能增加企业的信誉度，它会给人一种感觉，独立域名的拥有者一般都是正规的企业、商家。最重要的，独立域名具有所有权，一旦你注册了这个域名，只要在过期前续费，这个域名不会被人抢注。
第四，SSL证书
SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上，也称为SSL服务器证书。SSL 证书就是遵守 SSL协议，由受信任的数字证书颁发机构CA，在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。
网站拥有SSL证书，可以防止中间人流量劫持，并且Https加密使网站更安全，还能保障用户隐私信息安全帮助用户识别钓鱼网站，提升搜索排名，提升公司形象和可信度。
SSL证书还能防止网上交易时黑客盜走客户的银行卡,帐号等机密信息，防止非法恶意篡改客户的银行卡号等个人信息，验证网站的真实性,保证每笔交易都有可靠的记录。
当网站添加了SSL证书以后，浏览器上都显示安全可信赖的网址，使用户不必担心自己浏览的网站是否存在病毒，提高网站的点击量。
另外，没有SSL证书的网站是不能连接微信小程序服务端跟抖音的。
那怎么去辩解网站带不带SSL证书呢，有两个小诀窍，看网站网址前面有没有一个绿色的锁，还有就是网站的开头是HTTPS的就是带证书的，而开头是HTTP的则是不带证书的。
第五，一些有助于优化推广的设定
例如301跳转。
如果我们足够细心，我们会发现，打开好多排名靠前的网站，会发现他们的域名都是带www的，就算把域名www去掉后再打开这个网站，域名同样自动跳转到www上面了。这就是301跳转。
301跳转书面定义为永久重定向，是SEO中的一个基础名词。通常叫做301跳转,也叫301重定向,301转向，指的是当用户点击一个网址时,通过技术手段,跳转到指定的一个网站。
它的优势是转向传递权重，可促进搜索引擎优化效果，避免原来的流量丢失。
又例如404页面错误
404，是一种HTTP状态码，指网页或文件未找到。HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”(HTTP状态码)，此信息代表客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应且不知原因。
像我们有的时候输入了错误的链接或者是访问了不存在的网页时，会出现一个这样的页面
要是设置了404，就算客户输入了错误的链接，也能自动跳转回我们设定好的主页。而不是像上图一样，卡在错误页面上。
设置404页面的好处，引导用户不关闭网站，增强用户体验；防止网站出现死链接。
……
建一个网站不难，但是建一个好的网站却是不简单。小伙伴们，都学会了么？
欢迎来跟我们一起交流，让我们互相学习。
我们是佛山华企立方，一家经营了13年的技术型公司。
公司技术团队有40余人，目前服务的佛山企业近1400家，政府扶持上市的顺德龙腾企业近50家。公司专业定制高端网站（营销型网站、品牌网站、外贸网站）、百度SEO优化推广、阿里巴巴诚信通店铺装修代运营、腾讯企业邮箱、400电话、视频制作、画册LOGO设计等企业应用服务。
自公司成立以来，一直秉着：致力于帮助传统企业网络营销落地的初心理念。从企业形象设计到网络营销推广落地，一站式帮助企业通过互联网获取订单，提升企业品牌知名度。