网页设计教程01.ppt

网页设计教程 自我介绍　 1 2 3 4 前言　 Dreamweaver 篇 自我介绍 姓名：郭秀峰 性别：男 单位：计算机应用系网络教研室 联系方式： Email:gxfteacher@ QQ:378865014 教学楼501室 前言 1.为什么要开这门课？ 2.学好这门课能做什么？ 3.前序、后继课程是什么？ 4.课程体系。 5.讲解特点及学习方法、学习手段。 6.考核方式。 总体网民规模 中国网民规模继续呈现持续快速发展的趋势。截至2008年6月底，中国网民数量达到2.53亿人，美国网民人数在2008年6月底不会超过2.3亿人，因此中国网民规模已跃居世界第一位。比去年同期增长了9100万人，在2008年上半年，中国网民数量净增量为4300万人。互联网规模稳居世界第一位。截至2009年6月底，中国网民规模达到3.38亿，较2008年底增长13.4%，半年增长了4000万；而宽带网民规模则达到了3.2亿，占总网民数的94.3%，较2008年底上升了3.7个百分点。 中国网民人数增长情况 网站 截至2009年6月，中国的网站数，即域名注册者在中国境内的网站数（包括在境内接入和境外接入）达到306万个，较2008年末增长 6.4%。 中国网站数量增长情况 《网页设计》课程是计算机网络等专业的一门核心课程，也是其他计算机专业的普及型课程。前序为计算机网络，后继为动态网页设计等。它涵盖了HTML设计、Dreamweaver、Flash、Fireworks等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。??? 通过本课程的学习，使学生掌握HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，能设计出多窗口网页；能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。??? 考核方式 1、考核原则：考核采取百分制，60分合格；旷课次数达1/3以上者取消考试资格； 2、考核成绩由两部分组成：阶段综合实训占60%（共3次，每次成绩占20%），综合网页设计占40%,（其中综合网页设计的电子文档占20%，网页布局、美观、链接合理性及能否顺利浏览占20%）。 Dreamweaver 篇 第一讲 网页设计知识基础 第二讲 Dreamweaver基础 第三讲 简单网页制作（一） 第四讲 简单网页制作（二） 第五讲 表格 第六讲 层和时间线 第七讲 交互行为和表单 第八讲 CSS样式 第十讲 动态开发技术 第一讲 网页设计知识基础 一、网站、网页和主页 二、网站设计的工作流程 三、HTML语言 四、作业及练习 网站、网页分类: 按功能分：个人网站；电子商务网站；政府网站；企业网站；门户网站；教育网站等。 按表现形式分：普通型（以文字为主）； Flash型；封面型。 按设计技术分： 静态网页 动态网页 ASP PHP JSP 一、网站、网页和主页 1.网页：是用HTML语言编写的，通过WWW网传输，并被Web浏览器翻译成可显示出来的集合文本、图片、声音和数字电影等信息形式的页面文件。由站标、导航栏、广告栏和信息区等组成。 2.网页分类主页：是站点所有网页的链接中心，一般在访问一个网站时首先看到的网页。专题（栏）网页：是对网站内容的进一步细化和归类，是主页和内容网页的中转站。内容网页：是对网站所传达信息的具体体现，位于网站链接结构的终端。 功能网页：是一些专门用于访问者信息反馈、网站用户注册等方面的网站用户服务性质的网页。 3.网页关系图 4.网站 由各种类型的网页通过超级链接的形式组成。 二、网站设计的工作流程 1.确定网站主题 2. 规划网站栏目和网站目录结构 a.网站栏目划分要服从并体现网站主题 b.网站主要内容要打破栏目层次束缚 c.不要将所有的文件都存放在根目录下 d.按栏目内容建立子目录 e.每个主目录下都建立独立的Image目录 f.目录文件的命名规则3. 确定网页版面布局 a.“同” 字型 b. “厂”字型 c. 标题正文型 d.分栏型 4.搜集制作网页的素材5.整合网页素材6.添加网页特效7.测试和发布网站 HTML语言 HTML（Hyper Text Markup Language），超文本标记语言，是网页构成的基本元素。 语法包括：?标记：是一组字符串符号，主要用于在HTML文件中标识供浏览器显示的文件内容的显示格式描述。?属性：每一种标记都具有属性。通过属性的使用，来定义标