Dreamweave课程笔记.docVIP

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