设计响应式网站的步骤如下：

1. 确定设计风格和布局：在设计网站之前，需要确定网站的整体风格和布局。这包括颜色、字体、图标、排版等要素。

2. 处理移动设备：要考虑移动端的响应式设计，可以采用自适应布局或流式布局等方式。

3. 使用弹性图片和媒体：在设计响应式网站时，需要使用弹性图片和媒体，以便在不同的屏幕大小下自适应调整。

4. 插入媒体查询：为了确保网站适应不同大小的屏幕，需要使用CSS3的媒体查询。这将允许页面根据屏幕大小自适应调整布局和样式。

5. 测试：在创造完响应式网站后，需要在不同的屏幕上测试网站的表现。 如果发现问题，就需要调整设计和媒体查询。

以上是响应式网站设计的基本流程，需要仔细考虑，确保网站在不同的设备上的表现都能够达到预期的效果。