网站建设知识ppt课件.ppt

网站建设实训 什么是网站 什么是网页 网页通常含有文字资料 图像文件 可以在页面内执行的子程序 链接等元素 网页需要通过网页浏览器来阅读 网页的集合就是网站 网站的起始页为首页 网页可是任何一种格式 但通用标准是超文本标记语言 HyperTextMarkupLanguage 缩写为HTML 这种语言可用于创建辅以图像 声音 动画和链接的格式化文本 即网页 另一种比较流行的语言为XML 是HTML的衍生语言 它是一种元语言 可以自定义文档标签 当使用HTML制作静态网页不能满足网站的需要时 还可以使用如CGI JavaScript和PHP等技术 建立动态网页 网页服务器可以借助CGI调用外部程序 而不是简单地返回静态文本 JavaScript和PHP这两种语言可以直接嵌入到HTML文档中 但使用方法不尽相同 JavaScript主要用于客户端疟荆琍HP则主要用于数据库的访问 若要将网页发布到万维网 必须将网页文件上传到网站服务器中 什么是网站 网站是指在互联网上 用于展示特定内容的网页的集合 人们 网站所有者 可以通过网站来发布自己想要公开的资讯 或者利用网站来提供相关的网络服务 人们 网站访问者 可以通过网页浏览器来访问网站 获取自己需要的资讯或者享受服务 许多公司都拥有自己的网站 他们利用网站来进行宣传 产品资讯发布 招聘等等 也有以提供网络资讯或服务为盈利手段的网络公司 通常这些公司的网站上提供人们生活各个方面的资讯如新闻 旅游 娱乐 经济等 网站的建站过程一般包括4个阶段 策划 设计 制作 技术实施 和维护 建站过程实际上就是对一个网站的策划 设计并执行的过程 成功的网站建设需要周密的专业网站策划 合理的网站策划对网站建设至关重要 第一阶段 策划网站 分析网站的目标浏览者 完成一个详细的网站策划 优秀的网站策划可以保证一个网站发挥最大的功效 成为个人和企业网络宣传推广的重要平台 第二阶段 设计网站 根据策划 设计网站中各级网页的表现形式 第三阶段 制作网站 根据策划与设计方案将网站中的各级网页制作出来 第四阶段 维护网站 一个网站具备些什么 让浏览者访问 网站文件 页面文件 程序文件等 网站空间 存放并运行网站文件的空间 域名 可以理解为网址 它是一个服务器或一个网络系统的名字 什么是域名 域名一个服务器或一个网络系统的名字 在全世界 没有重复的域名 域名具有唯一性 也有人通俗笼统的称其为某网站的网址 国际域名的后缀是一些诸如 com net gov edu的 国际通用域 这些不同的后缀分别代表了不同的机构性质 比如 com表示的是商业机构 net表示的是网络服务机构 gov表示的是政府机构 edu表示的是教育机构 国内域名是以 cn结尾的域名 各个国家都有自己固定的国家域 如 cn代表中国 us代表美国 uk代表英国等 公司域名注册业务定价 国际域名180元 年 国内域名240元 年政府域名 360元 年 一般中小网站使用虚拟主机作为网站空间 虚拟主机就是把一台运行在互联网上的服务器划分成多个 虚拟 的服务器 每一个虚拟主机都具有独立的域名和完整的Internet服务 支持WWW FTP E mail等 功能 一台服务器上的不同虚拟主机是各自独立的 并由用户自行管理 大型应用可使用托管服务器等方式作为网站空间 公司虚拟主机价格 300元 年 100M 网站空间 一些常用知识 主要根据网页制作的语言来区分 注意 并非根据网页上是否有动画效果区分 静态网页使用纯语言 HTML 超文本标记语言 1 网页内容一经发布到网站服务器上 每个静态网页的内容都是保存在网站服务器上的 也就是说 静态网页是实实在在保存在服务器上的不变文件 每个网页都是一个独立的文件 2 静态网页的内容相对稳定 因此容易被搜索引擎检索 3 静态网页没有数据库的支持 在网站维护方面工作量较大 因此当网站信息量很大时完全依靠静态网页制作方式比较困难 动态网页使用程序和数据库交互 动态生成内容供浏览者访问1 大大降低网站维护的工作量 2 采用动态网页技术的网站可以实现更多的功能 如用户注册 用户登录 在线调查 用户管理 订单管理等等 3 动态网页实际上并不是独立存在于服务器上的网页文件 只有当用户请求时服务器才返回一个完整的网页 什么是动态网页 什么是静态网页 一般的网页设计需要运用到哪些软件 在网页设计中 一般我们主要是用Photoshop作图像的设计工作 有时候需要用Coreldraw Illustrator等图形软件作辅助 网页制作中 我们经常采用 网页三剑客 指的是 Flash 专门制作flash的软件 Dreamweaver 网页制作软件 Firework 网页图片设计 动画制作以及切割图片的软件 在程序开发中 PHP一般使用NetBeans EditPlus等 NET使用VisualStudio Dreamweaver是功能强大的网页设计软件 是网站建设中最好用的工具之一 Dreamweaver是一个兼容性非常好的工作平台 在这个平台中可以使用各种网页技术进行工作 通过Dreamweaver可以方便地制作网站 其主要作用如下 1 可以建立Dreamweaver站点 通过Dreamweaver站点 可以指明站点的工作环境 组织站点中的文件 并可以方便 快捷地管理站点中各种资源 记录各种信息 只有建立了Dreamweaver站点 才能充分利用Dreamwaver的各项功能管理站点中的文件 例如 自动跟踪和维护链接 管理文件以及共享文件 2 可以制作网页 网页模板和CSS样式 使用Dreamweaver的大部分工作集中在这里 通过Dreamweaver提供的工具可以很方便地制作网页 网页模板和CSS样式 3 可以测试网页 Dreamweaver提供了方便可靠的网页测试功能 通过这些测试可以快速查找出网页中可能出现的问题 4 可以发布网页 当设置了站点的远程服务器信息后 便可以直接使用Dreamweaver上传站点 并且可以直接编辑远程站点中的内容 CSS CascadingStyleSheet 可译为 层叠样式表 或 级联样式表 是一组格式设置规则 用于控制Web页面的外观 通过使用CSS样式设置页面的格式 可将页面的内容与表现形式分离 CSS的特点 1 便于页面的修改 2 便于页面风格的统一 3 减少网页的体积 提高网面访问速度 什么是CSS 网页上运用的字体有哪些 一般来说 中文宋体对网页支持很好 大小为12px或者14px 英文字体可支持的相对较多 但一般采用Arial字体 考虑到浏览者电脑使用的系统 浏览器 所安装的字体各自不同 一般不大量使用非常个性化的字体 小部分个体化字体可以用图片等方式处理 网页上的图片格式有哪些 分别有什么特点 网页上常用的图片格式有两种 jpg和gif Jpg格式的特点是文件量比较小 是网页常用的图片格式之一 其特点是能把颜色丰富的图片很好的压缩 在保证图片质量的前提下 能做到图片文件量比较小 我们常见的风光照片 人物照片经常采用这个格式 如下图一 Gif也是网页中常用的图片格式 他的特点是能把一些色彩不太丰富的图片作很好的压缩 支持255色 我们常把卡通图片 文字版面用gif格式表现出来 一些简单的动画效果阳可以使用GIF 如下图二 如何判断网页上的动画是Flash还是GIF 在动画上点击右键 如果看到的是图一的效果 则采用的是flash技术 如果看到的是图二的效果 则是gif 有的网页会把页面右键功能屏蔽 这种情况就需要另作判断了 动态网页程序 网站程序开发语言有哪些 一般来说 常用的网站程序有以下四种开发语言 常用的有C 和VB net语言 jsp java PHP优点 是一种容易学习 易于使用 只需要很少的编程知识就能使用PHP建立一个交互的WEB站点 2 PHP开放源码 完全免费 3 虽然是解释性语言 也有不错的执行效率 目前淘宝 163 新浪等大型门户网站使用的PHP开发 超文本预处理器 PHP HypertextPreprocessor Asp使用VBScript语法 是解释型语言 适用于以Windows操作系统为平台的主机上 在与Access SQLServer等微软的数据库结合时十分稳定 应用范围广 后期维护简单方便 数据转移方便 同时 因为易于学习 和windows服务器不需配置 不须安装其它程序即支持ASP等原因 使得早期ASP得以被广泛的使用 ASP是动态网页的鼻祖 虽然因为历史原因 互联网上使用asp的网站还很多 但微软已不发布asp新版本 已经有些过时了 ActiveServerPages 即活动服务器页面 ASP net是微软公司建立在通用语言上的一种程序构架 ASP net提供许多Web开发优势 ASP net不是一种语言 它是支持多种语言的框架 支持统一的标记语言 ASP net框架下最常用的语言是C 和VB net 优点 1 面向对象 2 编译型语言 编译后执行 提高执行效率 3 稳定性和安全性 缺点 目前只能运行于Windows平台 C 读 sharp 中文译音 夏普 是微软公司发布的一种面向对象的 运行于 NETFramework之上的高级程序设计语言 JSP JavaServerPages 是由Sun公司开发 许多公司参与一起建立的一种动态网页技术标准 JSP技术是用JAVA语言作为脚本语言的 优点 1 跨平台 JSP拥有Java编程语言 一次编写 各处运行 的特点 2 稳定性和安全性 3 在大型商务应用中 被广泛采用 缺点 执行效率相对低一些 数据库 网页数据库是什么意思 什么情况下需要运用到数据库 数据库有哪些种类 网页数据库是存放网站系统数据的地方 当用户网站有程序模块 并且需要通过程序作数据操作工作的时候 就需要运用到数据库 数据库的种类有很多 譬如Access MySQL SQLServer Oracle Access数据库与SQLserver有何区别 Access使用标准SQL语法 在中小型网站的建设上与Asp搭配堪称完美结合 相对于其他数据库软件来说 其优点在于使用简单 便于数据维护 但数据存储量相对于其他数据库软件来说十分小 一般数据量在当数据量超过100M或数据条数超过10万条时以上时 采用Access数据库会导致页面运行速度缓慢等 当数据量超过100M或数据条数超过10万条时 使用SQLServer数据库是我们的首选数据库 MySQL官方发音是 MyEssQueEll 不是MY SEQUEL 它也是一个多用户 多线程SQL数据库服务 优点 1 完全免费2 与PHP组合 能快速简单的开发各种网站应用 Oracle是美国甲骨文公司开发的数据库软件 由于其功能和效率的优势 成为银行 通信 政府等部门的数据库首选 缺点 1 价格较贵 一般中小企业无法承担 2 学习难度略大于MSSqlServer和MySql 其它 网页设计和印刷广告设计有何差别 网页设计和印刷设计都属于美学范畴 在一般情况下 都是需要专业美工人员来完成 但是他们的差别非常大 属于完全两个不同的工艺范畴 网页设计主要是受到浏览器的限制和程序功能的限制 在网页设计中 度量单位一般是px 像素点 用的色彩模式是RGB光学模式 在设计的时候需要考虑到html的特性和程序功能嵌套的限制 印刷设计主要是受到印刷机器和纸张的限制 度量单位是dpi 印刷网点 用的色彩模式是CMYK色彩模式 如果需要印刷一个