网页设计基础(2).doc

第1章 网页设计基础11莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅螂袁膂芇薅螇膁蒀螀螃膀薂蚃肂腿节蒆羇膈莄蚁袃膇蒆蒄蝿膆膆虿蚅芆芈蒂羄芅莀蚈袀芄薃蒁袆芃节螆螂节莅蕿肁芁蒇螄羇芀蕿薇袃芀艿螃蝿羆莁薅蚅羅蒄螁羃羄膃薄罿羄莆衿袅羃蒈蚂螁羂薀蒅肀羁芀蚀羆羀莂蒃袂聿蒄虿螈肈膄蒁蚄肈芆蚇肂肇葿薀羈肆薁螅袄肅芁薈螀肄莃螃蚆肃蒅薆羅膂膅膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆莇蚆羆莂莆螈节芈莅袁肅膄莄羃袇蒂莄蚃肃莈蒃螅袆芄蒂袇肁膀蒁薇袄肆蒀蝿聿蒅葿袁羂莁蒈羄膈芇蒈蚃羁膃蒇螆膆聿薆袈罿莈薅薈膄芄薄蚀羇膀薃袂膃膆薂羅肅蒄薂蚄袈莀薁螇肄芆薀衿袇膂虿蕿肂肈蚈蚁袅莇蚇螃肀莃蚇羅袃艿蚆蚅腿膅蚅螇羁蒃蚄袀膇荿蚃羂羀芅螂蚂膅膁荿螄羈肇莈袆膄蒆 第1章 网页设计基础当准备学习网页设计时，对Dreamweaver 一定有所耳闻，正如其名字一样， Dreamweaver 被许多爱好者称为网页制作的“梦幻工具”。通过本书结合实例的讲解方法，大家很快就会掌握和使用Dreamweaver MX 2004。通过本章的学习，应当了解网站和网页构成的基本知识，并通过网站的外观特点了解网站创意的重要性，通过从网页设计、内容设计和站点设计三个方面谈一谈Web可用性设计中的一些问题，掌握网站的设计和制作过程。网站的创意；网站的设计。1.1 网站和网页的构成网站是一个精致的交互式环境，包含该网站的内容和用户获取内容所需的导航工具。而网站中的每一个网页都是“冲浪者”与网站进行交互的通道，是网站与用户进行交互的工具或技术。1.1.1 网站的分类根据网站建立的目的，可以把网站分为以下几类：服务网站网站（或其他交互式环境）是为访问者提供所需技术信息查询服务或提供诸如网上购买车票等业务的工具网站，它的网页基本是透明的，当用户获取所需的信息时，网页的外观形象不会对用户造成影响。教育网站网站的主要目的是用于教育，网页必须能够提高访问者参与和学习的积极性。宣传、销售网站网站用于宣传、销售产品或服务，网页的主要作用是吸引顾客并促进潜在的顾客考虑并接受网站的产品或服务，同时网站还必须有助于激发顾客的消费热情，并且为顾客提供方便的订单方式无论是离线方式，还是在线方式。网页设计的工作并不是孤立的。不仅需要进行内容的开发，还要尽可能地使用相关技术把构想的内容在网站的制作过程中完美有效地表达出来，使网站的用户成为一个积极的交互式的参与者，而不仅是网线另一端被动的静态的接收者。1.1.2 网页的构成网页的设计目标是能够使网站所提供的内容更有效地展示于用户面前，而网站的这些内容就要通过网页布局这一网站的基本要素来传达。虽然由于网站的主要目的不同，其内容也有所不同，但网页布局的要素一般可以概括为：网页的名称、标题、背景、内容、网页的相关记录、时间等。网页的各构成要素在网页中担当着各自的角色，共同保证信息的有效传达，是网页发挥整体作用不可缺少的部分。网页的名称网页的名称是指发布信息的企业或单位，或其他主体的名称。比如新浪网（）的首页左上角就醒目地出现有“新浪网”的名称。网页的名称一般都以很醒目的形式出现在网站的首页上。标题标题是表达信息主题的短句。标题有主标题与子标题之分。主标题的功能在于吸引观众视线，表达所要传达的主题。子标题的功能在于补充和延展主题的意义，表达一定的具体信息。背景背景一般是以色彩灰度肌理、抽象连续图案等形式作为整个网页或网页局部区域的视觉构成底纹。背景的感观效果是建立网页风格的基础。在用图像作背景时，还要注意文字与背景的搭配，不要让文字融于图像当中，干扰阅读。内容内容包括文字、图像、图形、动画、声音文件等，内容是网页的核心部分，是网页信息的主体。一般要注意其编排的规范性和艺术性。1.2 网站设计创意在学习Dreamweaver MX 2004制作网页时，了解这样一句话也许对成为一名优秀的网页设计师很有好处：“如果你希望成为一名优秀的网页设计师，那么学习网页制作的思路远比学习网页制作的技术更重要。”这句话道出了许多优秀的网页制作者的肺腑之言。网页的外观是决定网站成败的关键因素。因此在制作网页时，不但要追求它的内容的丰富性和可读性，还要使网页的外表也具有独特的气质和魅力。本章主要介绍一些有关网页创意设计方面的知识，为读者在实际中能够制作出更好的网页提供思路准备。创意，一般是指人们的一种以有效传达为目的的具有创造性的意念和构想。一个成功的网页创意，其意义在于能提高其对人的视觉吸引力，有利于信息的有效传达，使人赏心悦目。网页的设计要求有自己独特的主题、内容、风格、布局和制作目的等。网页的创意设计其实就是对网页中各要素进行精心地编排，合理地配置，使其主次分明，疏密有致，各个部分协调配合、相辅相成，整体上给人以和谐、流畅的美感。另外，在静态网页中加入适量的动态效果，使网页显得更有生气和活力。网页中还要设置引导读者正确有效地浏览信息的功能。网页的创意设计要遵守一定的准则，随后的各小节将详细介绍这些准则。1.2.1 交互的透明性在信息世界中，人们在网上冲浪，寻找各种信息或者娱乐的精华。大多数的人会希望能简洁明了地看出网站的主题，第一印象要让人觉得这是一个精心设计的极为有用的网站,以便用户能及时地感受并采取相应的行动，用户最难忍受那些模棱两可、十分丑陋或者不能正确下载的设计。遇到这样的网站，那些非常活跃的“电脑猎手”一定会很快切入其他的网站，甚至不再回来，这样网站就会失去很大一批颇有潜力的用户。所以，一定要让网页有引人入胜的地方，让访问者觉得这是个品质超群网站，值得继续留下来。为让访问者流畅地浏览网页，方便地使用网站提供的服务，网页设计中应尽量使用容易理解的图片和符号。如，具有两个向左箭头的VCR按钮代表回绕录像带，这已成为绝大部分人的计算机词汇的一部分。又如，大部分交互媒体的用户都知道，一个弯曲的箭头返回符号在多媒体项目中意味着“回到我来的路上”。总之，不管进行导航或获取信息的工具怎样设计，无论是历史悠久的经典之作，还是崭新的创意，都必须符合常规，使人机之间的交互过程容易进行。图1.1是网站的一个网页，网页上面的区域用活泼的图标和带文字的标记来标明可以激活的区域，访问者对这些图标的功能一目了然。1.2.2 网页的视觉流程所谓视觉流程，就是人们观看物体时的视线流动顺序，先看什么，后看什么，再看什么，依次进行下去。一般来说，人们的视觉习惯是从左到右，由上而下。有研究表明，在一个平面上，上半部和左半部会让人感到轻松和自在，而下半部和右半部则会让人感到稳定和压抑。因此，在平面上，上部和中上部常被称为“最佳视域”，也就是视觉最优选的地方。页面设计中一些突出的信息，如主标题等一般都安排在这些地方。图1.1 红泥巴村网页图1.2是英超论坛网的首页，它将网址以醒目的红色放在网页的最上方，而下半部又以斜线的形式一分为二。在视觉比较集中的部分放置一些导航图标和能显示其风格的图片以及它的中文名称。整个网页看上去既清晰，又流畅。图1.2 英超论坛网的首页1.2.3 风格的统一为了使网页有一致的风格，所有体现风格的元素必须互相协调。花些时间来研制网页的页面标准，详细规定各元件的展示方式将有助于更快地生产出产品，少走弯路。美术作品包括美术图片（特定的风格、大小、行宽、颜色和按钮状态）、摄影图片（包括裁剪规格、特殊效果及颜色深度）、页面的边框、边界、视窗（采用维数、结构、颜色及设置）、声音（指定现场配音，不同部分的环境声音或音乐，音量大小，取样速率等）。图1.3是青青子衿网站的首页。文如其名，它的各网页均以绿色为基调，设计美观大方。清雅的风格贯穿始终，只是局部的内容稍做了改动。图1.3 青青子衿首页1.2.4 对比和调和对比就是两个或两个以上的要素之间在配合时产生的排斥、分离的感觉，也可以是同一种要素的不同部分间的形或色、质或量的差异。而调和是使两个或两个以上要素通过某种方式，呈现出联系上的共同性的感觉。一般来说，网页的设计，在总体上要给人以调和、自然的感觉，而在局部的版面上应强调对比，以突出各自的内容。对比还可以增强视觉力度，强化页面的吸引力。创造对比的最好方法之一是给各元素赋以不同的特点。除了常用的字体大小可以形成对比以外，其他的元素，包括颜色、插图技术、维数或者正负空间也可以用于对比。颜色对比可以采用互补色，如在灰色照片上方设定彩色照片，或者使背景颜色交替出现等。插图技术对比可以采用富于表现力的手绘插图作为背景；维数对比则可以利用二维与三维手法之间的动态变换；反正色对比能提供让眼睛休息的区域，给屏幕带来高雅的气息，同时也帮助缩短下载时间。图1.4是一张个人网站的主页用黑色作背景，与其上面白色、绿色、蓝色等颜色鲜亮的图案形成对比，使整个网页显得既漂亮、又简洁。图1.4 long vacation网页1.2.5 规律性和变化性当众多的信息要同时编排在有限的页面上时，如果不遵照一定的规律，不但会给编排工作造成混乱，带来麻烦，更主要的是还会使浏览者如入迷途，不知所向。因此，在制作网页时，提倡规律性和秩序性。保持网页具有规律性的方法有：l 给光标赋予新的功能，即当光标经过屏幕上重要区域时，它能够改变显示的形式。l 节省宝贵的屏幕空间，删除当前不需要的元素，而创建单一的屏幕导航工具。必要时，这种工具可以像隐藏面板那样弹出并显示多个选项。l 显示访问者的轨迹。也就是除了向访问者指出他们可以去何处之外，导航设备还给访问者连续的反馈信息，告诉他们此时在何处及曾访问过何处即提供一种标志的路径。这种路径可以像网络上随处可见的标准的超文本一样简单，单击它们就会改变颜色。还可以把它们设计得更加精美些，比如可以设计一张站点地图，在上面用点划线标出访问者在此之前经过的路径。l 为特定的网络用户显示特定的信息。例如可以通过预先设定一个爱好选择区域，向用户询问一些相关的问题，了解用户的兴趣所在。然后根据这些信息，向用户展示其感兴趣的区域和主题。这样能够减少屏幕上不重要的和无关的信息量。但是，如果只有规律而没有变化，那么整个网页看起来会死气沉沉，缺乏动感和活力。在页面设计上，使段与段之间有停顿、有间歇，图与图之间渐次分布，主体与单元之间疏密相间。也就是说，各个元素之间存在一种有起有伏的却又有秩序的变化性。1.2.6 装饰与趣味性人需要美容，城市需要美容，网页也需要美化。网页的美化也就是给网页添加适当的装饰。人的装饰是给人穿漂亮的衣服，戴别致的首饰，而网页的装饰是指为网页增加各类外框线、内文铅线、跳跃的点和色块等。装饰可以起到突出页面的重点信息的作用。趣味是一种活泼的视觉语言。页面有了趣味或趣味中心，可使信息更加耐读，页面更加新奇和富有吸引力。图1.5是“悠长假期”的首页，整个页面的格调偏于安静、平和。在页面上添加上闪烁的星星，以及缓缓飘落的雪花，则可以增加页面的生趣，使人的心情更加愉快。图1.5 悠长假期首页1.3 Web可用性设计一个优秀的网站不仅要求页面制作精美，可以吸引用户，而且要求有很强的可用性。可用性指导着Web的发展，而且在现在的Internet经济中，可用性显示着更大的重要性。对于Web来说，浏览的用户是其生存的源泉，没有了用户，Web也就失去了它存在的必要性。所以网页的浏览用户决定着一切，同类网站的竞争也就可想而知了。而目前在Internet上存在有上千万的站点，不仅内容，还有速度、所提供服务的方便程度等，都会影响网络用户用鼠标行使“投票选择权”。从网页设计、内容设计和站点的总体结构设计三个方面来谈一谈网站的可用性设计。1.3.1 网页设计网页设计是Web设计中最直接可见的部分。这里我们介绍有关站点表面外观的可用性问题。如果站点没有满足用户的需要，而且其导航系统又不好的话，就不能把用户导引到他们希望去的地方，那么用户也就找不到正确的网页，因此，Web的可用性设计非常重要。屏幕空间划分通常，用户感兴趣的内容应该占据网页的显著部分。导航内容是网页不可缺少的部分，但不是最重要的，所以应该尽量地缩小它；空白区域也不一定是完全无用的，它可以指引视线，帮助用户理解信息的分组。那么导航和空白区域占网页设计的多少合适呢？凭经验而言，内容应该至少占网页设计的一半，最好接近80。而导航区即使在首页和中间导航页也最好不要超过20。出于可用性的考虑，消除广告可以提高可用性，但是，大多数的网页中，都要经营广告，因此，可以把它们与导航选项一起考虑，作为网页开销的一部分。响应时间响应时间的经验规则 响应时间指从链接开始到新的网页打开的等待时间。根据Robert B. Miller在1968年提出的关于响应时间的观点，十分之一秒（0.1秒）是用户觉得系统立即反应的极限；一秒钟（1秒）是用户不被打断的极限，在1秒钟之内新网页出现，说明用户在打开网页时没有遇到延迟；十秒钟（10秒）是用户保持注意力的极限。对于更长时间的延迟，用户会在等待时转向其他内容。通常，响应时间应该尽可能快，但也不能反应过快，否则用户跟不上它的速度，也会造成一些不便。除了速度之外，响应时间也要尽量趋于稳定。但是，网络响应时间通常是多变的，由服务器到浏览器的链接链中最弱的一环决定的：硬件的成本是站点开发中最小的一部分，但流行的站点也可能由于流量的急速上升而无法足够快地更新机器。网络技术虽然在不断发展，Internet本身也在不断更新，但它仍然具有瓶颈，尤其在洲际连接中和高峰时期，问题更加明显。同一时间连接到Internet的用户数量也会影响到响应时间（一条马路，同时走的人越多，每个人能够占有的空间就越少）。考虑到人为因素和计算机网络中的基本事实，能得出这样一个结论：设计网页时必须考虑速度。实际上，速度是最重要的设计标准。要速度快一点，网页就要小一些，图形也就应该尽量少一些。减少图形，增加流量。减少图形的使用，怎样不使网页显得枯燥呢？充分利用彩色的图表和不同的字体，就可以很好地解决这个问题。然而，在必须使用图形的时候，尽量多次使用同一个图像，而不要使用不同的图像，因为对于同一个图像文件，它已经存在于用户的本地缓存中了，其后面的显示速度会很快。链接超文本链接是在文本中的，用户在上面单击，便可沿着链接所标明的位置，到达相应的地点。这些链接地址不应该太长，因为用户浏览网页中的链接，是为了查看在网页中可以做什么。如果链接中使用了太多的单词，用户就无法在浏览时抓住它的含义。超文本链接中只应该包括最重要的信息关键术语。尽管实际的超文本链接地址的长度不应该超过2到4个单词，然而，过于简单的链接往往也需要用一定量的文本来进行区分和解释，这样用户才能基本了解每一个链接所代表的大致内容，才能确定哪一个链接中含有他们所需的信息。一般来讲，用户是在了解一个链接之后，才决定是否进入其中的。链接标题 在Internet Explorer 4.0和更新的浏览器中，都具有在用户选择链接之前弹出其简短解释的功能。这样的功能可以使用户预先知道链接通向哪里，从而提高他们浏览网页的效率。不好的链接是不太可能有人进入的，如果用户在前进之前就知道会获得什么，他们就不会在浏览的过程中浪费太多的时间。链接颜色 大多数网络浏览器使用两种不同的颜色显示链接：用户以前看过的网页链接显示为紫色或者红色，用户没有看过的网页链接通常显示为蓝色。链接的颜色，对于网络可用性是非常重要的。通常未被访问的链接是蓝色，而访问过的链接颜色是红色或者紫色。如果使用非标准链接颜色时，用户就无法清楚地了解站点的哪一部分已经访问过了，哪一部分还没有被访问。用户对于站点中结构和位置的感觉是非常弱的，这就会使用户的导航能力受到影响，一些用户也就不能回到他们曾经读过的有用部分，由此可见，使用标准的链接颜色是非常重要的。预期链接 使用相同的URL来指定给同一网页。如果两个不同的链接地址连接到同一个文件上，即使用户进入了第一个链接，第二个链接还是会显示成未访问的链接颜色用户就会迷惑，因为链接颜色清楚地说明他们还没有看到这个网页，实际上却已经看到了。虽然用户是不会去研究造成这一错误的具体原因，但网页的可用性实际降低了。出站链接 一些网络设计者希望将用户留在自己的站点中，不给用户机会逃开，因此避免设计外部站点的链接。这种方式与Web的基本特性相矛盾：用户应当自己掌握自己的命运。而且那样没有办法真正抓住用户，因为用户可以使用书签或者键入新的URL以及其他方法来摆脱束缚。入站链接 入站链接是站点增加流通量的最佳方法之一。当其他站点链接到自己的站点时，他们实际上已经认可了站点，并对站点进行免费的宣传。因此，应该感谢这些入站链接，并且尽量支持其他站点。鼓励入站链接的最佳方法很简单，就是将内容写得很棒，别人都想与之链接。另外，如果网页集中于某一个方面，使其他作者使用它们作为特定信息的参考，这也会促进人们对它的链接。对于一个作者来说，不太可能选择混合了太多类型信息的网页作为目标链接；毕竟，这样的网页会使读者无法了解为什么会被指向这里，从而破坏了设计的目的。样式表对于每一个站点，样式表应该通过一个中心设计组进行设计。这是由于两个原因，首先，集中设计是保证一致的样式，以及获得样式表主要帮助的惟一方法。其次，大部分Web内容创建者都不能设计出好的样式表。对于样式效果的理解，传统的桌面出版业要相对容易一些，因为它是具有单一规范输出形式的。但Web由于其支持平台的多样性，所以不是所见即所得的。而且，网络样式表是层叠的，即站点的样式表与用户的样式表进行合并，来产生最终的形式。由于这些差异，使得样式表必须由专家来设计，因此，这一点变得很重要，因为这些专家懂得多种方法来设计样式表，每种方法都会导致在屏幕上显示的不同外观。在浏览器禁用样式表时，网页必须保持正常工作。例如，不过多重复使用同样的词语，尽量少用创建阴影效果的小技巧。没有样式表也能够保持清晰的形式，这是由于要支持那些使用旧浏览器的用户、视觉受损的用户，以及需要在浏览器中禁用样式特性的用户（或者是因为错误，或者是因为样式与他们的首选项的冲突太多）。在处理样式表时，还需要遵守其他几条方针：l 不要使用两种以上的字体。通常，正文可以使用一种字体，而标题使用另一种粗一些的字体。请注意，在给定类型文本的样式表规范中，使用几种可以选择的字体。用户的浏览器会选择列表中第一个可用的字体，并且将其用于整个网页，而当用户的机器中没有第一个字体时，会自动向下选择，直到选择到用户机器中存在的字体为止，这意味着用户会看到单一的字体，这样站点的排版会给人以统一的感觉。l 不要使字体大小太绝对化。相反，应该相对于用户首选项设置的基本字体大小来规定所有文本。例如，大的文本应该定义为“200%”，这意味着，如果用户将12磅用于正文的话，它会被设置为24磅。用户喜欢大的还是小的字体取决于多种因素，包括显示器的大小和分辨率、用户的视力以及用户是自己看网页，还是将它显示给其他人。如果访问的站点字体太小，读起来不舒服，就会让人不喜欢。l 利用CSS，样式表可以规定某些设置可以优于其他级别。这需要在规定中添加!important属性。尽量不要使用这个特性。因为，如果用户具有坚定的立场，使用他自己的!important等级时，你却偏偏限制了用户的喜好，这样做会降低可用性。所以，!important应该只为用户的样式表而保留，永远也不要将其用于站点的样式表。l 如果有多个样式表，要保证在所有的样式表中，同一个概念使用的是同样的样式名称。如果不同的样式名称用于同一件事或者两个样式表都使用同一个样式名称，一个样式表有样式名称，而另一个却没有，那么，使用两种或者更多的样式表的内容创建者会非常困惑。例如，一个样式名称用于文件作者的名字，那么，即使它可能为不同类型的文件定义为不同的显示，其样式表也都应该具有这个样式名称。框架框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。结论简易性应该是网页设计的目的。用户服务站点的目的很少是为了让人们欣赏其设计；相反，用户的兴趣主要集中在内容上。保证网页设计能够在广泛的平台上工作，以及它们能够为使用旧技术的人所访问，也是很重要的。建议确保自己的设计能够在如下环境中正常工作：发布了2年的浏览器，所有插件程序，以及其他发布了2年的软件版本。还要确保网页设计能够在小显示器上工作，同时还要注意速度，如果有人还在使用模拟调制解调器，其响应时间应当能让这样的用户接受。1.3.2 内容设计文本编辑编辑网页的文本内容时，不仅会直接影响表述的内容，还会影响到浏览用户的选择意 蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀肅艿莈虿螅肂莄蚈羇莇芀蚇聿膀蕿蚆蝿莆蒅蚆袁腿莁蚅羄莄芇螄肆膇薆螃螆羀蒂螂袈膅蒈螁肀羈莄螀螀芃艿螀袂肆薈蝿羅节蒄螈肇肅莀袇螇芀芆袆衿肃薅袅肁芈薁袄膃膁蒇袄袃莇莃蒀羅腿艿葿肈莅薇蒈螇膈蒃薈袀莃荿薇羂膆芅薆膄罿蚄薅袄芄薀薄羆肇蒆薃聿芃莂薂螈肅芈薂袁芁薆蚁羃肄蒂蚀