我在文学院写网页的那些日子

我们学校上个学期开一门网页设计的课。

我当时的反应是这样的：哦，网页设计啊。等等，什么(ﾟoﾟ;网页设计！竟然让一群文学院的人去敲代码！教务处疯了吗？！！！

课是差不多每周两节课的样子，老师是一个讲着川普和Chinglish的中年妇女。我是真的很难听懂她到底在说什么，那口音真的一言难尽......

但其实我们学习的那个软件Dreamweaver的原理跟PPT差不多，代码也都很基础，有的时候只要随便点几下鼠标就可以了，以至于我学计算机的表哥对我的诉苦不屑一顾，并回复了我一条【自动回复：您好，我现在有事不在，请稍后再和我联系】。

前有神仙老师，后有绝情表哥。于是我踏上了自学的“不归路”。

我第一个想到的就是……en……某乎。

但我搜索关键词点击之后才发现，大多数的回答是这样的

我在文学院写网页的那些日子

然后我又打开了虎课，这回算是找对了，但当我开心地点开课程之后发现emm……为什么全是英文呢？画风似乎有点不对耶。

我在文学院写网页的那些日子

最后，我还是极不情愿的翻开了那本厚厚的《网页设计实用教程》。我用一个周末的时间把书大致翻了一遍，边看书，边做案例，遇到问题就挨个百度。总算是把基本操作都搞懂了。

但这肯定远远不够，会敲代码根本算不了什么，要敲得好看才是真本事。

于是，我又打开了某乎搜索的关键词是网页设计模板（不要问我为什么对某乎这么执着）。

这一次，某乎还是比较靠谱的，搜到了很多写模板推荐的帖子，我整理了几个自己比较喜欢的，然后一一前去学习。

答主推荐的网页风格大都是是很高级的简约风，图片则是小清新的风格。“交互”做得很精细，你的鼠标每移动到一个地方都会用一些小小的设计，让你觉得很舒服。而且设计师也没有把所有的内容一下子都推到你面前，而是当你点击你感兴趣的内容时就会出现相应的隐藏页面。

这些对我都很有启发，浏览过后我已经基本确定了网站设计的总体思路：风格简单但内容不简单。

所以 首先，我确定了网页的主题是动漫介绍。我个人比较喜欢动漫，刚开始做网页从自己喜欢的东西开始会比较好做内容。

然后，应该是要设计标题和LOGO，但对于我这种设计新手来说，我没法一开始就把所有的设计细节都想到，所以我就从小处着手，先做了子页面。

我根据不同国家动漫的特点设置了不同主调颜色的子页面。颜色的搭配也要很讲究，除了黑白灰这三种比较好搭配的颜色，在选用其他颜色的时候最好选择偏暗一点的色调，这样在切换的时候才不会让人感觉很跳跃，除此之外，页面主色调与图片的的颜色也要搭配（比如，我做的国漫的页面是暗红色的，日漫的页面是暗粉色的，那么我选的图片的主色调也是红色的）

我在文学院写网页的那些日子

然后，我们要对每个网页的内容进行大致的划分，每一部分安排什么内容，要用多大的空间，部分与部分之间是什么样的结构关系都要有一个大致的概念，然后就是具体调参数的事了。

下一步，我开始琢磨要怎么安插图片和文字。

图片呢其实只要随机组合就可以了，按照自己的喜好，可以摆成这样：

我在文学院写网页的那些日子

这样：

我在文学院写网页的那些日子

或者这样：

我在文学院写网页的那些日子

实在没有思路的话，还是要多参考一下网站案例。

那么文字又应该怎么安排呢？

最常见的应该是文字和图片的左右结构和上下结构。但是我想，我的网站是介绍动漫，应该以大幅的动漫图片为主，文字反而显得次要了，那么，就可应用我们看似很高端的“显示-隐藏”属性，将文字隐藏起来，对哪个内容感兴趣只要点击相应图片就可以得到相应的文字介绍。

这样整个页面就可以又高级又丰富。

最后，我的导航栏和LOGO就直接用了最简单的边框和艺术字的组合，这样就不会显得设计头重脚轻，在最后也不会有画蛇添足的感觉。

我在文学院写网页的那些日子

于是，最后做设计答辩的时候，老师对我的设计很满意，对我的评价也很高（虽然她说的时候我还是听不太懂只想笑），而这门课我也毫无疑问地拿了高分。

我现在再回想自己写这个网页的那两个月，回想那些调参数调到崩溃，找素材找到丧是审美，在电脑前面一做就是一天的日子，突然之间就好有成就感，虽然我前面说的那些都是一笔带过，毕竟是自己克服了那么多的困难坚持下来的一件事。

有些人会学了一段时间就学不下去，然后到淘宝上去买一个成品，说实话我是很不建议这样做的。因为一般老师会让做设计答辩，如果是买的，对代码不熟悉就很容易被看出来，然后可能会挂科重修。（我们学校的这门课没有期末考试，没法补考）

虽然，对于我的专业来说可能很少会用到这门课程，但是技多不压身，多掌握一门技能总是好的，如果你对自己的设计有信心，还可以拿来变现，现在很多设计网站都是公开收设计作品的。

我在文中写的我做网页的流程不够专业，这是肯定的，因为我更多的是想告诉即将要面对挑战的大家，不要惊慌，不要着急，惊慌和着急是没有用的，再困难的事情也可以被分解成一个一个的小部分，只要耐心地一步步地去做都会有成功的可能。

还有，我现在才发现其实B站上就有很多DW的免费学习教程（啊啊啊，欲哭无泪！）

最后附上做网页时的一些注意事项：

1.养成随手保存的好习惯，快捷键：Ctrl+S；

2.最先开始学习的时候，一定要弄清楚每个部分的代码是干什么的，很多人学了半天还是把{body}和{style}的代码内容弄混

3.刚开始学习DW的时候不要急着手敲代码，可以先按照最原始的操作【插入】之类的，避免出错，等熟练了再用手敲

4.敲代码5分钟，处理素材两小时，建议大家……emmm……要有耐心

最后的最后，附上几个不错的设计网站，可以借鉴(建议用电脑，直接百度就可以搜到)：

1.Milkmagazine

2.Dwell

3.Yatzer

4.Anthropologie