网页设计理论教学大纲

1、羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅

2、袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂

3、蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆

4、袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀

5、蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄

6、羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿

7、螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃

8、蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇

9、衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄

10、螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈

11、羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃

12、螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇

13、蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁

14、袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅

15、蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂

16、羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇

17、螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁

18、蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅

19、袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿

20、蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄

21、羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁

22、螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅

23、薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿

24、袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃

25、蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈

26、羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂

27、螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆

28、羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃

29、袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇螃袂肃艿薆螈肂莁螂蚄肁蒃薄羃肀膃莇衿膀芅薃螅腿莈莅蚁膈肇薁蚇膇芀蒄羆膆莂虿袂膅蒄蒂螈膅膄蚇

30、蚄芄芆蒀羂芃荿蚆袈节蒁葿螄芁膁蚄螀袈莃薇蚆袇蒅螂羅袆膅薅袁袅芇螁螇袄荿薃蚃羃蒂莆羁羂膁薂袇羂莄莅袃羁蒆蚀蝿羀膆蒃蚅罿芈蚈羄羈莀蒁袀羇蒃蚇螆肆膂葿蚂肆芅蚅薈肅蒇蒈羆肄膇 网页设计理论教学大纲一、课程简介 在网络技术迅速发展的今天，设计网页已成为当今社会上一种非常热门的技术。网页设计课程是我院重点专业-网络工程技术专业的一门核心课程，也是一门综合课程，它涵盖了HTML语言、DREAMWEAVER 及JavaScript脚本语言等三部分内容，全面介绍WEB站点设计的基本操作技术和使用技巧。 二、课程目标 通过本课程的学习，使学生掌握用 DREAMWEAVER进行网站的规划、设计、制作、管理、发布的相

31、关技术及网页制作的操作技能；能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。 三、课程的教学基本要求 （一）知识要求： 1了解WEB站点的工作原理； 2了解WWW、HTTP、HTML、CSS的定义，概念和作用； 3理解服务器、客户端、浏览器的概念和作用； 4理解Dreamweaver应用软件中菜单项的功能； 5理解HTML中

32、的文本、字符、段落、列表、表单、框架、多媒体标记的作用； 6理解表格、表单的作用； 7理解JavaScript中对象的定义，及含义； 8理解JavaScript中事件的概念； 9理解JavaScript中属性与方法的概念； 10了解面向对象程序设计思想； （二）能力要求： 1学会熟练运用Dreamweaver应用软件； 2. 熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法； 3学会运用HTML语言中的标记设置颜色、文本格式和列表； 4熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法； 5掌握在网页中添加CSS的方法; 6掌握在网页中嵌入图像、声

33、音、多媒体信息的方法； 7熟练掌握表格的使用方法，学会利用表格设布局网页； 8掌握框架制作网页的方法，会使用框架设计网页； 9掌握制作表单的方法，会利用表单建立交互式页面； 10.掌握JavaScript语言的语法； 11掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂 JavaScript特效网页源代码； 12学会修改JavaScript代码，实现不同的特效网页效果； 13学会使用JavaScript语言实现网页特效; （三）素质目标： 1、具有勤奋学习的态度，严谨求实、创新的工作作风； 2、具有良好的心理素质和职业道德素质； 3、具有高度责任心和良好的团队合作精神； 4、

34、具有一定的科学思维方式和判断分析问题的能力； 5、具有较强的网页设计创意思维、艺术设计素质。 四、学时分配表 “ 网页设计 ” 授课计划（理论） 节次 教学内容 学时 1 HYPERLINK /5lnjx/jxdg.htm l a1 项目一 网页设计概述 2 2 HYPERLINK /5lnjx/jxdg.htm l a2 项目二 创建第一个网站 2 3 HYPERLINK /5lnjx/jxdg.htm l a3 项目三 HTML表格与单元格标记的使用 2 4 HYPERLINK /5lnjx/jxdg.htm l a4 项目四 用HTML语言制作框架页面 2 5 HYPERLINK /5l

35、njx/jxdg.htm l a5 项目五 用HTML设计与制作表单 2 6 HYPERLINK /5lnjx/jxdg.htm l a6 项目六 CSS样式表标记 2 7 HYPERLINK /5lnjx/jxdg.htm l a7 项目七 初识Dreamweaver 8 2 8 HYPERLINK /5lnjx/jxdg.htm l a8 项目八 使用DW建立和管理站点 2 9 HYPERLINK /5lnjx/jxdg.htm l a9 项目九 用DW处理文字和图片 2 10 HYPERLINK /5lnjx/jxdg.htm l a10 项目十 用布局视图和表格布局网页 2 11 HY

36、PERLINK /5lnjx/jxdg.htm l a11 项目十一 使用DW创建超级链接 2 12 HYPERLINK /5lnjx/jxdg.htm l a12 项目十二 建立框架网页 2 13 HYPERLINK /5lnjx/jxdg.htm l a13 项目十三 模板和库文件的应用 2 14 HYPERLINK /5lnjx/jxdg.htm l a14 项目十四 DW中层及其应用 2 15 HYPERLINK /5lnjx/jxdg.htm l a15 项目十五 DW中行为及其应用 2 16 HYPERLINK /5lnjx/jxdg.htm l a16 项目十六 简单JAVASC

37、RIPT特效设计 2 17 HYPERLINK /5lnjx/jxdg.htm l a17 项目十七 JAVASCRIPT程序设计案例 2 18 HYPERLINK /5lnjx/jxdg.htm l a18 项目十八 JAVASCRIPT内置对象和函数 2 19 HYPERLINK /5lnjx/jxdg.htm l a19 项目十九 JAVASCRIPT事件处理 2 合计38项目一 网页设计概述【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 1 、网页设计的基本流程 2 、网站的规划 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作 重庆大

38、学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、对网站及网页有一定的认识，激发学生学习网页设计的兴趣 2 、掌握网页的规划栏目 3 、掌握网页版面设计和色彩搭配 【教学重点】 1 、网页设计的基本流程 2 、网页的版面设计 3 、网页的色彩搭配 【教学难点】 1 、网页的版面设计 2 、网页的色彩搭配 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、

39、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：讲解网页设计的基本流程。 （ 3 分钟左右） 第二步：讲解规划网站栏目。 （ 10 分钟左右） 第三步：讲解和演示版面设计。 （ 10 分钟左右） 第四步：讲解和演示网页的色彩搭配。 （ 7 分钟左右） 第五步：讲解和演示网页中的图像，字体和网页中的动画与广告。 （ 15 分钟左右） 第六步：学生分析网页版面局面的方法，教师实施指导。

40、 （ 10 分钟左右） 第七步：课程小结。 （ 5 分钟左右） 第八步：学生完成课程作业。 （ 30 分钟左右）TOP项目二 建立一个网站 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 1 、建站流程 2 、在网页中添加文字等元素 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作 重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、熟练掌握建站流程 2 、掌握网站的定

41、位 3 、掌握网站风格的设计 4 、熟练掌握在网页中添加各元素 【教学重点】 1 、建站流程 2 、网站的定位 3 、熟练掌握在网页中添加文字等元素 【教学难点】 1 、网站的定位 2 、网站风格的设计 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：讲解建站的流

42、程。 （ 5 分钟左右） 第二步：讲解市场调查与分析。 （ 2 分钟左右） 第三步：讲解建站内容。 （ 10 分钟左右） 第四步：讲解功能框架。 （ 7 分钟左右） 第五步：讲解界面设计。 （ 3 分钟左右） 第六步：演示站点框图。 （ 5 分钟左右） 第七步：演示网站截图。 （ 3 分钟左右） 第八步：讲解并演示在网页中添加元素。 （ 35 分钟左右） 第九步：学生完成课程作业。 （ 20 分钟左右） TOP项目三 HTML表格与单元格标记的使用 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】1 、演示并讲解用表格布局制作的网页 2 、插入表格 3 、单元格的相关操作 4

43、 、表格嵌套与叠加 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作 重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、掌握表格的插入 2 、掌握单元格的相关操作 3 、用表格布局制作一个网页 4 、表格嵌套与叠加 【教学重点】 1 、表格的插入 2 、单元格的相关操作 【教学难点】 1 、表格的插入 2 、单元格的相关操作 3 、用表格布局制作一个网页 【教学方法】 1 、项目工程互动

44、式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用表格布局制作的网页。 （ 10 分钟左右） 第二步：分步演示并讲解、制作网页。 （ 30 分钟左右） 第三步：学生分析并制作网页，教师实施指导。 （ 35 分钟左右） 第四步：课程小结。 （ 5 分钟左右） 第五步：学生完成课程作业。

45、（ 10 分钟左右）TOP项目四 使用 HTML语言制作框架页面【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 1 、演示并讲解用框架制作的网页 2 、框架的基本结构 3 、框架的各种属性 4 、框架结构之间的链接 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作 重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、掌握框架的基本结构 2 、掌握框架的各种属性 3 、掌

46、握框架结构之间的链接 【教学重点】 1 、框架的各种属性 2 、框架结构之间的链接 【教学难点】 1 、框架的各种属性 2 、框架结构之间的链接 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用框架制作的网页。 （ 10 分钟左右） 第二步：分步演示并

47、讲解、制作网页。 （ 30 分钟左右） 第三步：学生分析并制作网页，教师实施指导。 （ 35 分钟左右） 第四步：课程小结。 （ 5 分钟左右） 第五步：学生完成课程作业。 （ 10 分钟左右） TOP项目五 在 HTML中表单的设计与制作 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 1 、演示并讲解注册网页 2 、表单标志 3 、输入标志 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作 重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全

48、实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、掌握表单标志 2 、掌握输入标志 【教学重点】 1 、掌握输入标志 2 、掌握表单的应用 【教学难点】 1 、掌握表单元素的各项属性 2 、能独立制作完成常见的各种表单页面 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完

49、成课后作业，教师实施指导。 第一步：演示并讲解注册网页。 （ 10 分钟左右） 第二步：分步演示并讲解、制作表单元素。 （ 30 分钟左右） 第三步：分析并制作网页。 （ 25 分钟左右） 第四步：课程小结。 （ 5 分钟左右） 第五步：学生完成课程作业。 （ 20 分钟左右） TOP项目六 CSS样式标记 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 1 、演示并讲解 CSS 的应用 2 、 CSS 的基本概念 3 、 CSS 的特点 4 、 CSS 样式定义 5 、 CSS 常用属性与值 【教学参考书】 HTML ASP 网页制作教程 中国铁道出版社 网页设计与制作

50、重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、掌握 CSS 的基本概念 2 、掌握 CSS 样式定义 3 、掌握 CSS 常用属性与值 【教学重点】 1 、掌握 CSS 样式定义 2 、掌握 CSS 常用属性与值 【教学难点】 1 、掌握 CSS 样式定义 2 、 CSS 常用属性与值 3 、能独立完成 CSS 样式的应用 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、观察”相结合：对于实现建立和设计

51、网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用 CSS 样式制作的网页。 （ 5 分钟左右） 第二步：分步演示并讲解 CSS 样式的基本概念。 （ 5 分钟左右） 第三步：讲解并分析 CSS 常用属性与值。 （ 25 分钟左右） 第四步：结合 CSS 样式的使用制作网页 （ 30 分钟左右） 第四步：课程小结。 （ 5 分钟左右） 第五步

52、：学生完成课程作业。 （ 20 分钟左右） TOP项目七 初识 Dreamweaver 8 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 讲授 Dreamweaver8 主要特点与安装过程和界面 【教学参考书】 Dreamweaver MX 2004 精彩设计百例 主编：方春明 中国水利水电出版社 网站与网页设计 主编：张贵明 清华大学出版社 Dreamweaver 网页设计与制作 主编：陈 源 地质出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、熟悉 Dreamweaver8 主要特点 2 、学会 Dreamweaver8 的安装与卸载 3 、熟悉 Dr

53、eamweaver8 主要界面 【教学重点】 1 、 Dreamweaver8 的安装与卸载 2 、 Dreamweaver8 主要界面 【教学难点】 Dreamweaver8 主要界面 【教学方式】 “讲、学、练”相结合 【课程设计】 向学生介绍 Dreamweaver 系列软件，并展示使用 Dreamweaver 软件制作出的一些精致的页面以引起学生的兴趣，然后重点介绍现阶段流行的 Dreamweaver8 版本。再进入本课正题 Dreamweaver8 安装卸载与其主要界面。 第一步： 介绍 Dreamweaver 系列软件。 （ 5 分钟左右） 第二步： 展示使用 Dreamweave

54、r 软件制作出的一些精致的页面以引起学生的兴趣。 （ 5 分钟左右） 第三步： 介绍现阶段流行的 Dreamweaver8 版本。 （ 3 分钟左右） 第四步： Dreamweaver8 安装与卸载。 （ 10 分钟左右） 第五步： 提供 Dreamweaver8 软件，学生根据上一步演示，练习对 Dreamweaver8 安装与卸载，教师实施指导。 （ 10 分钟左右） 第六步： 讲解和演示 Dreamweaver8 的工作界面。 （ 20 分钟左右） 第七步： 学生根据上一步演示练习操作 Dreamweaver8 工作界面，教师实施指导。 （ 14 分钟左右） 第八步： 课程小结。 （ 3

55、 分钟左右） 第九步： 学生完成课程作业。 （ 20 分钟左右） TOP项目八 使用 DW建立和管理站点 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 讲授站点的建立和管理站点的方法 【教学参考书】 Dreamweaver MX 2004 中文版 精彩设计百例 中国水利水电出版社 网页设计与制作 重庆大学出版社 Dreamweaver MX 2004 中文版完全征服手册 中国青年出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1 、掌握建立新站点的方法 2 、学会设置站点参数 3 、掌握管理站点的方法 【教学重点】 1 、建立新站点 2 、管理站点 【教学难点】

56、 管理站点 【教学方式】 1 、项目工程互动式教学法 2 、“讲、学、练”相结合：对于实现建立和管理站点的相关操作细节，大量采用演示、讲解和练习等方式。使学生在建立和管理站点的实践中加深对概念的理解，熟练掌握相关的操作细节。 【课程设计】 向学生演示一个项目：成品站点，分阶段演示此站点的建立和管理，在每个阶段演示完毕后，让学生对此阶段进行练习。讲解完毕后学生完成课后作业，教师实施指导。 第一步： 展示成品站点。 （ 3 分钟左右） 第二步： 讲解和演示此站点的建立过程。 （ 10 分钟左右） 第三步： 向学生提供站点文件，学生根据上一步演示完成此站点的建立，教师实施指导。 （ 10 分钟左右）

57、 第四步： 讲解和演示设置站点参数。 （ 10 分钟左右） 第五步： 学生根据上一步演示练习对此站点的参数设置，教师实施指导。（ 7 分钟左右） 第六步： 讲解和演示管理站点的方法。 （ 15 分钟左右） 第七步： 学生练习管理站点方法，教师实施指导。 （ 10 分钟左右） 第八步： 课程小结。 （ 5 分钟左右） 第九步： 学生完成课程作业。 （ 20 分钟左右） TOP项目九 用DW处理文本和图片 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 练习文本和图片的基本操作 【教学参考书】 1. Dreamweaver 精彩设计百例 中国水利水电出版社 2. 网页设计与制作

58、 重庆大学出版社 3. Dreamweaver 完全征服手册 中国青年出版社 【教学设备】 计算机，投影机 【教学目的与要求】 1. 文本的概念和基本操作 2. 图片的常见格式 3. 图片的基本操作 【教学重点】 1. 文本的基本操作 2. 图片的基本操作 【教学难点】 图片的基本操作 【教学方法】 1 、项目工程互动式教学法 2 、“讲、学、练”相结合：对于实现建立和管理站点的相关操作细节，大量采用演示、讲解和练习等方式。使学生在建立和管理站点的实践中加深对概念的理解，熟练掌握相关的操作细节。 【教学设计】 向学生演示三个项目的效果图，分阶段分析这三个网页中文本的字体、字号、颜色、对齐方式等

59、，图片的宽度、高度、边距、对齐、边框等属性，每个阶段演示完毕后，老师做示范操作。讲解、示范操作完毕后布置课后作业。 第一步：文本概说 （ 10 分钟左右） 第二步：展示项目 1 效果图，并分析文本属性 （ 5 分钟左右） 第三步：教师示范操作、答疑 （ 15 分钟左右） 第四步：图片概说 （ 10 分钟左右） 第五步：展示项目 2 效果图，并分析图片属性 （ 6 分钟左右） 第六步：教师示范操作、答疑 （ 15 分钟左右） 第七步：展示项目 3 效果图，并分析文本属性和图片属性 （ 8 分钟左右） 第八步：教师示范操作、答疑 （ 18 分钟左右） 第九步：布置作业 （ 3 分钟左右） TOP项

60、目十 用表格和布局模式布局网页 【学 时 数】 2 （ 45 分钟 2=90 分钟） 【教学内容】 练习用布局模式和表格布局网页 【教学参考】 1. Dreamweaver 精彩设计百例 中国水利水电出版社 2. 网页设计与制作 重庆大学出版社 3. Dreamweaver 完全征服手册 中国青年出版社 【教学设备】 计算机，投影机 【教学目的】 1. 掌握用表格布局网页基本操作 2. 掌握用布局模式布局网页基本操作 3. 比较表格和布局模式的优劣 【教学重点】 1. 用表格布局网页 2. 用布局模式布局网页 【教学难点】 布局模式布局网页 【教学方法】 1 、项目工程互动式教学法 2 、“讲