制作由湖南信息学院组成的网页，湖南字体为红色，信息为蓝色字体，学院为绿色字体

制作一个包含湖南信息学院名称的网页，要将这三个部分分别设计成特定的颜色，你可以按照以下步骤操作：

1. **HTML结构**:
首先，创建一个基本的HTML结构，放置标题和学院名：

   <div id="header">
     <h1 style="color: red;">湖南</h1>
     <span class="info">信息学院</span>
   </div>

2. **CSS样式**:
在外部CSS文件或`<style>`标签内，定义颜色规则：

   #header {
     display: flex;
     align-items: center; /* 确保文字垂直居中 */
   }

   h1 {
     font-size: large; /* 根据需要调整字体大小 */
   }

   .info {
     color: blue;
     margin-left: 5px; /* 添加一点间距 */
   }
   
   /* 如果有“学院”单独的元素，添加如下样式 */
   .college {
     color: green;
   }

如果“学院”这个词也需要特别突出，可以额外设置一个`.college`类。

3. **应用样式**:
将上述HTML代码嵌入到网页的实际内容中，并确保将`.info`和`.college`类应用到相应的内容上，例如：

   <div id="header">
     <h1>湖南<span class="info college">信息学院</span></h1>
   </div>

请注意，这只是一个基础示例，实际网页可能还需要考虑响应式布局、字体选择等因素。如果你是在前端框架如Bootstrap、Vue.js或React等环境下工作，风格和组织方式可能会有所不同。如果想在JavaScript中动态改变颜色，可以利用DOM操作或库来完成。