《WEB前端开发技术实用教程》课件第01章 网站建设零接触.pptx

1、1 1目录1.1 网站建设基本术语1.2 web站点建设流程1.3 web站点建设工具1.4 创建站点1.5 主流浏览器1.1 网站建设基本术语u1、网站(website)网站即WebSite，指在因特网上，根据一定的规则，使用相关工具制作的用于展示特定内容的相关网页的集合。网站的组成：1.1 网站建设基本术语u2、域名(Domain Name)域名(Domain Name)是企业、政府、非政府组织等机构或者个人在域名注册商上注册的名称，是互联网上企业或机构间相互联络的网络地址 基本类型：(1)国际域名，如：.com(商业结构)，.net(网络提供商)，.org(非盈利组织)(2)国内域名，如

2、.cn(中国)，.us(美国)，.jp(日本)1.1 网站建设基本术语u3、网页(Webpage)网站的组成部分，一个网页对应的是一个.html或.htm文件。网页主要由文字、图片、动画、音乐、视频、程序等构成。通过HTML(超文本标记语言)制作1.1 网站建设基本术语u4、静态网站 网站的网页内容“固定不变”没有后台数据库，不含程序和不可交互 每个网页都有一个固定的URL地址 文件以.htm、.html、.shtml等形式为后缀 容易被搜索引擎检索1.1 网站建设基本术语u5、动态网站 基于数据库开发，使用程序如ASP、.NET、PHP、JSP等编程语言对网站进行编程 动态网页并不独立存在于

3、服务器 可以实现更多的功能 文件以“.php”、“.asp”、“.jsp”等形式为后缀 不太容易被搜索引擎检索1.1 网站建设基本术语u6、万维网(WWW)WWW（World Wide Web)，全名“全球信息网”或“万维网”是一种全球性的、交互式、多平台、分布式图形信息系统 WWW的组成：1.2 Web站点的建设流程1.3 Web站点建设工具u1、网页编辑工具：Dreamweaver，或FrontPage，UltraEdit，EditPlus；u2、图像处理工具：Photoshop或Fireworks；u3、网页动画制作工具：Flash。1.4 创建Web站点uDreamweaver CS6

4、创建本地站点步骤如下：u1.运行Dreamweaver CS6应用程序1.4 创建Web站点uDreamweaver CS6创建本地站点步骤如下：u2.在”站点”菜单下选择”新建站点”1.4 创建Web站点uDreamweaver CS6创建本地站点步骤如下：u3.选择站点选项，设置站点名称，并指定站点文件夹。1.4 创建Web站点uDreamweaver CS6创建本地站点步骤如下：u4.点击”保存”按钮u5.在站点目录右击鼠标，创建文件，扩展名为*.htm或*.html1.4 创建Web站点uDreamweaver CS6创建本地站点步骤如下：u6.编辑文件并保存u7.按F12预览页面效果1.5 主流浏览器u1.Internet Explorer Microsoft微软u2.FireFox 火狐 Mozillau3.Safari Apple浏览器u4.Opera Opera 软件公司u5.Maxthon 遨游浏览器u6.Chrome Google浏览器u7.Netscape 网景公司u8.The World 世界之窗u9.Tencent Traveler 腾讯公司本章小结u本章主要介绍了网站建设的基本术语，如网页、网站、域名等；Web站点的建设流程和工具Dreamweaver；主流浏览器的介绍。传道，授业，解惑