不用JavaScript做：制作网页焦点图，浏览网页时只有一张图片，图片右下角上有3个小图标，第一个是圆角矩形，后面两个是圆形。当鼠标移到图片上时，左右两侧各浮现一个透明的导航。点击左右两侧导航箭头，可以实现页面的图片切换（实现：跳转到另外的页面，加载不同的图片）。

要实现这样的网页焦点图效果，通常会使用HTML、CSS和JavaScript结合来完成，因为JavaScript负责处理用户的交互事件。不过，如果你不想直接使用JavaScript，你可以通过纯静态的方式和一些CSS动画技巧来构建基础样式，然后利用服务器端脚本语言（如PHP、Python等）配合URL重定向达到动态切换。

这里是一个简化的步骤描述：

1. **HTML结构**:
- 创建一个基本的图片容器 `<div>`，包含三张图片 `<img>` 和三个小图标（可以用`<span>`标签表示），其中一个是矩形，其他两个是圆形。
- 右下角的图标可以使用CSS伪元素 `::before` 和 `::after` 来创建。

<div class="focus-img">
  <img src="image1.jpg" alt="" class="hidden">
  <img src="image2.jpg" alt="" class="active hidden">
  <img src="image3.jpg" alt="" class="hidden">
  
  <span class="icon-rectangle"></span>
  <span class="icon-circle left"></span>
  <span class="icon-circle right"></span>
</div>

2. **CSS样式**:
- 使用CSS的`:hover` 和 `transition` 属性来控制焦点效果。
- 使用媒体查询（Media Queries）给导航按钮添加透明度和显示/隐藏。

.focus-img {
  position: relative;
}

.icon-rectangle,
.icon-circle {
  /* 样式 */
}

.focus-img:hover .left-nav,
.focus-img:hover .right-nav {
  opacity: 0.5; /* 设置透明度 */
  display: block; /* 显示导航 */
}

3. **无JS切换** (服务器端处理):
- 点击左导航时，服务器将发送一个请求，比如通过GET请求更改URL中的图片ID，比如从`image1.jpg`变为`image2.jpg`。
- PHP或Python脚本接收请求，更新对应的页面模板，并返回新的页面内容。

由于实际需求涉及到前端动态交互，如果完全不使用JavaScript可能会变得复杂，尤其是用户交互方面。若想提供流畅的用户体验，建议还是使用一些轻量级的JavaScript库或者原生JavaScript编写这部分功能。