1、Dreamweave 课程笔记一、 课堂要求1、 笔记本、笔、课本良好学习习惯的养成(工作) ,将指定科代表每次上课进行考勤2、 座位问题便于老师辅导(作为平时成绩总计入期末考总评成绩)便于考勤管理便于机房管理3、 手机、移动存储设备上课前 10 分钟,上课结束前 10 分钟可用,中间不允许接插手机袋(提前关机或静音)二、课堂约定1、点名,检查笔记本的携带情况2、插接其他设备3、玩游戏4、不及格也及格三、期末总评成绩考核平时成绩 50%期末成绩 50%四、学了这门课,我希望能掌握些什么?看目录,找看不懂的关键词技能方面:、掌握网页的基础知识、会制作静态网页和交互式表单网页、会规划和创建站点、会
2、设计网页特效能力方面具备一定的审美能力具备收集信息的能力具备沟通交流表达能力具备一定的学习能力可拿到的证书取得职业资格证(网页制作员中级工)更重要的创意五、说在网页制作之前网页的概念网页就是一个文件,它存放在因特网中的某台计算机中 ,通过网址进行识别和存取.通常静态网页都是以*.html 后缀结尾网站的概念首页的概念WL1432班班级网站首页设计分析网站的业务背景-确定网站设计风格及色彩搭配-确定网站结构-制作网站规范一、分析网站的业务背景:1、建站意图? (提高销售额?提高品牌知名度?拓展国内/外市场?提供支持服务?寻求合资?寻求合作伙伴?)提高班级学校知名度(班级介绍 班规班级特色 学校介
3、绍 )提供支持服务(专业学习类班级通讯录(电话地址QQ微信号 陌陌)留言板推荐的书游戏推荐野炊地点介绍电影推荐音乐专辑介绍红塔区知名网吧推荐wifi 热点及密码)咨询类网站:以提供信息为主要目的,即在互联网上建立一个宣传册,不要求实现业务。可以达到的目标如宣传功能,宣传产品和服务,树立品牌。如政府和企业网站。交易类网站:即电子商务网站,可以进行在线销售。如淘宝网,当当网。互动游戏类网站:这类网站的投入是根据所承载游戏的复杂程度来决定的,有些网站已形成独立的网络世界,投入非常惊人。如传奇、联众等。有偿资讯类网站:与资讯类网站相似,但提供的资讯要求有回报,按时间或按量付费。如 101 网校。功能型
4、网站:将一个具有广泛需求的功能扩展开来,开发一套强大的支撑体系,将该功能的实现推向极值。如 google,百度综合类网站:提供两个以上典型服务,就像一个网站服务的大卖场,在首页设计时都尽可能把提供的服务都包含近来,一般看起来非常拥挤。如新浪,搜狐办公类网站:很多单位的内联网网站通过权限控制,服务于一种办公管理。如玉溪二职中的职教云系统2、目标用户群的网络使用习惯?年龄(16-30)、工作类型(本班学生 本校学生老师)、兴趣爱好(游戏野炊影音 上网社交)、生活环境二、确定网站设计风格及色彩搭配1、色系三原色:红 黄 蓝非彩色:黑 白 灰彩色:除非彩色以外的所有色彩研究表明:彩色的记忆效果是黑白的
5、 3.5 倍。我们通常的做法是:主要内容文字用非彩色,边框、背景、图片用彩色。非彩色搭配:黑白是最简单的搭配,白字黑底,或黑字白底都非常清晰。灰色是万能色,可以和任何色彩搭配,也可以帮助两种对立的色彩和谐过渡。彩色的搭配:网站主色调为蓝色红色:一种激奋的色彩。刺激效果,能使人产生冲动、愤怒、热情、活力的感觉。绿色:介于冷暖两色中间,显得和睦、宁静,有健康、安全的感觉。和金黄、淡白搭配,可以产生优雅,舒适的气氛。橙色:也是一种激奋的色彩,具有轻快、欢欣、热烈、温馨、时尚的效果黄色:具有快乐、希望、智慧和轻快的个性,它的明度最高。蓝色:是最具凉爽、清新、专业的色彩。他和白色混合,能体现柔顺、淡雅、
6、浪漫的气氛。白色:具有洁白、明快、纯真、清洁的感受黑色:具有深沉、神秘、寂静、悲哀、压抑的感受。灰色:具有中庸、平凡、温和、谦让、中立和高雅的感觉。2、排版布局网站采用拐角型布局A、“同 ”字型, 即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。B、拐角型:上面是标题及广告横幅,左侧是一窄列链接,右列是很宽的正文,下面是网站的辅助信息。C、 标题正文型:即最上面是标题或类似的一些东西,D、 POP 布局,漂亮吸引人,但速度慢,可借鉴其布局3、程序:留言板 、图片滚动 、文
7、字滚动、浮动窗口、QQ 在线背景音乐三、确定网站的结构1、网站的栏目结构A、通过主页可以到达任何一个一级栏目首页,二级栏目首页以及最终内容页面B、通过任何一个网页可以返回上一级栏目首页并逐级返回主页C、主栏目清晰并且全站统一D、通过任何一个网页可以进入任何一个一级栏目首页主页首页 班级介绍 班级推荐 专业介绍 文化学堂 班级热论 学校介绍 留言板班规 推荐书籍 计算机基础 语文鉴赏 wifi 热点 学校简介班级通讯录 推荐游戏 网络综合布线 数学解析 野炊召集 学校学生会班级特色 推荐电影 网络技术 英语交流 校历公布 学校专业先进个人 推荐音乐 网页制作 职业修养 违纪公布 学校食堂菜单课程表 网吧推荐 计算机组装 各班名人堂班级活动Dreamweave 简介是美国 Macromedia 公司开发的集网页制作和网站管理于一身的“所见即所得”的网页编辑器。它以强大的功能及易用性成为制作网站的专业人员以及广大网页制作爱好者的首选工具,利用它可以轻而易举地制作出跨越不同平台和浏览器而且充满动感的网页。一、Dreamweave 窗口