在电脑上制作网页可以通过以下步骤进行：

设计效果图

可以使用各种绘图软件，如Windows自带的画图工具、Adobe Photoshop、或者更专业的Web设计软件如Fireworks。

切图与转HTML

使用切图工具（如Fireworks或Photoshop）将设计好的效果图切分成图片文件。

使用HTML编辑器（如Dreamweaver、Visual Studio Code等）将切好的图片整合成HTML文件。

编写HTML代码

在文本编辑器中编写HTML代码，创建网页的基本结构，包括``、``、``和``等标签。

在``标签内添加各种HTML元素，如标题、段落、图片、链接等。

应用CSS样式

可以在HTML文件的``部分内嵌CSS代码，或者创建一个单独的CSS文件并通过``标签引入。

使用CSS代码设置网页的字体、颜色、布局等样式。

添加JavaScript交互功能 （可选）：

如果需要，可以编写JavaScript代码为网页添加动态效果和用户交互功能。

测试和发布网页

使用Web浏览器（如Google Chrome、Mozilla Firefox等）查看和调试网页效果。

确保网页在不同设备和浏览器上都能正常显示。

部署网页到服务器，使其可以通过互联网访问。

推荐工具和资源：

文本编辑器：

Notepad++、Sublime Text、Visual Studio Code

图像设计软件：Adobe Photoshop、Fireworks

HTML编辑器：Dreamweaver、Visual Studio Code

版本控制系统：Git（可选，用于代码版本管理）

Web服务器：Apache、Nginx

数据库管理系统：MySQL、MongoDB

在线建站平台：凡科建站、WordPress（适合快速搭建网站）

通过以上步骤和工具，你可以开始在电脑上制作自己的网页了。如果你是初学者，建议先学习一些基础的HTML、CSS和JavaScript知识，或者使用在线建站平台来简化制作过程。