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

网页制作 网页制作初识 构成网页的基本要素 文字 、 图形 、 超级链接 传输协议与服务 （ 1）页面浏览 :即 HTTP服务，也就是 URL格式中的 以 http:/开头 的， 表示指向一个特定网页。 （ 2）邮件服务：即 E-mail服务，指通过互联网来收发邮件； E- mail采用 SMTP和 POP3协议。 （ 3）文件传输：指本地计算机通过登录到远程计算机进行文件的 传输，它使用的是 FTP协议。 网页设计语言 （ 1）最基本的语言： HTML语言；它只能实现一些基本功能。 http:/www.kun- （ 2） ASP语言 它是 HTML语言的扩展语言，它支持 Java， ActiveX等插件； ASP一般用于需要复杂功能的网站，如：论坛，互动网站。 （ 3） PHP语言 它是一个非常简洁的语言，它主要应用于个人主页。 （ 4） XML语言 它是一种扩展语言，是 HTML语言的扩充。 网页制作和美化工具 网页制作工具 1 超文本标识语言 （ HTML） HTML（ Hypertext Markup Language） 是一种专门用于 Web页制 作的编程语言 ， 用来描述超文本各个部分的内容 ， 告诉浏览器如何 显示文本 ， 怎样生成与别的文本或图像的链接点 。 HTML文档由文本 、 格式化代码和导向其他文档的超链接组成 。 2 FrontPage FrontPage是由 Microsoft公司推出的新一代 Web网页制作工具 。 FrontPage使网页制作者能够更加方便 、 快捷地创建和发布网页 ， 具 有直观的网页制作和管理方法 ， 简化了大量工作 。 FrontPage界面与 Word、 PowerPoint等软件的界面极为相似 ， 为使用者带来了极大的方便 ， Microsoft公司将 FrontPage封装入 Office之中 ， 成为 Office家族的一员 ， 使之功能更为强大 。 3 Dreamweaver Dreamweaver是由 Macromedia公司推出的一款在网页制作方面大 众化的软件 ， 它具有可视化编辑界面 ， 用户不必编写复杂的 HTML源代 码就可以生成跨平台 、 跨浏览器的网页 ， 不仅适合于专业网页编辑人 员的需要 ， 同时也容易被业余网友们所掌握 。 另外 ， Dreamweaver的 网页动态效果与网页排版功能都比一般的软件好用 ， 即使是初学者也 能制作出相当于专业水准的网页 ， 所以 Dreamweaver是网页设计者的 首选工具 。 Dreamweaver支持动态 HTML， 并采用了 Roundtrip HTML技术 ， 从 而奠定了在网页高级设计功能方面的领先地位 。 在进行网页设计过程 中 ， 动态 HTML技术能够让用户轻松设计复杂的交互式网页 ， 产生动态 效果；而 Roundtrip HTML技术则可以真正支持 HTML源编辑模式 ， 不 会产生冗余代码 ， 使网页渲染速度加快 。 因此 ， Dreamweaver是一种 可以满足多层次需求 、 功能强大的可视化专业级网页设计及制作工具 。 网页美化工具 为了使制作的网页更为美观 ， 用户在利用网页制作工具制作网 页时 ， 还需利用网页美化 工具对网页进行美化 。 1 Photoshop Photoshop是由 Adobe公司开发的图形处理软件 ， 它是目前公 认 的 PC机上最好的通用平面美术设计软件 ， 它功能完善 、 性能稳定 、 使用方便 ， 所以在几乎所有的广告 、 出版 、 软件公司 ， Photoshop 都是首选的平面制作工具 。 2 Fireworks Fireworks是由 Macromedia公司开发的图形处理工具 ， 它的 出 现使 Web作图发生了革命性的变化 。 因为 Fireworks是第一套专门为 制作网页图形而设计的软件 ， 同时也是专业的网页图形设计及制作 的解决方案 。 作为一款为网络设计而开发的图像处理软件 ， Fireworks还能 够自动切割图像 、 生成光 标动态感应的 JavaScript程序等等 ， 而 且 Fireworks具有强大的动画功能和一个相当完美的 网络图像生 成器 。 可以从 http:/www. 站点下载该软件 。 3 Flash 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个独立网站），有广告。 申请地址： http:/www.free- 免费空间申请流程 收费空间介绍 以下是巨人网络提供的网站空间和收费标准。 主机类型： 主机类型： 100M型 虚拟主机 主机价格： 145元 /年 |280元 /2年 |390元 /3年 |480元 /4年 |550元 /5年 主机概要： Windows或者 Linux平台任意选择 100MB网页 50MB邮局 支持 ASP/PHP/JSP Access/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上发布 。 网页上传发布 当网页测试通过后 ， 就可以把制作的网页上传到申请的空间 中去 。