dream教程mtml认识.ppt

网站开发之网页设计 主讲：小轩 QQ951776780 前言 网站概述 通过本章的学习熟练掌握网站与网页的区别，掌握网站基本构成元素，了解网站的基本布局类型。 了解网站与网页 网页的基本构成元素 网页布局 网页配色 网站创作流程 什么是网站？ 网站(Web Site)是发布在网络服务器上由一系列网页文件构成的，为访问者提供信息和服务的网页文件集合。 作用：上网用户通过网页浏览器或者其他浏览工具访问这些网页并获取某些信息和服务。 什么是网页？ 网页是网站的基本组成要素。一个大型网站（如新浪网）可能含有数以百万计的网页，而一个小的企业网站或者个人网站可能只有几个网页。 总结：一个网站通常有自己的独立域名，例如是一个网站，而/about.htm则是这个网站所属的一个网页，网站主菜单中的栏目实际上也是一个网页。网站与网页的区别就在于，网站是一个总体，而网页是个体。 网站的分类: 网站分为静态网站和动态动态两部分; 静态网站是指：将网站所要展示的内容进行合理、美观地规划并完成界面制作；（网站的外观表现，主要是网页的集合） 动态网站是指：主要是为了完成网站某项功能，将前台显示部分与后台数据库进行连接，实现网站的交互性。 多个网页通过超级链接，相互连接构成整个网站 “国”字型 拐角型 封面型 Flash型 “国”字型 也称为“同”字型，是一些大型网站所喜欢的类型, 拐角型 封面型 Flash型 与封面型结构是类似的 ，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果感染力强。 什么样的布局是最好的 这要具体情况具体分析的：比如 如果内容非常多，就要考虑用“国字型” ; 而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选； Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。 关于第一屏 所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。 那么第一屏有多“大”呢？一般来讲，1024×768分辨率下,正常显示部分为: 1004px×600px。 导航栏 要求：清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来。 确定网站的主题色也是设计者必须考虑的问题之一。 一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。 一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相 颜色的使用要跟网站的内容匹配。 配色原则 色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。 网站按内容分：房地产 影视 综合门户 相集|摄影 游戏|娱乐 卡通|漫画 企业|品牌 设计|艺术 个人主页 工作室汽 车 体育 饮食 购物 IT|通讯 生活|时尚 音乐旅游学校|教育 服饰 儿童 其他 网站开发的流程介绍 网站开发的4个步骤： 1、需求分析 网站开发的流程介绍 2、网站制作 3、测试网页 4、发布网站 第一章网站基本构成元素 本章重点： Dreamweaver 8.0基础知识 建立站点，设置页面属性 网页基本构成元素 第一节 Dreamweaver 基础知识 第二节 创建站点 设置页面属性 二、创建站点注意事项 不要用特殊字符命名：斜线（/）、减号（-）、反斜线（\）、 加号（+）、冒号（：），英文句号； 不要用数字开头； 不要用中文命名； 英文名称或汉语拼音命名，不要大写或大小写混合； 站点首页名称一般情况下要用index。 第一元素 网页文本 网页文本重点： 文字、行、段落和标题 文本列表 特殊字符 2.1 HTML语言概述 2.1.1 HTML概述 HTML是（超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。 HTML文档的结构 文本相关标签 字体、字号 标题标签h1－h6 特殊符号 行的控制 段落标签p 换行标签br 字体、字号相关标签 标题标签 h# ..