Dreamweaver第1课.pptx

;;;1.1 网页制作基础知识;网页又称为Web页，是通过浏览器展现在浏览者眼前的一种网络信息，浏览网页时，在浏览器中看到的一个个页面就是网页，其中包括各种各样的网页元素，如文本、图像、表单、动画和超级链接等。;由一个或多个网页组合起来，就成了一个完善的整体，称为网站，如新浪、百度等。按网站内容的不同，可将网站分为门户网站、个人网站、专业网站和职能网站等几种类型。 ;1.1.3 网页的类型;网页按其在网站中的位置可分为主页和内页。主页一般指进入网站时看到的第一个页面，也称为首页，有时也称为形象页；内页是指与主页相链接的其他页面，也称为网站的内部页面。;按网页的表现形式分类，可将网页分为静态网页和动态网页两类。静态网页是指用HTML语言编写的网页，其制作方法简单易学，但缺乏灵活性。动态网页是指用ASP、PHP及JSP等语言编写的网页，该类网页先在Web服务器端执行，然后再将执行结果返回给客户端的浏览器进行显示。其最大的特点是可以动态生成网页内容，如根据客户端提交的不同信息而动态地生成不同的网页内容。;在网页制作过程中常常会遇到一些专业名词，如URL、文件传输协议、IP地址、域名、发布、浏览器、超级链接、导航条、表单和超文本标记语言等。;1.1.5 网页页面的基本组成元素;1.2 网站的一般开发流程;1.2.1 收集资料和素材;在创建站点之前需要对站点进行规划，站点的形式有并列、层次和网状等，需根据实际情况选择。 在规划站点时应按站点所包含的内容进行频道的划分，如要制作一个综合性网站，其包含的内容非常多，如军事、文学、社会、时政、体育、情感等等，在各主频道下面又有很多的小栏目，各小栏目下面又包括许多的网页，设计网站时需要考虑到各个网页的内容及版式等。 ;完成站点规划后，便可具体到每一个页面的制作，在制作网页时，首先要做的就是设计版面布局，就象传统的报刊杂志制作一样，可将网页看作一张报纸进行排版布局。版面指的是在浏览器中看到的完整的页面大小。因为不同的显示器分辨率不同，所以同一个页面的大小可能出现800×600像素、1024×768像素等不同尺寸。 布局网页就是以最适合浏览的方式将网页元素排放在页面的不同位置。 版面布局完成后，就可以着手制作每一个页面了，通常可从首页做起，制作过程中可以先使用表格或AP Div对页面进行整体布局，然后将需要添加的内容分别添加到相应的单元格中，随时预览效果并进行调整，直到整个页面完成并达到理想的效果，然后使用相同的方法完成整个网站中其他页面的制作。 ;在制作好网页后，不能马上就发布站点，还需对站点进行测试。站点测试可根据浏览器种类、客户端以及网站大小等要求进行测试，通常是将站点移到一个模拟调试服务器上对其进行测试或编辑。;发布站点之前需在Internet上申请一个主页空间，以指定网站或主页在Internet上的位置，然后将网站的所有文件上传到服务器空间中。上传网站通常使用FTP（远程文件传输）软件将其上传到申请的网址目录下，使用FTP软件上传文件速度较快，也可使用Dreamweaver中的发布站点命令进行上传。;站点上传到服务器后，并不是就一劳永逸了，网站维护人员需要在每隔一段时间对站点中的某些页面进行更新，保持网站内容的新鲜感以吸引更多的浏览者，还应定期打开浏览器检查页面元素显示是否正常、各种超级链接是否正常等，防止网站出现浏览故障或链接问题等影响访客的浏览。 ;1.3 网页制作的原则和技巧;网页制作并不是简单的内容堆积，为了使网页达到一定的效果，在制作过程中需遵守一些基本的原则。 整体规划：合理安排站点中的各项内容，制作网页之前需对整个站点进行有条理的规划。 站名要有创意：名称对于网站来说非常重要。有创意的站名能给浏览者留下较深的印象，利于网站的宣传和推广。给站点取名时应基于简洁、好记以及与站点内容相适应的基础上，并且最好还能给人有耳目一新的感觉。 鲜明的主题：网页中标题内容不能太长太复杂，需简单明了。主题内容需要醒目抢眼，具有较强的针对性。 导航要明朗：主页导航条上的链接项目不宜太多，最好只限于几个主要页面，通常用6~8个导航链接较为合适，大型网站可适当增加导航链接数。 定期更新：定期更新页面内容或更改主页的样式，才能让浏览者对网站保持一种新鲜感，保持较高的浏览率。 ;1.3.2 网页基本元素的标准及使用技巧;Logo是网站的标志，通过形象的logo可以让浏览者记住网站的主体和品牌。;Banner是指网站中的横幅广告，它的尺寸标准有许多，如468×60像素（全尺寸Banner）、392×60像素（全尺寸导航条Banner）、234×60像素（半尺寸Banner）、125×125像素（方形按钮）、120×90像素（按钮类型1）、120×60像素（按钮类型2）、88×31像素（小按钮类