在训练Web端排版时，你可以遵循以下步骤和技巧：

1. 学习字体和排版技巧

字体选择：选择合适的字体组合可以增强网站的品牌形象和可读性。常见的字体分类包括衬线字体、无衬线字体、手写字体和装饰字体。

字体大小和行间距：标题和副标题需要较大的字体，正文文本需要适中的字体大小和合适的行间距。

字距和段落间距：适当的字距和段落间距可以避免文字拥挤，使页面更加整洁。

2. 掌握网页排版工具

HTML和CSS：HTML用于结构化页面内容，CSS用于控制页面的视觉样式。

设计软件：学习使用Adobe XD、Sketch和Figma等设计软件，这些工具提供了丰富的设计功能。

排版框架：了解并使用排版框架，如CSS Grid或Flexbox，来创建和调整排版布局。

3. 创作思路和版式设计的辅助工具

打草稿：在草稿纸上勾勒网页的大致框架和交互结构的线框图。

完善视觉效果：在软件中完善设计想法，而不是等待灵感降临。

使用栅格系统：控制全局版面，使设计更加规整和简洁。

4. 排版的六个技巧

简化设计：使用标准字体，避免过度复杂的设计。

限制字体数量：一般两个字体就足够，一个也可以。

注意行高：行高应该是文本高度的30%，以确保易读性。

适当的标点符号：正确使用标点符号，对设计产生积极影响。

5. 其他设计元素

强调字体：合适的排版和字体强调可以让用户快速抓住网站重点。

单页面设计：适应鼠标滚轮操作，提供流畅的用户体验。

网页色块设计：使用色块形成对比，刺激视觉兴趣。

背景设计：可以使用纯色、渐变或图片作为背景，以增强视觉效果。

图片使用：使用简约、设计时尚、颜色对比突出的图片。

响应式设计：确保网站在不同尺寸的设备上都能良好显示。

6. 学习资源

参考在线教程、设计课程和实际案例，如通过视频教程学习栅格系统的使用。

通过以上步骤和技巧，你可以逐步提高Web端排版的技能。记得实践是最好的老师，不断尝试和优化你的设计，以适应不同用户的需求和偏好。