精华内容
下载资源
问答
  • 在Dreamweaver中,Web站点可视为网站中所有文件的集合。我们可以在本地计算机上创建Web页,也可将Web页上传至Web服务器中,并可随时在保存文件后传输更新的文件来对站点进行更新维护。创建本地站点的流程如下:①在...

    对于一个SEO优化人员来说,虽然不要求对于网站建站有多么精通,但是还是必须要懂得一些使用建站工具的基本操作。在Dreamweaver中,Web站点可视为网站中所有文件的集合。我们可以在本地计算机上创建Web页,也可将Web页上传至Web服务器中,并可随时在保存文件后传输更新的文件来对站点进行更新维护。创建本地站点的流程如下:

    ①在本地(本机)硬盘中新建一个用于存储网站中所有文件的文件夹,文件夹最好使用英文和数字混合命名,这里我们在本机E盘中新建一文件夹并命名为website001。

    ②在Dreamweaver菜单栏中选择“站点”→“新建站点”命令,在弹出的对话框中将“站点名称”修改为自己想要的名称(website001),将“本地站点文件夹”修改为步骤①中的文件夹(E:\website001\),如图3-2所示。

    36df123832c4809d9d9d7ff6abfacf17.png图3-2站点设置

    ③“服务器”选项用于连接远端服务器,如图3-3所示,该服务器通常由Internet服务提供商(ISP)提供,用于站点的发布,在创建站点阶段不需要对其进行设置。

    002c706c926d7ed01a61d91f83d88b4a.png图3-3所示服务器

    ④“版本控制”是软件工程中的常用术语,用于对文件的更新进行监控,由于网站也是由一个个文件组成的,因此可以使用版本控制工具对文件的更改进行监控,如图3-4所示,也可以选择使用CS5集成的Subversion来进行网站版本控制。

    f5418b21d045a09e7866a21a22c768da.png图3-4版本控制

    ⑤“高级设置”中可以设置网站中图像的默认存放文件夹,如图3-5所示,这里我们在website001文件夹下新建一文件并命名为images,然后单击“默认图像文件夹”后的按钮选择该文件夹即可。对于“链接相对于”选项,如果本地计算机中并没有安装Web服务器软件(IIS、Apache、Tomcat等),则不需改动此默认设置,如果安装了该类软件并且已经在软件中对站点根目录进行了设置,则可以使用“站点根目录”作为网页中链接的路径。“WebURL”选项用于创建站点根目录相对链接,并在使用链接检查器时验证这些链接,适用于本地计算机安装了Web服务器软件且已正确设置相应目录的情形,如果需要对站点进行测试或者本地发布,则需要对该选项进行正确设置,通常情况下使用默认设置即可。

    284fff0004336750fc69327c3a54aa27.png图3-5高级设置

    ⑥“高级设置”下的子选项通常保持默认,最后单击“保存”按钮,这样一个Web站点就创建完成了。

    以上就是使用Dreamweaver创建Web站点的基本流程,后续将会在实例中做进一步讲解。

    举报/反馈

    展开全文
  • 您现在访问的是微软AZURE全球版技术文档网站,若需要访问由世纪互联运营的MICROSOFT AZURE中国区技术文档网站,请访问 https://docs.azure.cn.快速入门:使用 Azure Static Web Apps 生成第一个静态站点08/13/2020...

    您现在访问的是微软AZURE全球版技术文档网站,若需要访问由世纪互联运营的MICROSOFT AZURE中国区技术文档网站,请访问 https://docs.azure.cn.

    快速入门:使用 Azure Static Web Apps 生成第一个静态站点

    08/13/2020

    本文内容

    Azure Static Web Apps 通过从代码存储库生成应用程序发布网站。 在本快速入门中,你可以使用 Visual Studio Code 扩展将应用程序部署到 Azure Static Web Apps。

    如果没有 Azure 订阅,请创建一个免费的试用帐户。

    先决条件

    创建存储库

    本文使用 GitHub 模板存储库,使你能够轻松入门。 该模板具有一个入门应用,你可以使用 Azure Static Web Apps 部署它。

    备注

    Azure 静态 Web 应用需要至少一个 HTML 文件来创建 Web 应用。 在此步骤中创建的存储库包括单个 index.html 文件。

    选择“从模板创建存储库”。

    729924692d3f5aec912e0328ab58311e.png

    克隆存储库

    在你的 GitHub 帐户中创建存储库后,使用以下命令将项目克隆到本地计算机。

    git clone https://github.com//my-first-static-web-app.git

    确保将 替换为你的 GitHub 用户名。

    接下来,打开 Visual Studio Code 并转到“文件”>“打开文件夹”以在编辑器中打开刚刚克隆到计算机上的存储库。

    创建静态 Web 应用

    在 Visual Studio Code 中,选择活动栏中的 Azure 徽标以打开 Azure 扩展窗口。

    5c845bcf315eacc6955b47702a0583e7.png

    备注

    需要登录 Azure 和 GitHub。 如果尚未从 Visual Studio Code 登录到 Azure 和 GitHub,该扩展将在创建过程中提示你登录到这两个站点。

    在“Static Web Apps”标签下,选择“加号”。

    c9c8253d4606126c1251fd7baa2e9129.png

    命令面板将在编辑器顶部打开,并提示你命名应用程序。

    输入“my-first-static-web-app”,然后按 Enter 。

    094d56e9e8841179e21604e99ff19559.png

    选择与应用程序类型匹配的预设。

    88ed8c7c9422cda3332a4471586947a5.png

    输入“./”作为应用程序文件的位置。

    8d2de488644d6674fe5b963eef945fa6.png

    对于 Azure Functions API 的位置,选择“暂时跳过”。

    d7f1746baa9c4a342f3e76669dd7475d.png

    输入“./”作为生成输出位置。

    3a345ffb39a2468bf09fc400198a4983.png

    尽管预设了 Angular,但请选择“自定义”选项,以便为此应用程序提供相应的输出位置。

    88ed8c7c9422cda3332a4471586947a5.png

    输入“./”作为应用程序文件的位置。

    8d2de488644d6674fe5b963eef945fa6.png

    对于 Azure Functions API 的位置,选择“暂时跳过”。

    d7f1746baa9c4a342f3e76669dd7475d.png

    输入 dist/angular-basic 作为生成输出位置。

    add6f62fb391301fe4bd9fb4f8db48d6.png

    5ab6e2ee26084be8b5a2bb6304b15da3.png

    debd6d5d7152a1aa6b08626ef33e89eb.png

    选择离你最近的位置,然后按 Enter。

    a9c41c7d94146cf637c5efe5a53897ef.png

    创建应用后,将在 Visual Studio Code 中显示确认通知。

    c7c984af12a2201c596f74be5589e5e4.png

    接下来,单击 GitHub 中的“打开操作”按钮。 此页面将显示应用程序的生成状态。

    GitHub 操作完成后,即可浏览到已发布的网站。

    若要在浏览器中查看网站,请在 Static Web Apps 扩展中右键单击该项目,然后选择“浏览网站”。

    d102544d5df5e61ab572e3baea884336.png

    清理资源

    如果不打算继续使用此应用程序,可通过该扩展删除 Azure Static Web Apps 实例。

    在 Visual Studio Code 资源浏览器窗口中,返回到“Static Web Apps”部分,右键单击“my-first-static-web-app”,然后选择“删除” 。

    14d22fb9239388cd814868f2f1e61d17.png

    后续步骤

    展开全文
  • 想对静态站点生成器有更深的认识和了解,可以通过参加Web前端培训来学习,在老师的教导下,你会获得更大的进步。  下面是3个常用的静态站点生成器的比较,他们各有特点,通过比较,你能知道什么时候使用它们。 ...

      ​

      静态站点生成器是使用手工编码静态站点和完整CMS(内容管理系统)之间的折衷方案,同时保留两者的优点。本质上,你可以使用类似CMS的概念(如模板)生成基于静态HTML页面的网站。可以从数据库、标记文件、API或任何实际存储位置提取内容。想对静态站点生成器有更深的认识和了解,可以通过参加Web前端培训来学习,在老师的教导下,你会获得更大的进步。

      下面是3个常用的静态站点生成器的比较,他们各有特点,通过比较,你能知道什么时候使用它们。

      1、Next.js

            Next.js是一个用于静态导出React应用程序的免费开源框架。特点包括:

      预渲染(下一步支持服务器端渲染)

      零配置

      扩展性

      JS中的CSS

      很棒的文档

      2、Gatsby

      Gatsby是一个基于React的免费开源框架,有助于开发人员创建速度极快的网站和应用程序。在Web前端培训中,有很多课程让你学习Gatsby以及其他静态站点生成器的使用,老师面对面教学指导,及时解决疑难杂症,让你获得快速提升。

      

    Web前端培训:3个热门的静态站点生成器

      Gatsby提供了大量功能,如:

      CSS和JavaScript的现代力量

      丰富的数据插件生态系统

      渐进式web应用程序生成

      超级容易部署

      起动器,或根据不同用例定制的预包装Gatsby站点

      3、Hugo

      Hugo是专门用来提高速度的,它在毫秒之间产生网站。由于其速度快和各种内置功能,你会发现Hugo常被用于生成博客和文档。它得到了广泛的应用,并继续得到改善。Hugo的特点有:

      速度非常快,任何东西都无法与之匹敌

      有很多内置的功能,几乎不需要第三方插件

      很容易搞定

      有适当的文档

      模板语言并不难学

      静态站点生成器使静态网站更易维护和制作,如果你是做前端的,那么学会一些静态站点生成器的使用是很有必要的。想学习的同学可以考虑报名参加Web前端培训,通过理论课程和实操项目的训练,在短时间就能学到有用的知识和技能。

            本文原创 文章来源:粤嵌好学谷  http://www.haoxuegu.com/        

    展开全文
  • 我们知道,网络上的每一个Web站点都有一个惟一的身份标识,从而使客户机能够准确地访问。这一标识由三部分组成,即TCP端口号、IP地址和主机头名,要实现“一机多站”就需要在这三个方面下工夫。现在我们有一台服务器...

    我们知道,网络上的每一个Web站点都有一个惟一的身份标识,从而使客户机能够准确地访问。这一标识由三部分组成,即TCP端口号、IP地址和主机头名,要实现“一机多站”就需要在这三个方面下工夫。

    现在我们有一台服务器,在这台服务器上要建立默认站点“余志国网站设计工作室”和新增站点“中国鄱阳网”(建立更多网站原理相同),下面我们分别探讨三种不同的实现途径。

    途径一、TCP端口法

    我们知道Web站点的默认端口一般为80,如果改变这一端口,就能实现在同一服务器上新增站点的目的。

    假设服务器名为Master,安装有一块网卡,IP地址为192.168.0.1,那么安装IIS后会自动生成一个默认Web站点,我们就将其作为“余志国网站设计工作室”网站。点击“开始”→“程序”→“管理工具”→“Internet服务管理器”,出现“Internet信息服务”窗口。右键单击“默认Web站点”,选择“属性”进行设置。在“Web站点标识”中,将说明改为“余志国网站设计工作室”,IP地址选择192.168.0.1,TCP端口保持默认的80不变。将制作好的网站文件拷贝到默认目录中,“余志国网站设计工作室”的设置就算完成了。

    下面我们来增加“鄱阳网”站点。在“Internet信息服务”窗口中单击选定主机名Master,然后选择“操作”→“新建”→“Web站点”,出现“Web站点创建向导”窗口,依次点击[下一步],将站点说明定为“鄱阳网址”,IP地址选择192.168.0.1,在TCP端口栏一定要将默认的80修改为其他值,如1050,选定主目录,设置好访问权限,“鄱阳网”站点的设置也完成了。

    测试一下效果,在浏览器地址栏中输入192.168.0.1(默认的端口号80可以省略),回车,我们将访问到“余志国网站设计工作室”站点。输入192.168.0.1:1050(注意IP地址后的端口号一定不能少),则会出现“鄱阳网”站点。遗憾的是,采用这种方式设置的多站点无法与DNS结合使用。

    途径二、IP地址法

    一般情况下,一块网卡只设置了一个IP地址。如果我们为这块网卡绑定多个IP地址,每个IP地址对应一个Web站点,那么同样可以实现“一机多站”的目的。

    点击“开始”→“设置”→“控制面板”,双击“网络和拨号连接”,右键单击“本地连接”,选择“属性”调出“本地连接属性”面板,选择“Internet协议(TCP/IP)”,点击“属性”调出“Internet协议(TCP/IP)属性”面板,点击下方的“高级”调出“高级TCP/IP设置”面板。在IP地址栏下面列出了网卡已设定的IP地址和子网掩码,点击[添加]按钮,在弹出的对话框中填上新的IP地址(如192.168.0.2,注意不能与其他机器的IP地址重复),子网掩码与原有的相同(如255.255.255.0)。然后依次[确定],就完成了多个IP地址的绑定。

    按照上例中的做法设置默认站点“余志国网站设计工作室”,然后我们来增加“鄱阳网”站点。在“Internet信息服务”窗口中单击选定主机名Master,选择“操作→“新建”→“Web站点”,出现“Web站点创建向导”窗口,依次点击[下一步],将站点说明定为“鄱阳网”,IP地址选择192.168.0.2(注意不能与默认站点的IP地址相同),TCP端口保持默认的80不变,选定主目录,设置好访问权限,“鄱阳网”站点的设置完成。

    分别在浏览器地址栏中输入192.168.0.1和192.168.0.2,测试一下效果。如果您嫌通过输入IP地址访问站点不够方便的话,完全可以通过设置DNS,www.yuzhiguo.com代替192.168.0.1来访问“余志国网站设计工作室”,www.poyangchina.com 代替192.168.0.2来访问“鄱阳网”。只需将两个网址分别对应不同的IP地址即可。

    途径三、主机头法

    在不更改TCP端口和IP地址的情况下,同样可以实现“一机多站”,这里我们需要使用“主机头名”来区分不同的站点。

    所谓“主机头名”,实际上就是www.poyangchina.com 之类的友好网址,因此要使用“主机头法”实现“一机多站”,就必须先进行DNS设置。在DNS中设www.yuzhiguo.com www.poyangchina.com 两个网址,将它们都指向惟一的IP地址192.168.0.1。

    按照以上两例中的做法首先设置默认站点“余志国网站设计工作室”,由于是默认站点,因此基本无需进行特别设置。然后参考以上两例进行添加“鄱阳网”站点的操作,IP地址选择192.168.0.1,TCP端口保持默认的80不变,“此站点的主机头”一项一定要填www.poyangchina.com ,然后选定主目录,设置好访问权限,“鄱阳网”站点的设置完成。

    分别在浏览器地址栏中输www.yuzhiguo.com www.poyangchina.com 两个网址,测试效果。与上两例不同的是,用“主机头法”实现的“一机多站”必须使用友好网址才能访问。以上三种方式,您可以根据具体情况选择使用。如果服务器安装有两块以上的网卡,同样可以采用“IP地址法”为每块网卡指定不同的IP地址,从而实现“一机多站”。

    239e89a671345c2cd91ee50d442757e4.png

    发表评论

    您的IP:182.34.57.113,来自:山东省烟台市

    展开全文
  • 作为临时测试用python命令来搭建web测试是最好不过的选择了;...python开启web服务器命令python -m SimpleHTTPServer 8080端口号可以任意指定一个没有被占用的端口,但必须能通过防火墙;执行完上面命令后,...
  • 既然是从零开始,我们需要的是一台可以运行的python的计算机环境,并且假设你已经安装好了python,然后,既然是快速开发,必不可少的需要用到框架,python的web框架很多,我这里用到的是django,很适合做内容站点,...
  • 首先是数据库的搭建,这里的...(这里使用的是sqlite3)配置完毕,使用自带的命令,生成数据库文件:python manage.py syncdb(我相信你能看懂提示成功)接下来创建一个应用,之前说过一个完整的网站由多个django应用构成...
  • Web站点的创建与管理

    2021-04-15 15:37:33
    自己写一个简单的网页,此处文件命名一定要命名为 index.html, web.config 自动生成。 <!DOCTYPE html> <html> <head> <meta charset=utf-8/> <title>Test</title> </...
  • JSP技术生成动态web页面2017年12月12日 20:43|七九推 |我要评论随着web技术的发展,web内容从一些静态的页到内容丰富的动态页。对于广大web开发人员来讲动态页面的生成是一个挑战。有许多的方法来试图解决这个问题,...
  • 想对静态站点生成器有更深的认识和了解,可以通过参加千锋重庆Web前端来学习,在老师的教导下,你会获得更大的进步。 下面是3个常用的静态站点生成器的比较,他们各有特点,通过比较,你能知道什么时候使用它们。 1...
  • 如何在一台服务器上实现多个web站点的方法2007-04-30 00:00:00 作者:如何在一台服务器上实现多个web站点的方法摘要:Windows2000Server安装成功后,一般会启动一个默认的Web站点,为整个网络提供Internet服务。...
  • 不想用自签名证书,想在网上申请一个免费服务器证书,见这篇:以下内容是用自签名证书,为网站生成服务器证书。照着这一篇openssl.cnf#openssl.cnf[ ca ]default_ca = hostapd[ hostapd ]dir = .serial = $dir/0...
  • 检测工具: web.dev 有效、简单的检测方式: 输入你的站点网址 生成检测结果: 包含首屏渲染、响应时效、渲染速度...., 还可以按类别指出存在的问题、影响及修复GUIDE.
  • 我们可能都已经注意到了,访问诸如新浪这样的大型站点的新闻时,我们会发现每一篇文章都会对应一个静态的页面,以此方式在大量并发访问时减小数据库服务器的负担。刚开始做web应用程序时,对于这类需求感觉非常之难...
  • 之前用 Django 做过一个小的站点,感觉Django太过笨重,于是就准备换一个比较轻量级的 Web 框架来玩玩。Web.py 作者已经挂掉,项目好久没有更新,所以不准备用它。而 Flask 也是一个成熟的轻量级 Web 框架,在 ...
  • 文章目录生成重定向网页页面模板文件页面生成器脚本 生成重定向网页 页面模板文件 示例:template.html <HTML> <head> <META HTTP-EQUIV="Refresh" CONTENT="10; URL=http://$server$$home$$file$...
  • 静态站点生成(SSG)

    2021-01-18 18:39:32
    Gridsome Gridsome是什么 一个免费、开源、基于Vue.js技术栈的静态网站生成器 ... 什么是静态网站生成器 静态网站生成器是使用一...只需要放到支持静态资源的web Server或者CND 上运行即可 优点 省钱,不需要专业服
  • 虚拟主机就是web服务中的一个独立的网站站点,这个站点对应着一个域名(也有可能是IP或者端口),具有独立的程序和资源,可以独立的对外提供服务供用户访问。 Nginx中使用server{}表示一个虚拟主机,一个web服务...
  • 在 Python 搭建Web站点之Web服务器与Web框架 中我们弄清楚了Web 服务器、Web 应用程序、Web框架的概念。对于 Python 来说,越来越多的 Web 框架面世,在给我们更多选择机会的同时,也限制了我们对于 Web Server 的...
  • 原标题:web前端快速搭建网站框架之vueVue是web前端快速搭建网站的框架之一。它与jQuery有所不同,是以数据驱动web界面(以操作数据改变页面,而jQuery是以操作节点来改变页面),同时,vue还实现了数据的双向绑定,可...
  • 只需要放到支持静态资源的 Web Server 或 CDN 上即可运行 二、静态网站的好处 省钱 不需要专业的服务器,只要能托管静态文件的空间即可 快速 不经过后端服务器的处理,只传输内容 安全 没有后端程序的运行...
  • 在做SEO优化时,把网站地图地交到百度搜索...如下图:第一步,手动或通过网站地图生成工具自动生成sitemap的XML文件(可通过本网站的地图生成生成),本生成器将生成各搜索引擎支持的全部格式的文件;第二步,将s...
  • web ssl安全检测:https://www.ssllabs.com/ https://ssl-config.mozilla.org/#server=nginx&server-version=1.10.3&openssl-version=1.0.1e&hsts=false&config=intermediate ...
  • vs2008: msbuild website\websiteApp.csproj /t:ResolveReferences;Compile /t:_CopyWebApplication ...指定平台 /p:Platform=AnyCPU ,主要是有些项目可能是发布到64位平台,使用这个指令可以指定最终生成的目标平台
  • 作者 | Chameera Dulanga译者 | 王强策划 | 李俊辰在过去的几年中,Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后,这个框架开始将触角伸向了静态站点...
  • 前面讲了这么多理论知识,其实真要操作起来还是很简单的,下面我们就利用证书来实现一个安全的Web站点,也就是当客户端在访问网站时使用https实现数据加密传输。要实现这个功能,首先要了解一下SSL协议。“SSL安全套...
  • 利用MSF攻击web站点的漏洞获取最高权限方法一:通过web站点,使用无文件的方式攻击利用执行方法二:通过web站点,上传webshell(msfvenom后门木马),返回给msf方法三:攻击其他端口服务,拿到meterpreter 方法一:...
  • pache HTTP Server(简称 Apache)是 Apache 软件基金会的一个开放源码的网页服务器,可以在大多数计算机操作系统中运行,由于其多平台和安全性被广泛使用,是最流行的 Web 服务器端软件之一。它快速、可靠并且可...
  • 解决使用 YoastSEO 生成的 XML 站点地图报 404 Not Found 的问题 操作环境 服务器操作系统:Ubuntu Linux Web 服务器:Nginx 或 Apache Web 应用:WordPress 我使用的固定链接形态为“朴素”型,如下: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 158,948
精华内容 63,579
关键字:

为了可以快速生成web站点