响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年静态网站怎么制作(通用6篇)

静态网站怎么制作 第1篇

       在你的域名的管理页面里添加解析记录 ,添加一条主机记录为@(表示只是单域名 )解析类型为A,IPv4地址是指向你服务器的公网地址,公网IPv4地址可以在服务器管理页面查看 其他指数为默认 。耐心等待一个小时之后你的网站便可通过HTTP协议单域名访问 ,但会在URL链接前看到不安全的标识 ,现在接着来申请SSL证书 。

静态网站怎么制作 第2篇

        这里我们使用阿里巴巴旗下的阿里云轻量应用服务器 。因为国内的服务器需要备案 比较麻烦,所以建议大家选择境外的服务器 ,本人建议选择新加坡地域的服务器,为了方便更好的管理服务器建议大家选择应用镜像宝塔面板 (俗称BT),系统镜像默认Linux系统。选择好之后使用支付宝支付服务器所需的费用(每月/24元 )

静态网站怎么制作 第3篇

理解了你的需求,我会进行相应的修改。以下是更新后的文件夹结构和代码示例:

通过这种方式,你可以创建一个符合需求的科研团队介绍网站,保持了主菜单不变,但可以根据菜单项加载不同的内容页面,并包含版权声明在页面底部。

8问:还需要再修改,主目录下的并没有采用框架结果。单击主菜单的菜单项,如科研项目,详细的科研项目内容,并没有在主目录下的

ChatGPT

明白了,你希望在主目录下的 中间部分动态显示各个菜单项对应的详细内容,而不是跳转到新页面或使用 iframe。这可以通过 JavaScript 动态加载内容并替换现有的内容来实现。下面是更新后的示例代码:

加载内容时出错,请稍后再试。

至此,只剩下一些细节与编者的想法有点出入,再与ChatGPT交流让它继续修改,意义不大了,反而将降低工作效率。人工完善后续工作更好。

静态网站怎么制作 第4篇

使用 VS Code 制作网页是一种高效的方式。以下是详细的步骤,帮助你从头开始使用 VS Code 创建一个简单的静态网页:

在 VS Code 中安装一些有用的扩展可以提升开发体验:

你可以在 VS Code 中按 Ctrl+Shift+X 打开扩展市场,然后搜索并安装这些扩展。

在你的计算机上创建一个新的文件夹,用于存放你的项目文件。例如,可以命名为 MyWebsite

打开 VS Code,然后选择 File > Open Folder...,导航到你创建的项目文件夹并打开它。

在项目文件夹中创建以下文件:

你可以在 VS Code 中右键项目文件夹,在上下文菜单中选择 New File 创建这些文件。

文件中编写你的 HTML 代码。下面是一个简单的示例:

文件中编写你的 CSS 代码。下面是一个简单的示例:

文件中编写你的 JavaScript 代码。下面是一个简单的示例:

安装 Live Server 扩展后,你可以右键 文件,并选择 Open with Live Server。这将启动一个本地服务器,并在浏览器中实时预览你的网页。

根据需要继续添加更多的 HTML、CSS 和 JavaScript 内容。你可以创建更多的 HTML 页面并相互链接,或添加更复杂的样式和交互功能。

当你完成开发后,可以选择将网站部署到一个托管平台,如 GitHub Pages、Netlify 或 Vercel。具体的部署步骤根据平台有所不同,但一般都很简便且有详细的指南。

通过这些步骤,你可以在 VS Code 中高效地创建一个静态网页。 VS Code 提供了丰富的功能和扩展,帮助你更快更好地完成网页开发。

4问:你给的示例代码完成什么功能?

静态网站怎么制作 第5篇

在 JavaScript 中,有两种类型的注释符号:

使用注释可以大大提高代码的可读性和可维护性,是良好的编程习惯之一。

6问:我需要一个科研团队介绍的网站,网页最上面相当于主菜单,包括:主页、科研项目、获奖荣誉、知识产权及联系我们,每个菜单项,不再包含子菜单项。页面中部,根据单击的菜单项显示不同内容。每次单击菜单项后,中部显示内容有变化,但上部分的主菜单显示不变。页面下部是版权申明。写一个示例代码,要求:规划好文件夹,主菜单对应的详细内容存放在对应的子文件夹下。另外需要图文并茂,示例代码中有插入图片的代码。

静态网站怎么制作 第6篇

       这里我们使用GNAME来注册域名。首先我们 完善身份信息(包括域名模板 )和安全设置后搜索自己想要的域名,选择自己想要的域名后缀 ,使用支付宝或微信支付费用(所有费用均为美元,平台将自动根据实时汇率转换为人民币,COM域名11$/首年)。注册域名后开启域名保护 ,预防域名过期等安全问题。

猜你喜欢