网页设计与制作——Photoshop版面构图+Dreamweaver网站实现-模块3.pptVIP

模块三 设计网页版面 项目一 网页版面设计 项目二 Photoshop CS2制作网页版面 项目三 网页元素的实现 * 任务1 Photoshop CS2设计网页版面基础 步骤1：了解网页版面设计的要素 图像、版式、主色调 步骤2：认识我们要制作的网页版式 网页上包括以下部分内容： 1、Logo（标志） 2、Banner（横幅） 3、导航栏 4、网页内容 5、版权声明 1、简单网页版式结构 项目一 网页版面设计 2、复杂的网页版式结构 项目一 网页版面设计 3、导航栏设计 直接放入文字作为栏目，以键盘上的“|”分隔 使用弹出式菜单 使用尺寸较大的图片做菜单 设计Flash导航菜单 步骤3：掌握使用Photoshop CS2设计网页版面的方法 1、根据网站主题设计网页版式结构 2、根据设计好的网页版式结构进行布局 项目一 网页版面设计 3、使用Photoshop CS2制作网页版面图 平衡性 对称性 对比性 疏密度 比例性 项目一 网页版面设计 任务2 Photoshop CS2设计网页版面实例分析 1、网页尺寸的设置 2、网页边距的设置 3、网页内容的安排 4、文字与图片的放置 5、放置图片 6、小元素产生大的冲击力 7、放置多张图片 8、其它细节 9、文字的设置 10、图片与文字位置 11、三级链