《网页制作架构》PPT课件.ppt

网页制作,技术部叶坤,网页制作初识,构成网页的基本要素 文字、图形、超级链接传输协议与服务（1）页面浏览:即HTTP服务，也就是URL格式中的以http:/开头的，表示指向一个特定网页。（2）邮件服务：即E-mail服务，指通过互联网来收发邮件；E-mail采用SMTP和POP3协议。（3）文件传输：指本地计算机通过登录到远程计算机进行文件的传输，它使用的是FTP协议。,网页设计语言,（1）最基本的语言：HTML语言；它只能实现一些基本功能。http:/（2）ASP语言 它是HTML语言的扩展语言，它支持Java，ActiveX等插件；ASP一般用于需要复杂功能的网站，如：论坛，互动网站。（3）PHP语言 它是一个非常简洁的语言，它主要应用于个人主页。（4）XML语言 它是一种扩展语言，是HTML语言的扩充。,网页制作和美化工具网页制作工具1超文本标识语言（HTML）HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。HTML文档由文本、格式化代码和导向其他文档的超链接组成。2FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsoft公司将FrontPage封装入Office之中，成为Office家族的一员，使之功能更为强大。,3Dreamweaver Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用，即使是初学者也能制作出相当于专业水准的网页，所以Dreamweaver是网页设计者的首选工具。Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态效果；而Roundtrip HTML技术则可以真正支持HTML源编辑模式，不会产生冗余代码，使网页渲染速度加快。因此，Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。,网页美化工具 为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化 工具对网页进行美化。1Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。2Fireworks Fireworks是由Macromedia公司开发的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。作为一款为网络设计而开发的图像处理软件，Fireworks还能够自动切割图像、生成光 标动态感应的JavaScript程序等等，而且Fireworks具有强大的动画功能和一个相当完美的 网络图像生成器。可以从http:/www.站点下载该软件。,3Flash Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。,网站的类型,网站的类型第一类：网上求职第二类：网上聊天/即时信息/ICQ第三类：网站社区/讨论邮件列表第四类：计算机技术第五类：网页/网站开发第六类：娱乐网站第七类：旅行第八类：参考/资讯第九类：家庭/教育第十类：生活/时尚,网站名称的选择,一般建议按以下规则取名：1名称要正气，2名称要易记 坤一网络3名称要有特色 名称平实可以接受，但如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现网站主题的同时，要有这画龙点睛之笔。,网络空间的申请,（1）网络空间的定义 网络空间也叫“网站空间”就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器，每一个网络空间都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等功能）。一台服务器上的不同网络空间是各自独立的，并由用户自行管理。但一台服务器主机只能够支持一定数量的网络空间，当超过这个数量时，用户将会感到性能急剧下降。,（2）网络空间的类型以及它们的区别,免费空间。1.不稳定，还说不定哪天就没有了，用免费主机要记得备份！2.空间限制比较多，比如很多国外的虚拟主机不开放php mail功能。3.国内的主机可能不提供数据库，国外也有，但较少。4.有些不能绑定域名。收费空间。1.性能稳定，安全性好。2.空间没有什么限制，而且提供较多的服务。3.可以绑定多个域名。,免费空间介绍,万网互联提供的全能高速免费空间 国内老牌IDC提供商提供的全能免费空间，这个免费主机的 服务很不错 而且又稳定；网站空间100M,资源有限,每用户只能申请一个。独立FTP帐号1个支持绑定域名,没有网页广告。拥有控制面板,可进行FTP密码等多项实时更改;支持JAVAScript以及VBSript客户端脚本;支持ASP、ASP.net、PHP程序;支持Access、MSSQL、MYSQL数据库;SQL空间需另购；正版防毒系统定时更新病毒代码库在线杀毒;服务器组件支持 动易 新云 AspJpeg Jmail AspUpload说明：除了和收费空间在功能上有些限制外，和收费的也没啥区别。300M稳定全能免费空间 由国内广互网络科技有限公司提供免费300M全能免费空间，支持asp,php经测试，空间免费，比较稳定，速度良好，相对国内其它免费空间这间来说，这是个不错的选择。空间采用独立面板管理，FTP上传，没有网页广告，默认赠送二级免费域名，可绑定顶级域名；,自行添加默认文档，设置404出错页，在线解压缩，MIME类型，Jmai在线发信，可对目录进行权限设置，可对网站文件进行防盗链设置。支持常见的BLOG，动易，新云，帝国，DEDECMS等程序。申请地址 久久免费空间网提供1000M美国免备案高速免费空间 美国免费空间，这个免费主机放置在美国洛杉矶机房到中国的速度特别快；网站空间1000M,资源有限,每用户只能申请一个;独立FTP帐号1个支持绑定域名,没有网页广告。拥有控制面板,可进行FTP密码等多项实时更改;支持JAVAScript以及VBSript客户端脚本;支持ASP、ASP.net、PHP程序;支持Access、MSSQL、MYSQL数据库;SQL空间需另购；正版WINDOWS操作系统，立即申请立即开通;服务器组件支持 动易 新云 AspJpeg Jmail AspUpload说明：不需要备案，不受中国法律控制申请地址,200MB/500MB可选php免费空间 Free-space为大家免费提供采用cPanel管理面板的免费虚拟主机，FTP、WEB方式上传管理文件，支持PHP5、CGI（Perl），提供免费二级域名。有两种型号免费PHP空间：1、200M免费空间，2G月流量，1个MySQL数据库，可绑定1个自己的域名或使用Free-space免费提供的二级域名（申请的时候选择，空间开通后无法改变），无广告；2、500M免费空间，10G月流量，2个MySQL数据库，申请时可选绑定域名或使用免费二级域名，空间开通后还可绑定1个域名（即额外建立1个独立网站），有广告。申请地址：,免费空间申请流程,收费空间介绍,以下是巨人网络提供的网站空间和收费标准。主机类型：主机类型：100M型虚拟主机主机价格：145元/年|280元/2年|390元/3年|480元/4年|550元/5年主机概要：Windows或者Linux平台任意选择100MB网页 50MB邮局支持ASP/PHP/JSPAccess/5M Mysql数据库购买多年有更多优惠中小型企业建设动态企业级高效网站首选,主机类型：H200M型虚拟主机主机价格：105元/年|210元/2年|300元/3年主机概要：windows操作系统200MB 独立网页空间，全静态HTML网页FTP自主管理，可随时升级到其它虚拟主机类型主机类型：1G型虚拟主机主机价格：1550元/年|3000元/2年|4200元/3年主机概要：Windows或者Linux平台任意选择 1000MB网页 300MB邮局 180M Mssql/Mysql数据库支持ASP/PHP/JSP/ASP.NET 大中型企业动态商务建站首选全面开展电子商务必备,自助建站,除上述空间建站外现在又出现了一种智能建站系统。这种系统让建站变得更加简单。下面是一个提供自助建站的网站:,怎样选择网站空间,网站空间服务商的专业水平和服务质量。虚拟主机的网络空间大小、操作系统、对一些特殊功能如数据库等是否支持。网站空间的稳定性和速度等。网站空间的价格。网站空间出现问题后主机托管服务商的相应速度和处理速度。网站空间主要是由你网页制作大小而决定您要购买空间的多与少。,域名的申请,域名的定义 域名，就是网站的网址，域名的目的是让别人能够访问到一个网站。域名的分类 顶级域名：一是国家顶级域名，如中国是cn，美国是us，日本是jp等；二是国际顶级域名，如表示工商企业的.com，表示网络提供商的.net，表示非盈利组织的.org等。二级域名：是指顶级域名之下的域名，在国际顶级域名下，它是指域名注册人的网上名称，例如 ibm，yahoo，microsoft等；,域名注册 域名的注册遵循先申请先注册原则；同时，每一个域名的注册都是唯一的、不可重复的。域名命名的规则：一、域名中只能包含以下字符：1.26个英文字母 2.0，1，2，3，4，5，6，7，8，9十个数字 3.-（英文中的连词号，但不能是第一个字符）4.对于中文域名而言，还可以含有中文字符而且是必须含有中文字符。5.在域名中，不区分英文字母的大小写和中文字符的简繁体。6.对于一个域名的长度是有一定限制的,域名申请的流程,制作并测试网页 当所有的网页制作完之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。如果在测试过程中发现了错误，就要及时修改，在准确无误后,方可正式在Internet上发布。网页上传发布 当网页测试通过后，就可以把制作的网页上传到申请的空间中去。,谢 谢,技术部叶坤,