网页制作：配置简单本地服务器

使用XAMPP和Dreamweaver配置本地Web服务器
最新推荐文章于 2024-09-29 17:47:53 发布
原创 最新推荐文章于 2024-09-29 17:47:53 发布 · 711 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web服务器 #web开发

本文详细介绍了如何配置XAMPP作为本地服务器，并在Dreamweaver(DW)中创建站点，以及如何验证服务器运行。首先，你需要打开XAMPP并更改根目录，然后保存设置。接着，在DW中新建站点，设置站点信息并将其设为测试环境。完成设置后，将文件放入站点文件夹，启动XAMPP。通过XAMPP的Admin界面，你可以查看网页。在同一局域网内，你可以通过IP地址访问站点。此外，还提供了查找台式机或笔记本电脑IP地址的方法。

配置简单WEB本地服务器（XAMPP与DW结合）

1.配置XAMPP

打开XAMPP更改根目录

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述记得改完之后Ctrl+s！

2.在DW中建立站点

（1）打开DW，选在站点->新建站点
注意和第一步最后一张图片的配置的路径一样（2）设置站点
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
设置之后点击保存，出现 以下页面
在这里插入图片描述将远程改为测试，并保存。
在这里插入图片描述此时，DW右下角就会出现我们刚刚设置过的站点，如下图。
在这里插入图片描述

将已有文件放进该站点的文件夹下即可。如果没有已有文件，新建也是可以的。

3.验证运行

（1）打开XAMPP点击Start
在这里插入图片描述
（2）点击Admin
在这里插入图片描述然后就会看到自己的页面啦。
在这里插入图片描述

注意！！

1.此时可以在浏览器中输入自己或别人的IP地址，只要处在同一局域网之下，就可以访问到别人的页面啦
在这里插入图片描述
2.台式机可以点击下图电脑找到自己的IP地址(笔记本可以点击WIFI的那个符号找一找)
在这里插入图片描述在这里插入图片描述找到IPv4地址就可以啦!
在这里插入图片描述

webpack 搭建本地开发服务器
阿城的博客
03-17 802
在此之前的 webpack 配置是必不可少的。但是开发体验并不好，一直需要 npm run build 手动打包。我们希望可以做到，当文件发生变化时，可以自动的完成 编译 和 展示；
Win10本地搭建HTTP服务器和FTP服务器
lu_linux的博客
04-02 9779
1.进入电脑控制面板-程序-启用或关闭windows功能2.勾选这3个功能以及展开的全部勾选。
如何用个人电脑搭建一台本地服务器，并部署云原生开发工具TitanIDE到服务器详细教程
热门推荐
weixin_53937255的博客
04-12 6万+
本文详细阐述了如何使用个人电脑搭建一台本地服务器，并成功部署项目到服务器的全过程。教程首先介绍了服务器的基本概念和作用，强调了本地服务器在项目开发、测试及学习过程中的重要性。接着，详细讲解了服务器搭建的硬件和软件要求，包括选择合适的操作系统、配置网络环境以及安装必要的服务器软件等步骤。
配置本地服务器
weixin_30598225的博客
11-21 185
一：用node配置（确保有node） 1.npm install http-server 2.cd 到指定目录 3.http-server 二：webpack配置 1.在config里的index.js中 function getIPAdress(){ var interfaces = require('os').networkInterfaces(); for(var ...
网页制作：项目15发布和维护网站ppt.pptx
10-06
【网页制作：项目15发布和维护网站】的讲解主要涉及了如何配置服务器、发布网站以及维护网站的基本步骤。在网页设计与制作过程中，发布和维护是至关重要的环节，确保网站能够正常运行并及时更新内容。 **任务一：...
网页制作：项目15发布和维护网站--.ppt
09-28
发布网站是指将本地制作完成并测试成功的网页上传到互联网，让全世界的用户都能访问。这通常涉及到FTP (File Transfer Protocol) 服务器的配置： 1. 同样在【控制面板】/【管理工具】中打开【Internet信息服务】，...
ASP动态网页制作教程：从服务器配置到Dreamweaver站点设置
在ASP动态网页制作中，首先需要进行服务器配置。这通常涉及到安装和设置Internet Information Services (IIS) 虚拟目录，以便网页可以被正确地访问和执行。在本教程中，用户在D盘创建了一个名为newgn的文件夹作为...
实现web数据库网页制作：访问Acess数据库教程
6. **本地服务器的启动和访问**：一旦服务器被搭建好，用户需要通过浏览器输入特定的URL来访问网页。本例中，访问地址为http://localhost:8080，这里的localhost指的是本机的IP地址，而8080是本机上设置的端口号。 ...
MadBot：我为私有服务器制作的简单的不和谐机器人
02-17
【MadBot：为私有服务器打造的简单不和谐机器人】 MadBot是一款专为私有服务器设计的简单不和谐（Discord）机器人。它基于JavaScript语言开发，旨在为用户提供便捷的交互体验，增强社区互动和管理功能。作为一个...
设置本地服务器
mfc11的专栏
12-19 1232
1. You should excute Apmsetup.exe file (Apache server, Php, Mysql) on the server.     After installing it, there will be created “C:/APM_Setup/htdocs” filder on C drive. 2.  Create “ChaCustom” folde
设置本地服务器（win10/win11）
qq_68696191的博客
06-12 4189
选择“物理路径”（也就是你服务器的根目录，及你的dist文件路径）；端口号统一填写8090（如果设置后次端口号发生冲突，可以自己随意换一个端口号），其它不用管，最后点击。稍等一会儿便可完成修改（如果有的电脑提示需要重新启动，重新启动即可）添加dist文件在所选的物理路径下。下所有选项全勾上，然后点击“确定”将左边栏目扩展开，右键点击“网络”打开“程序和功能”下的“”页面，打开“管理工具”待修改完成后，转到“然后打开“添加网站”
本地web服务器配置（IIS）
weixin_52275610的博客
11-25 4302
主机IP地址查看（Windows用win + R 打开 cmd，输入ipconfig，找到IPV4地址，Linux使用终端输入 ifconfig，同理）最后，本文会持续修改和更新，如果对本分栏的其他知识也感兴趣，可以移步目录导航专栏，查看本分栏的目录结构，也更方便对于知识的系统总结！的方式打开，在 IIS 界面中点击“网站”，如下图，可以查看每个网站绑定的端口号。打开控制面板，输入功能，回车，选择启用或关闭 Windows 功能，点击确定，等待配置，接着按照提示，重新启动计算机。
win10配置本地服务器
weixin_34088583的博客
01-18 3237
最近在用微信web开发者工具进行移动测试的时候，需要开启web服务，因此尝试了配置本地服务器，但是win10果然bug连连，这里记录下解决的过程，供参考。 顺便一提，在手机上配置HTTP代理手动的时候，直接输入ip地址就行，不用加 http:// 系统环境（win10家庭中文版）： 打开程序和功能，选择左边启用或关闭 Windows ...
搭建本地服务器
qq_45468195的博客
10-19 1481
搭建本地服务器： 创建空项目： 创建项目文件名如：VueProject 初始化项目: 进入项目cmd 输入npm init -y/npm init;，初始化完成后，会在当前目录下，生成一个package.json文件，用来保存我们要下载的插件和模块： 使用express搭建本地服务器: express是第三方的，模块（框架），所以需要下载（npm install express --save） –save：是将我们下载的第三方模块保存到package.json文件中 下载完成后，expr
配置远程服务器和本地服务器
one_one_的博客
12-08 559
将本地代码提交到git.oschina上边
如何搭建一个本地服务器
最新发布
asjja59685的博客
09-29 2872
搭建本地服务器的过程涉及选择硬件、操作系统、安装必要的软件、配置防火墙及域名等步骤。通过上述方法，您可以建立一个功能强大的本地服务器，为您的开发和学习提供良好的基础。
动态网页设计：理解表单与服务器环境配置
"本章的学习目标集中在网页设计与制作中的动态网页设计，特别是关于表单的运用和服务器环境的配置。学习者需要理解表单在网页中的重要性，掌握不同类型的表单域及其使用，同时学会如何配置服务器环境以及创建简单的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值