文档介绍:从零开始学做专题
原帖:http://bbs./thread-43578-1-
本来想了一大段的前言来解释写本文的目的,后来觉得太浪费大家时间,删掉了。先说说我对网编在网页设计制作这一块技能上的理解吧(如果大家有什么不同看法欢迎提出,我会尽力去完善这些教程)。网编日常工作中,跟本版有关的主要有下面几种情况:
1、利用cms发布文章
例如新闻常识、文字编辑能力、SEO、新闻图片处理等技能这里就不谈了。跟本版有关的就是图文排版。通过记事本、网络编辑工具箱或者Dreamweaver等工具进行基础的排版可以节省很多时间。不过更复杂的排版还是得熟练使用cms的在线编辑器、熟练使用html和css等。个人觉得,各类网站当中,蓝色理想、poco、个人博客的排版是做的比较好的;论坛是做的最差的。本版在这方面的文章暂时空缺。
2、制作专题
这块内容是本版的建设重心所在。对于制作专题本版对网编的分工是这样的:由于大专题有美工与技术人员配合,网编只需要组织内容。故实际上只有小专题才需要网编自己设计、制作,或者根据已有模板修改。
为此,本文《从零开始学做专题》给大家建议的学习路线是这样的:
1、什么是Html和常用的html标签
html是基础的基础。这里对大家学常用的几个html标签。以下这篇教程清新简洁,建议大家阅读学习:
http://bbs./thread-35529-1-
2、什么是css
大家应该感谢css。因为它的存在,我们再不用去理会html标签那些复杂的标签属性。从此html标签里除了class=和id=之外,非常的干净!(表单和个别特殊标签除外)
这里对大家的要求也不高,只需要了解什么是css,和css一些基本的语法。下面有两套教程供参考:
a、http://bbs./thread-20657-1- 《5日精通CSS层叠样式表》
对于这套教程,你要做的就是看完“第一日”那部分并且熟记。后面四日的内容,可以大概地浏览一遍。
b、http://bbs./thread-37323-1- 《编程之邦-CSS-视频教程》
如果你觉得文字教程太枯燥,那么建议你阅读这套视频教程。同样,认真看完第一章《课前须知》并熟记;第二章《第二章常用选择和属性》可以大概地看一遍
3、Dreamweaver的基本操作
http://bbs./thread-32121-1-
软件的基本操作还是得看看视频教程比较容易上手。文字太难描述了。
4、专题实例教程
下面隆重推荐本版原创教程,新手专题系列教程。暂时只有第一期,重点教如何利用div+css进行基本的布局和美化。即使经过了上面三个步骤的入门,本篇教程仍显得枯燥。因为这里开始遇到了很多不熟悉甚至没见过的代码。大家看的时候最好准备好纸笔,把不懂的地方记下来。
第一期目录:
新手专题教程第一期修订版(1)
新手专题教程第一期修订版(2)
新手专题教程第一期修订版(3)
新手专题教程第一期修订版(4)
新手专题教程第一期修订版(5)
附录1-基本操作
附录2-css逐行解释
新手专题教程第一期(答疑)
专题效果预览
第二期正在筹备中......
5、知识碎片积累和案例积累
经过简单的入门后,如果不是打算学精,那么就没什么必要进行系统的学习了(如果要进一步学习,最好到其他专业的论坛。本版仅限于网编实用级别的技术教学)。这个阶段,更多的是需要积累。积累零碎的知识碎片和经验,多看看别人的专题是怎么做的。比方说大家可以把这个板块的帖子都认真看看。
http://bbs./thread-28023-1-
新手专题教程第一期修订版(1)
选题和版式
教程初定分4个帖子:
选题和版式确定
构建DIV+CSS页面
布置内容
美化
先看看效果:./topic/bianews/ (打开网速可能有点慢,请大家稍等)
这是第一期教程,以本版内容为主题做一个示范专题。然后根据大家的反馈情况,对第一期教程的内容进行调整,同时开始准备第二期教程。
一、首先是热身阅读。
先对专题有一个大概的了解。这部分内容节选自论坛内不同的帖子:
http://bbs./thread-28270-1-
二、选题。
这里要做的教程就以本版内容为例咯。
专题名称:网编是怎样炼成的
专题内容:全在这个索引帖里了——http://bbs./thread-28023-1-
专题版面结构:
logo、banner、menu
入门(html、css、dw)
进阶(色彩、图文、布局)
实例教程
资源下载