Stand by...

网页制作培训入门摘要

以下这篇东西只是给自己给干事们培训的一个思路,泛泛而谈,内行请直接飘过。

1. 初级入门

1.1
基本要求是,会熟练运用word排版,因为所见即所得意味着插入图片,链接,表格什么的会变得十分简单,所以唯一需要的是要有排版常识。

可能唯一要注意的超级链接的种类,就是绝对链接和相对链接的区别。一般在本地调试时,用DW建立整个网站目录的同时,只要是在该网站新建一个页面并链接就能达到相对链接的效果。

之后要关注的,就是利用表格对版面进行布局了(暂时性,后面需要推翻这个理论)。

这个时期,最好在双屏模式,也就是半边代码、半边是所见即所得的设计模式下进行调试,
这主要是为了熟悉HTML代码,通过修改具体某个图片的大小或URL,然后观察代码的改变。

不要过分尝试手调,而是用属性面板对数值进行具体的调整,因为网页制作不同于平面设计,并不能达到100%的所见即所得,

这个时期,还可以稍微接触一下什么是CSS,不用过分深入,可以直接尝试用DW的CSS编辑功能耍一下。

1.2
有了一定的实战经验后,可以试着自己用PS或者FW画一个UI界面,然后利用里面的切图功能,

切图的追求的境界是,尽量利用最少的区块,来分出每一个可编辑的区域。

搞定导出成HTML后,只要用DW载入该网页,并将可编辑区的图片挖出来,再把该图片的url填进该单元格BG项的url,然后就能在该区域任意妄为了。

这是你应该会用CSS对一些目标元素进行效果应用吧?或许你还会四处去找一些奇特的JS特效什么的?

1.3
这时,你需要忘记上面所有的东西,oh不,是不要限死在上面的条条框框,因为你将进入进入另一种布局。

2. 中级入门

这时要求你熟练掌握每一个HTML标签,应该也不算是熟练掌握,而是可以一眼认出,

而且我们要换个编辑工具,这里推荐Notepad++,

也许你在之前以前意识到,HTML就是一坨以夹着的再简单不过的盒子,或许盒子里面还可以再套一个盒子,而你有没有想过把属性全部独立出来,让HTML仅以框架来呈现,没错,样式表就是这种东西。

框架的东西显然是越简洁越好,TABLE显然不是担当这个角色,因为他的属性太多,而且他还有TR和TD两个下属,充其量TABLE还是单纯的用了填填数值比较好。

那谁来担当排版的重任?剩下一个只有DIV了,这个叫做“层”的东西,可以在任何你想出现的地方出现,当然前提是你的CSS技术要过硬。

由于DIV的出现,盒子间的从属关系就很重要了,而且要从源代码里一目了然,这时缩进就来了,在Notepad++里,按一下Tab键就是整行向右缩进,缩进量好像是4个半角,具体应该可以调整。

你可以给每一个DIV进行命名,比如头部导航栏nav,侧边栏sidebar,或者大体布局上的header,left,right等等,当然,这只是方便设计者自己把握布局。

或许还应该提一下HTML+CSS+JS的三脚凳关系。

推荐教程HTMLDOG的翻译版本

3. 高级入门

引入后台和前端的概念。

说一下Dedecms和wordpress,相应模板函数的应用等。

嗯,大概这些了。
好吧,肯定说不完,而且我没演示素材 = =!

什么?还不赶快来“啪啪啪”!

无力吐槽,就拍下手把 ≡ω≡
现在已经有1人在拍手了,如果你淡腾可以拍很多次哦,
不过科学理论表明啪啪啪过多对身体不好哦,现在平均每人拍手3次。
匿名匿名(3)

有7人在吐槽

  1. fuck211 eason说道:

    想学懒得学的东西= =…

    回复

  2. kshift说道:

    干事们啊….XDDD…. :==:

    回复

  3. fleurer说道:

    很好的教程,曾在学校网站给新人做培训,老是不知道该怎么讲。回头给网站现在做培训的同学推荐下 :)

    回复

  4. 豆芽乖乖说道:

    圣诞节呀,祝圣诞快乐,嘻嘻

    回复

  5. key说道:

    前来学习哇~

    回复

  6. Nagato说道:

    好文章啊,学HTML和CSS之类的迷茫的童鞋的好材料啊

    回复

:hei: :ho: :T-T: :-o-: :nani: :eee: :dead: :==: :-p-: :=v=: :door: :+_+: more »