谭晓明小数工作室网站首页设计及栏目呈现可行性报告_谭晓明小数工作室—

·共有文章：1635篇
·文章阅读：449895人次
·总共留言：条

谭晓明小数工作室网站首页设计及栏目呈现可行性报告

发布时间：2019-12-13 17:21 点击数：【字体：小大】

网站首页浓缩着网站建设的理念、特色，是一个了解网站的重要窗口；首页栏目具有网站内容目录的性质，是站内网页的首要入口。因此，首页给人的观感印象，对网友更进一步认识网站极为重要。

“小学数学学科特征显著。”

“精品意识、服务意识突出。”

“一看就知道是了解一线教师的人做的，值得信赖。”

“内容丰富，栏目设置便于我们查找。”

“版面清新，图文并茂。”

“图标设计、色彩搭配、动静处理……样样精致，处处匠心。”

……

这是浏览“谭晓明小数工作室”网站首页后，网友们的第一感受。

大家为什么会有这样的感受？

请看看我们网站的首页设计及栏目设置——

一、首页设计及特点

1.首页架构

2.首页界面

3.首页特点

从“首页架构图”和“首页界面图”可以看出，我们网站的首页设计，较好地做到了“三个突出”“两个结合”“一个明确”。

（1）首页内容的“三个突出”

网站首页设计,最重要的是需要有吸引人的内容,能让访问者一登陆网站,就被优质与丰富实用的内容所吸引。因此，内容是网站最重要的部分，是网站的核心、灵魂，是吸引网友关注的关键。

为此，就网站建设理念、服务对象、主要资源等重要内容如何在首页上呈现，我们围绕“三个突出”（突出学科特色、突出服务宗旨、突出特色资源），进行了深入思考与精心设计。

首先是突出学科特色。首页顶格图标“谭晓明小数工作室”中的“谭”字，采用直尺、铅笔等数学工具和数字符号等变体而成，呈现出浓浓的数学韵味；首页主题图中“1＋9＝10”的加法算式和“＋、－、×、÷”的四则运算符号等数学元素，显现了网站小学数学教学的学科特征，给人以个性鲜明、特色突出的深刻印象。

其次是突出服务宗旨。首页主题图中心“精研细磨献佳品，助力益友时时新”两句话，前一句表达了团队网站建设的严谨态度和品质目标——通过“精研细磨”建设高品位的网站，开发高品质的资源；后一句明确了团队网站建设的服务宗旨——团队“时时”提供的高品质资源，帮助网友“时时”有“新”的启发与收获。

同时，在首页“最新动态”板块正中——首页最显著的位置——也特别呈现了网站的建设宗旨：

“全站动态”栏有“搭建您成长的快乐通道”。

“精品课例”栏有“精研细磨，竭力奉献”。

第三是突出特色内容。在首页上，占比篇幅最大的是网站特色资源的推介。

其中中部左侧的“数学教案”“数学课件”“教学小问题”“教学视频”四个栏目，主要呈现“课堂教学”的最新资源；

下部左侧的“我读新教材”“教学素材”“课前准备”“教师发展”四个栏目，主要提供“教师备课与学习”的最新资源。

而首页右侧则呈现了“测试题库”“家庭教育”等栏目的最新资源。

这些栏目资源，都与一线教师的日常教学紧密相关。占用首页的大部篇幅，既体现网站服务一线教师的宗旨，又利于吸引网友的目光，加深其对网站资源的了解。

（2）首页设计的“两个结合”

首页设计，包括整体架构、各部分内容的各自位置、占比大小等等，我们曾有过多种方案。在经过多次修改后，能形成现在这样主题比较鲜明、特征比较突出，且较为灵动与和谐的界面，我们觉得，应该是较好地做到了“两个结合”。

一是图文的结合。从整体上看，是“三图夹两文”，即最上面的“主题图”和最下面的“图片频道图”，中间的“团队成员图”则将首页文字分为上、下两大部分。从局部看，每一重要板块都是既呈现文字又配有图片。

如：“全站动态”“精品课例”栏，左面是文字，右面是最新3篇资源的相应图片；“数学教案”“数学课例”等8个特色栏目，每个栏目的左上角都呈现最新一篇资源的相应图片等等。

二是动静的结合。“动图”和“滚动信息”能使版面灵动，但其也会减缓打开网页的速度。没有“动”的内容，版面呆板没有灵气；但“动”的内容多了，又影响速度得不偿失。

为此，除主题图中“小鱼平行移动”重在增强主页动感之外，其它5处“动”的内容，都负有在比较小的空间里呈现更多资源信息的功能。如首页右上部的“工作动态”栏，意在呈现更多的团队活动信息；首页中部的“团队成员”栏，意在呈现每位成员的靓丽风采。

特别是“全站动态”“精彩课例”和“图片频道”“活动剪影”，两两共用一个窗口呈现“动图”，既富有动感，又节省空间，还丰富了信息，是一个值得特别点赞的设计。

（3）首页色彩的“一个明确”

首页色彩的设计，最初的目标就十分明确——清新明快。

但网站的背景、文字、图标、边框、超链接……应该采用什么样的色彩，如何进行搭配，才能最好地表达出预想的内涵，这是让我们团队头疼了很久的一个问题。

团队设计小组在经历了一个广泛学习（众多网站首页色彩搭配案例）、专项学习（美术色彩知识）、若干次讨论和几十次修改的过程之后，形成了现在首页色彩搭配的设计：主题图，波纹起伏、深浅有致的淡蓝色底色，犹如新雨后的天空，深邃广阔，清新明朗；栏目标题蓝底白字，清新柔和；栏目内容白底黑字，清晰端庄。

轻轻滚动鼠标拖动首页，美丽文静、淡雅馨香的气息扑面而来，简洁清新、和谐柔美的画面爽心悦目。

二、栏目设计及特点

栏目是构成网站最重要的部分，是网站的骨架，是承载网站内容的基础。为此，我们网站的栏目设置着重考虑了两个方面：一是帮助网友更好地了解和使用网站；二是更好地展示网站“精研细磨献佳品，助力益友时时新”的建设目标，竭诚服务网友。

1.网站栏目设置框架

2.网站栏目设置界面

首页上部一级栏目设置界面

首页中部“特色资源”栏目设置界面

“课堂教学”的二级栏目——“数学教案”的设置界面

3.网站栏目设置特点

从“网站栏目设置框架”和“网站栏目设置界面”可以看出，我们网站的栏目设置，有以下三个鲜明特点，即“层次分明”“一站服务”“查找便捷”。

（1）层次分明

从“网站栏目设置框架”可以看出，有“团队建设”“工作动态”“课堂教学”等11个一级栏目和相应的35个二级栏目，各栏目名称简洁，涵义清晰，说明网站对资源进行了比较好的分门别类；同时，考虑到网站建设的长期性，将“数学课例”“数学课件”“教学小问题”“基本测试题”等二级栏目内容作了进一步分解（如下图），方便了网友们的快速查找。

（2）一站服务

致力于为一线小学数学教师提供优质服务，是我们网站建设的宗旨。为此，我们设置了紧贴一线教师工作实际的相关栏目，如图：

一线教师日常最重要的工作是备课、上课。为此，网站特地开设了两个栏目：“课前准备”与“课堂教学”。其中“课前准备” 栏里又下设了 “课标学习”“电子教材”“我读新教材”“教学小问题”四个二级栏目；“课堂教学”栏里也下设了“教学课例（含教学设计、教学反思或评课）”“教学课件”“教学视频”等二级栏目。

一线教师备教批辅考中经常会碰到一些小问题，网站充分考虑到大家的这一现状，特地在“课前准备”栏里设有“教学小问题”，将专家们对一些小问题的解读集中呈现。同时，还单独开设了“互动交流”这个一级栏目，集中登载经名优教师精心编审的“沅澧小数园”QQ群（群号：222135040）群员们形成共识了的教学小问题（注：这个群现有全国各地小学数学骨干教师1200多人）。

一线教师常常为测试命题而苦恼，网站为此开设了“测试题库”栏，包含有“各年级基本测试题”“各年级奥数竞赛题”等。

一线教师想学习提高，网站有“教师发展”栏，包括“理论学习”“专题研究”“教师素养”“学科素养”“名师视频”等二级栏目。

一线教师要与家长交流，可以从“家庭教育”专栏了解一些理念、知识和方法。

……

总之，对于一线教师日常教学中的一些疑问，我们想通过系列化的功能栏目设置，使大家在浏览栏目资源时，很多问题都能得到一定的回应。

（3）查找便捷

让网友在最短的时间内找到想要的资源，是我们在首页和栏目设置时思考与实践的一个重要方面。为此，我们设置了多条路径，一般点击3～4次就能找到相关资源。

◆多窗口进入：根据需求资源任务，快速锁定相关栏目，可从首页上部相关“一级栏目”和“二级栏目”窗口进入。如查找数学课件，就可点击首页“课堂教学”中“数学课件”栏进入（见下图）；