网页制作-试讲(精品)

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,网 页 制 作,网站、网页、主页,网站,*网站是由一系列相互链接的网页文件组成的有机集合。,网页,*静态网页,*动态网页,主页（,index.htm,或,index.html,）,Web,应用程序,Web,应用程序举例,1,Web,应用程序,Web,应用程序举例,2,我们开发什么？,网页布局,网页标题,网站标识（,Logo,）,页眉（导航条）,网页内容,页脚（联系方式、版权信息等）,网站开发工具,工欲善其事必先利其器,静态网页：,FrontPage,（以前）,Dreamweaver,动态网页：,Eclipse(java),NetBeans(java),Visual Studio(),等等,Dreamweaver,简介,Dreamweaver,是美国,Macromedia,公司出品的一款网页编辑工具，它集网页制作和网站管理于一身，是专门为网页设计者开发的可视化网页编辑工具。利用它设计的网页可以跨越平台和浏览器限制，使得它也成为目前最受欢迎的工具软件之一。,Dreamweaver,工作区布局,网页基本元素,文本,图片（,jpeg,png,gif,）,超级链接,*内部链接,*外部链接,音频（,mp3,midi,wav,）,视频（,real,或,media,）,动画,*,gif,动画,*,flash,动画,表单,设计网站,网站定位（题材和内容、网站域名、网站名称）,网站风格（版面布局、浏览方式、文字等）,网站形象,*标识,logo,（网站特色、内涵集中表现）,*,色彩,*字体,*标语,网站栏目,网站目录,链接结构,文档的创建和保存,启动,Dreamweaver,，选择,【,创建新项目,】-【HTML】,项，如下图所示。执行,【,文件,】-【,保存,】,命令，然后输入要保存的文件名如：,index,（扩展名,“,.html,”,可以不加，保存时系统会自动加上的），然后单击,“,保存,”,按钮。系统会自动保存到上一节创建的站点文件夹下。,预览网页,按快捷键,F12,可进行网页预览，预览前提要保存。,或按下图进行预览。,HTML,概述,什么是,HTML,？,HyperText Markup Language,HTML,是一种颇为结构化的网页内容标记语言，使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记（,start tag,）、结束标记（,end tag,），以及夹在这两个标记中的内容所组成。许多元素的开始标记中还允许加入若干个相关的属性，用以进一步对该元素的特征进行说明或限定。通常用“属性名称,=,属性值”的方式来设定元素的属性。,一个,HTML,元素的形式可表示为：,内容,一个网页实例,语言标记：,首部,主体,文挡标题,文档主体：文本、图像、声音、,HTML,命令等,请各位批评和指正,!,谢谢大家,!,