按照报告的形式写一个项目 一、项目名称 完成京东购物车网页搭建 二、项目环境 1、软件环境:Win10+HBuilder+Chrome浏览器 2、项目思路 : 根据需要实现的效果,自上而下...三、项目源码 购物车搭建的HTML代码(京东购物车5.html) <!...2、心得与体会 静态网页的编写用到了HTML和CSS,HTML利用超文本标记设置网页显示的内容,CSS利用选择器对相关内容进行像素级处理、编辑、布局。...我们只有熟练的将二者相结合,才能写出出色的静态网页。 ...通过对京东购物车静态网页的实现,将所学知识与现实相结合,令吾对学习充满兴趣,受益匪浅!
- 官方说明 Linux配置Nginx 安装Nginx sudo yum install -y nginx 安装node.js sudo yum -y install nodejs 设置应用静态页面路径
4 创建blog文件 hexo init blog 5 安装npm依赖文件(cd 到 blog目录下) npm install 6 启动hexo 本地服务器 hexo clean hexo g hexo
实验内容 本实验是基础入门教程,带您从零开始基于 Nginx 搭建一个静态网站服务。过程会涉及到 Nginx 的安装、配置和运行。...实验资源 免费腾讯云服务器 软件环境 CentOS 7.2 64 位 搭建Http静态服务器环境 任务时间:15min ~ 30min 搭建静态网站,首先需要部署环境。...url 正确访问到服务器上的静态资源。...到此,一个基于 Nginx 的静态服务器就搭建完成了,现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。 如果无显示,请刷新浏览器页面 完成实验 恭喜!...您已经成功完成了 搭建Http静态服务器环境 的实验任务。 免费腾讯云服务器
新的一年新的成就,经历了一星期的思考,新的作品终于完成啦,14张页面经历了多次的修改和揣摩,希望大家能够喜欢。
为了满足这一需求,Nginx作为一种高性能的HTTP和反向代理服务器,成为了搭建静态网站的首选方案。本文将详细介绍如何在云服务器上搭建一个基于Nginx的静态服务器环境。...通过云拼团和限时秒杀活动,可以以优惠价格购买到自己心仪的服务器。域名注册与解析在搭建静态服务器之前,您需要拥有一个域名。...二、搭建Nginx静态服务器步骤一:安装Nginx在CentOS上,可以使用yum包管理器来安装Nginx。...最后,重启Nginx以应用更改:sudo nginx -s reload结语通过以上步骤,您已经成功在云服务器上搭建了一个基于Nginx的静态服务器环境。...通过本指南,您已经掌握了如何在云服务器上搭建和维护一个静态网站的基本技能!
我们可以使用Node设定一个目录,然后让Web程序变成一个文件服务器。要实现这一点,我们只需要解析request.url中的路径,然后在本地找到对应的文件,把文件内容发送出去就可以了。...最后,我们实现一个文件服务器file_server.js: var http= require('http'), fs= require('fs'), url= require...path'); // 从命令行参数获取root目录,默认是当前目录: var root= path.join(__dirname, 'static', 'index.html'); //创建服务器...请求的后缀的相匹配的 ContentType 属性 callBack(contentType); //执行这个回调函数 并传参contentType }) } 搭建静态服务器的步骤应该是
使用服务器搭建动态网页(php+mysql) 视频观看 视频和文章一起看特别有效果(就像是牛奶得和面包一起吃) blob:https://player.bilibili.com/953c0c67-7504...-4d67-8b4d-d37deebead25 文章内容 本期演示的系统是 ubuntu 18.04 环境搭建 第一步 在bash里输入 wget -O install.sh http://download.bt.cn.../install/install-ubuntu_6.0.sh && sudo bash install.sh 输入完之后 应该是让你输入y和n 输入 y 之后就等一会 等它安装好 这样就是搭建好了...txt文档 hello 大家好 今天我们继续搭建教大家网站 上次视频是静态网站搭建 这期视频呢 是动态网站搭建 动态网站不代表有图画 静态网站也不代表没有动画 动态网站表示不更改源代码 就可以显示不同的内容...有数据库 一般用于登录系统 静态网站需要更改源代码 才能改变内容 (js也不算动态) 静态需要有 html css javascript 的基础 动态网站则需要 php mysql支持 也需要知道些html
/mail.png" alt="" width="30"> //鼠标点击出现爱心特效 这部分特效是从一个网页搬过来的 觉得挺好看的 (function (window...background: url("44.jpg");/*设置背景图片*/ background-repeat: no-repeat; background-attachment: fixed;/*设置背景图不随网页滑动而改变
效果: 群:970353786 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...
第一周:HTML写静态网页 一、HTML理论介绍及常用格式 1.HTML主体格式基本结构 主要内容 解说:整个HTML格式分为两大部分,一个是head部分,一个是body部分,其中head部分是用于书写网页样式...,而body部分用于书写网页主题 2.常用标签: 标题标记 … 段落标签 加粗 ...图片加载失败的时候,在图片原本的位置显示的提示文本 title:鼠标悬停的时候,显示的提示文本 超链接 href:链接地址 target:打开新网页的打开方式...1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。 2.添加注释。
在前一篇的基础上,现在对服务器进行环境搭建,其实就是安装你需要的软件,配置环境变量,然后安装tomcat。...环境搭建 1、git bash连接服务器(或者XShell等工具) 2、搭建mysql环境 首先查看系统版本 输入下载命令 sudo apt install mysql,tab键会出现很多版本...进入etc下找到tomcat的server.xml(有可能在conf下) 之后保存,重启web服务器(此处位tomcat): 首先关闭服务器: 开启tomcat: 如果还是没有成功,可能是.../tomcat8,把authbind改成yes重启就好了 然后输入域名,用的是http,因为 https要配置443的 http只有80和8443 之后打开浏览器 小结: 这只是初步的环境搭建...,因为我的毕设主要用java实现,关于后续需要其他工具,可以参照此方法进行安装搭建。
网页简介:经过pink老师的课程学习之后,制作了一个简单的静态页面,主要是运用html和css。...整个网页的制作主要分为五个部分:在制作过程中,首先需要确定一个网页的版心(内容的中心区域),五个部分依次调用版心,使主要内容始终与版心对齐。...: 制作过程中遇到的问题以及解决方案: 在网页的编写过程中,第一个问题是对整个页面的布局不是很清晰,在写一个网页的时候中一定要先把网页的基本结构分析清楚,将每个部分的位置及内容等有个清晰的了解,最后才是代码编写...,最后只交了一个不完整的网页。...这个网页只是基于html和css的静态页面,也只是学成网网页的一部分,其中的链接等多个功能都还未能实现,我将在以后的学习中,补齐所缺的部分。
这是仿照中国高等教育学生信息网写的一个静态网页(参考2020年3月份的) 这也是我当时辛辛苦苦写了几天的劳动成果,希望大家可以尊重。 截图如下 下面是主要的代码: 网页自适应--> 中国高等教育学生信息网(学信网) 静态资源(图片)没有展示,如果大家有想象力的话自己可以在此基础上进行深层次的打造,结合js,打造出属于你的网站。
在做《牛腩新闻发布系统》的时候,建立的网页有.html的,还有.aspx,刚开始接触,还以为这些东西是一样的呢,当看ASP.NET视频的时候,听见里面讲课的老师有提到了这两样,原来是静态网页和动态网页之分...静态网页 网页里面没有程序代码,不被服务器执行,静态网页每个静态网页都有一个固定的URL,通常以.htm、.html等常见形式为后缀,网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的...,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;当客户端发出请求时,服务器找到这个静态网页,不执行任何程序就直接把网页传到客户端的浏览器,如果网站建设网站的人不进行更新,...动态网页 网页内含有程序代码,拥有后台数据库,并且会被服务器执行,通常以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。...动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,当客户端发出请求之后,服务器会先执行程序代码
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...申请地址:https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 VuePress 网站,并使用云开发 CLI 工具管理部署 VuePress 网站。...开通静态网站托管 云开发环境创建完成后,单击左侧菜单栏中的【静态网站托管】,单击【选择已有按量计费环境】 ? 当您看到这样的界面时,就说明已经开通好了。 ?...步骤4:使用 CLI 部署 VuePress 初始化云开发 CLI 完成了云开发环境的配置后,我们需要初始化一下云开发 CLI ,从而实现借助 CLI 工具来上传页面(您也可以通过网页端直接上传,但如果您博客的文章比较多...,建议使用 CLI 工具上传更加方便) 在命令行输入如下代码: tcb login 会提醒您需要在网页中进行授权: ?
在搭建网站的时候,往往会加载很多的图片,如果都从 Tomcat 服务器来获取静态资源,这样会增加服务器的负载,使得服务器运行 速度非常慢,这时可以使用 Nginx 服务器来加载这些静态资源,这样就可以实现负载均衡...,为 Tomcat 服务器减压了。...这篇文章,我们将一起去使用 Nginx 去搭建静态资源 web 服务器。 首先我把构建的 hexo 博客文件放在 Nginx 目录下,目录结构如下: ?...此外还可以开启 gzip 压缩,服务器压缩,浏览器解压。压缩和解压减少的是中间网络传输的消耗。...使用 gzip 压缩之后,静态资源的传输效率会提升很多。
云开发(CloudBase)是一款云端一体化的产品方案 ,采用 serverless 架构,免环境搭建等运维事务 ,支持一云多端,助力快速构建小程序、Web应用、移动应用。...云开发静态网站托管支持通过云开发SDK调用服务端资源如:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站。...无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务。...编译静态页面文件 hugo -D 生成好的静态页面文件会放在项目的public目录中,目录结构如下: [image.png] 静态托管部署 创建云环境 我们进入腾讯云的云开发(cloudbase)控制台...[image.png] 在云环境管理界面的左侧的 静态网站托管 中,可以将刚刚生成好的静态页面给上传上去。
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...申请地址:https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 Hexo 网站,并使用云开发 CLI 工具管理部署 Hexo 网站。...开通静态网站托管 云开发环境创建完成后,单击左侧菜单栏中的【静态网站托管】,单击【选择已有按量计费环境】 ? 当您看到这样的界面时,就说明已经开通好了。 ?...步骤4:使用 CLI 部署 Hexo 初始化云开发 CLI 完成了云开发环境的配置后,我们需要初始化一下云开发 CLI ,从而实现借助 CLI 工具来上传页面(您也可以通过网页端直接上传,但如果您博客的文章比较多...,建议使用 CLI 工具上传更加方便) 在命令行输入如下代码: tcb login 会提醒您需要在网页中进行授权: ?
"http://news.youth.cn/sz/201812/t20181218_11817816.htm" driver.get(news_url) 2、需要明确的是,我们现在要保存的是一个完整的网页...,不是单独的html文档,还要包括JavaScript和CSS等内容,换句话说,也就是离线网页,断网之后还可以正常打开。...options.add_argument('--save-page-as-mhtml') driver = webdriver.Chrome(chrome_options=options) 3、接下来就要开始保存网页了...,通常保存一个网页我们需要进行Ctrl+A,Ctrl+S,然后Enter三步操作,这些操作我们可以通过Actionchains来做,踩坑现场发现这个selenium的键盘操作是直接发送到webdriver...webdriver.Chrome(executable_path=executable_path, chrome_options=options) driver.get(news_url) #拉动下拉滚动条,下拉800,csdn网页阅读更多按钮要在当前屏幕显示
领取专属 10元无门槛券
手把手带您无忧上云