《化学多媒体软件设计》.pptVIP

《化学多媒体软件设计》 中山大学化学与化学工程学院2008.11 本周话题： 排版，排版，再排版悟已往之不谏，知来者之可追；实迷途其未远，觉今是而昨非。 本周话题： 排版，排版，再排版悟已往之不谏，知来者之可追；实迷途其未远，觉今是而昨非。 本周话题： 排版，排版，再排版悟已往之不谏，知来者之可追；实迷途其未远，觉今是而昨非。 师生互动(周三)，课程答疑 11月5日 21:10～21:50，B412-2 11月12日 21:10～21:50，B412-2 11月19日 21:10～21:50，B412-2 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 建立站点分类目录，DW新建站点? 新建html页面，改名index.htm保存 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 设置页面属性： 标题、背景图或背景色等? 插入文本、图像、表格 站点内文件避免用中文命名 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 首页设计:  banner、导航条、表格、底部版权 结构和规格 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 规划页面布局 或简或繁，上下左右、有形无形 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 新建CSS： a: link a: visited a: hover a: active? CSS和页面文本、图像、表格关联? 测试页面字号等效果 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? a: hover 编辑类型：  鼠标悬停链接文本变色、出现下划线  修饰：下划线 颜色： 红色等 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? a: hover 编辑定位：  鼠标悬停链接文本变色、出现下划线位移  类型：相对，高130-150% 定位： 左1像素 上1像素 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? a: hover 编辑类型、边框：  鼠标悬停链接文本变色、出现下划虚线  类型－修饰：均不选 类型－颜色： 红色 边框－样式： 点划线 边框－宽度： 1像素 边框－颜色： 自定义 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 属性面板设置超级链接 文本、图像、热区、滚盖图 （内部： 相对于文档） a href=“../index.htm”首页/a （外部： 网址 ） 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 链接打开方式：（属性面板中设置） 同一窗口、新窗口、弹出窗口 Target=_blank  ? 锚点与虚拟链接： # 页面内定位 htm/123.htm#a 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 如法炮制各栏目页面、内容页面? 页面间建立站内链接，互相测试 　　?Dreamweaver网页设计基础 ? 7. 8 页面与站点起步 ? 避免无标题文档、untitled-n.htm? 消除无效链接? 逻辑严密，路径正确 ?上机 　? 建立DW站点? 设置页面属性、插入表格、文本、图片? CSS效果练习 谢 谢！