第一天,建站基础篇 - 总结

单击此处编辑母版标题样式,*,*,单击此处编辑母版标题样式,*,*,网络营销培训中心,第一天,建站基础相关概念,本,章,课程目标,学完本章课程后，你能够：,1、了解网站是做什么的，网站的构成是那些？,2、域名、虚拟空间、程序，以及备案。,3、网站程序下载和上传（DedeCMS）。,4、了解营销型网站的建站思路。,5、主机屋注册及虚拟空间开通。,6、HTML相关标签及属性,一、什么是互联网？,中文名称：互联网,英文名称：internet,定,义：由多个,计算机网络,相互连接而成，而不论采用何种,协议,与技术的网络。,互联网始于1969年的美国，又称因特网。是美军在ARPA（阿帕网，美国国防部研究计划署）制定的协定下将美国西南部的大学UCLA(,加利福尼亚大学洛杉矶分校,)、Stanford ResearchInstitute(,斯坦福大学研究学院,)、UCSB(,加利福尼亚大学,)和UniversityofUtah(,犹他州大学,)的四台主要的计算机连接起来。这个协定由剑桥大学的BBN和MA执行，在1969年12月开始联机。,互联网的起源与发展,1969，美国军方网络,“,ARPANET,”,（阿帕网）,1971，电子邮件诞生，ARPANET进入大学,1986，美国,国家自然科学基金会,成立网络NSFNET,1989, ARPANET解散，同时，NSFNET对公众开放,1992，WWW 及浏览器诞生，互联网商业化,1995年，NSFNET正式宣布停止运行，商业化完成,1994，中国正式加入互联网,2000，互联网热潮席卷全球（政、企、百姓上网）,2003至今，互联网进入工作生活各个领域,中国互联网的发展,1987-1995 -萌芽阶段(300bps),中国第一份电子邮件发出（87.9.1420）,1995-1997 -起步阶段,中国电信向社会提供互联网接入服务,1998-2000 -快速发展阶段,网络概念热潮掀起，三大门户美国上市,2000.4.13 sina；6.30 NETS;7.12 SOHU,2001-2003 -泡沫休整阶段,三大门户股价大跌、众多网络公司倒闭；,2004- 至今 -回归理性发展阶段,三大门户全面盈利，中国互联网商业化时代到来；,二、什么是域名？如何申请域名？,什么是域名？,域名（Domain Name）,，,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位,（有时也指地理位置），一个域名，它定义的行政自主权，权力或控制互联网的境界。域名是一个IP地址上,的,“,面具,”,。一个域名的目的是,便于记忆和沟通的一组服务器的地址,（网站，电子邮件，FTP等）。,域名作为力所能及难忘的互联网参与者的名称，如电脑，网络和服务。世界上第一个注册的域名是在,1985年1月注册,的。,域名是唯一的，是企业商标保护必备的产品,域名保护：赶驴网事件,域名（domain name）是Internet网络上的一个服务器或一个网,络,系统的名字，在全世界，,没有重复的域名，域名具有唯一性,。,从技术上讲，域名只是一个Internet中用于解决,地址对应,问题的方法，是与,网络,上的数字型IP地址相对应的字符型地址。,从商业性讲，域名被誉为,“,企业的网上商标,”,，是企业商标保护必备的产品之一。,域名由什么组成？,一个完整的域名由,域名主体,和,域名后缀,两部分组成，主体是用户为网站所起的名字，后缀是,根据网站类型,而选择的。以,新浪,域名,sina,.com为例，,sina,是域名主体，.com则是域名的后缀。,我们平时所说的域名即是指域名的后缀，注册域名则是指用户购买自定义的域名主体加上相应的后缀的总和。,域名有几种类别？,1、,按语种划分，域名主要分,英文域名,和,中文域名,；,2、,按域名所在的域划分，分为,顶级域名,、,二级域名,；,3、,按管理机构划分，分国际域名和国内域名，国际域名是以,.com、.net、.org,等根域为后缀的域名；国内域名是在它的后面再加上国家代码，如以,.cn为后缀的中国代码；,美国的后缀是.us;日本的后缀是.jp等;,4、,按照后缀的形式划分，有代表企业的,.co,，代表政府的,.gov,，代表个人的,.me,，代表手机的,.mobil,等。,注册域名时需要注意什么？怎样选择域名？,域名要简单、易记，逻辑性强,与企业商标、产品名称吻合；根据网站的性质、用途选择,同一个域名注不同的后缀,可用来确保公司品牌的唯一性，同时也可以是互联网用户更易找到,域名购买两年以上,降低域名丢失的风险，避免未来价格上涨带来的经济损失，多年购买享受更多,去哪注册域名？如何选择注册商?,注册服务商、代理商等注册域名的渠道很多，都能够为用户提供域名注册服务，但根据注册商的大小、资质不同，提供的服务也有很大差异，价格也不尽相同。,（万网、新网、35互联）,有些用户图一时的便宜，选择了没有资质的服务商，导致后期断解析的状况频频出现；有的因代理商管理混乱，经常造成域名丢失；还有的因代理商企业倒闭，需要重新转入到其他注册商，问题繁多，苦不堪言；所以选择一个好的注册商非常的重要，它是一个网站稳定发展的前提。,（互易中国、美橙互联、网联中国等）,域名注册流程,域名投资,域名投资,是一种信息化发展趋势下的电子商务终端投资行为。域名投资人则是具备丰富综合知识能力的投资群体。域名投资涉及到全球范围，不同国家，不同市场，不同行业，以及不同的目标群体。这是一个学科式的投资模式，是一种以狙击为目的的商业运作。,域名投资,是指注册和购买有价值的域名投资域名，然后转让获利的行为。投资者一般被成为,“,玉米虫,”,。,例如：京东商城 和 (据说分别价值500万左右，2013.3.30晚更换为),阿里巴巴 ,阿里云 ,支付宝 （身边案例）,域名要素,域名价值评估三要素：,域名的结构、单词的影响力、市场性,。,关于后缀,在美国，,“,.com,”,的域名被认为是最好的，而相同的,“,.net,”,域名的价值只有,“,.com,”,域名价值的20%-25%，,“,.org,”,则只有10%。目前,“,.cn,”,也是10%左右。,域名长度,一般地讲，越短的域名越有价值。超过15个字符的域名不太可取。,连字符（-）会削弱域名的易输入性，降低域名的价值。,影响力,【,例如， （京东）或者 （新东方）,】,1、容易被理解的域名，其价值就高。,2、和业务的关联性,3、发音清晰,4、单词的语调也能影响域名的价值。,5、给人印象和容易记忆,什么是虚拟主机？,虚拟主机是在网络服务器上划分出一定的,磁盘空间供用户放置站点,、应用组件等，提供必要的,站点功能、数据存放和传输功能。,所谓虚拟主机，也叫,“,网站空间,”,，就是把一台运行在互联网上的服务器划分成多个,“,虚拟,”,的服务器，每一个虚拟主机都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等）功能。,虚拟主机的优劣是什么？,优势：,低成本是虚拟主机最大的优点，它,无需一次性投入大额的固定成本,，简单的操作环境也,省去了专业技术人员的投入,，适合个人网站和中小型网站使用。,劣势：,多用户共享同一主机，资源无法保障。,网站成熟后，主机硬件配置不便于扩展。,域名解析,域名解析,是把域名指向网站空间IP，让人们通过注册的域名可以方便地访问到网站一种服务。域名解析也叫域名指向、服务器设置、域名配置以及反向IP登记等等。,常用类型解析,1、A记录解析,记录类型选择,“,A,”,；记录值填写,空间商提供的主机IP地址,；MX优先级不需要设置；TTL设置默认的3600即可。,【,(Time To Live ) 生存时间,】,2、CNAME记录解析,CNAME类型解析设置的方法和A记录类型基本是一样的，其中将记录类型修改为,“,CNAME,”,，并且记录值填写服务器主机地址即可。,3、MX记录解析,MX记录解析是做邮箱解析使用的。记录类型选择MX，线路类型选择通用或者同时添加三条线路类型为电信、网通、教育网的记录；,记录值填写邮局商提供的服务器IP地址或别名地址,；TTL设置默认的3600即可，MX优先级填写邮局提供商要求的数据，或是默认10，有多条MX记录的时候，优先级要设置不一样的数据,域名解析图,网站备案,网站备案,是指向主管机关报告事由存案以备查考。行政法角度看备案，实践中主要是,立法法,和,法规规章备案条例,的规定。网站备案的目的就是,为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，,如果网站不备案的话，很有可能被查处以后关停。,网站备案,备案方式,：,公安局备案一般按照各地公安机关指定的地点和方式进行ICP备案可以自主通过官方备案网站,在线备案,或者,通过当地电信部门,两种方式来进行备案。,网站备案的目的,：,就是为了,防止在网上从事非法的网站经营活动，打击不良互联网信息的传播,，如果网站不备案的话，很,有可能被查处以后关停,。非经营性网站自主备案是,不收任何手续费的,，所以建议大家可以自行到备案官方网站去备案。,企业备案、个人备案,企业备案,：,企业网备案所需资料：,（5份）,1份（营业执照）副本彩色扫描件或复印件；,1份法人（网站所有人）身份证扫描件；,1份网站负责人的身份证彩色扫描件或复印件；,1张负责人的半身彩色照片（.jpg格式）；,主办单位所在地的详细联系方式。,个人备案,：,1份网站负责人的身份证彩色扫描件或复印件。,网站备案拍照片的要求,1,、相片内容为拍照人和背景，不允许有别的内容；,2,、拍照人所站位置为背景布的中间，身体遮住部分字体；,3,、拍摄上半身，一般腰部以上即可；,4,、相机整体显示内容为最下面一行的字和背景上的公司名称（注意：字体显示要清楚）；,5,、拍摄的照片要有时间显示的，时间显示的位置在右下角；,6,、拍摄的具体要根据客户的身高来定。,安装备案电子标识和快速备案,(六)安装备案电子标识,网站所有者应于,15日内,将备案电子标识,安装在网站首页的右下方,，并将其链接到北京市工商行政管理局,“,经营性网站备案信息,”,数据库，以供公众查询。,如：,(七),警惕：,个别快速备案的猫腻,每当非常时期，就会出现许多可以快速备案的，这其中有很多快速备案的猫腻，一段时间以后，当你发现备案有问题时，这些人你已经找不见了，,像,这样的快速备案，在此提醒大家，,在选择别人代理备案时，一定要提高警惕。,网站备案流程,一、ICP信息报备流程图：,网站建设流程,第一：申请域名（给网站申请一个域名）,第二：申请空间（也就是我们所说的网站空间）,第三：网站的开发与设计（策划，美工，程序）,第四：网站本地测试（进行网站产品发布）,第五：网站程序上传（用FTP上传程序）,第六：网站备案（国家工信部ICP备案）,网站上传,网站上传工具有那些？,FileZilla,FLASHFXP,LEAPFTP,CUTEFTP这常用的FTP软件,。,LeapFTP 与 FlashFXP 、CuteFTP 堪称 FTP 三剑客,。,网站的上传和下载：,请老师给同学们演示如何用FileZilla 将网站源程序上传到远程服务器上。,FileZilla的使用方法请查看附件。,（请打开附件资料发给同学们学习一下）,FileZilla 上传工具界面,三、织梦系统的下载与程序上传,1首先我们去织梦官网网站（）下载源文件。,分为两个版本：,GBK版本,和,UTF-8版本,通过FTP上传工具将下载下来的源程序上传的我们注册好的空间上；,四、网站的概述,什么是网站？网站能做什么？,简单的讲，网站是由多个网页组成，但不是网页的简单罗列组合，而是,用超链接方式组成,的既有鲜明风格又有完善内容的有机整体。,网站的用途很多，具体用途是根据网站的性质而定，网站的主要用途可,以理解为一个长期的不间断的在线营销专员，为客户提供一些全面的产品资讯和企业相关信息介绍以及在线完成各种服务。,专用术语简介,中文名称：网站,英文名称：website,定义：因特网上一块固定的面向全世界发布消息的地方，由域名(也就是网站地址)和网站空间构成，通常包括主页和其他具有超链接文件的页面。,网站的类型分布图,企业网站,电子商务类网站,门户类网站,娱乐类网站,资讯门户类网站,分类信息网站,网站开发流程,网站策划,策划内容（四大块）, 网站类型, 内容设置, 盈利模式, 网站推广, 主要参与人员, 市场人员, 网站运营人员, 网站营销人员, 结果, 完成网站策划方案,网站开发的模块流程,网站建设流程图,传统型网站不能赚钱的原因,网站营销网站制作设计流程,营销型网站的七大特征,营销型网站七大特征,网站结构清晰,视觉冲击力强,传播力强,商品展示,用户公信力强,健全的客户服务体系,安全稳定的网站后台,营销网站重点关注问题,用户体验, 访问速度, 网站结构, 网站内容, 网站设计, 购物流程, 网站信誉, 联系方式, SEO优化, 标题优化, 内容优化, 关键词优化, 外链优化, 核心优势,营销功能,网站客服,客户热线,企业邮箱,广告促销,电子地图,灵活操作,管理后台,内容发布系统,产品管理系统,在线调查,六、什么是HTML?,HTML 是用来描述网页的一种语言。,HTML 指的是超文本标记语言 (HyperText Markup Language),HTML,语言是一种标记语言，不需要编译，直接有浏览器执行。,HTML文件是一个文本文件，包含了一些HTML元素，标签等。HTML元素必须使用.html或.htm为文件名后缀。,HTML,是大小写不敏感的，HTML和html是一样的。,HTML的标准是有W3C统一来制定的。,互联网教父,蒂姆,伯纳斯,李（Tim Berners-Lee）爵士（1955年出生于英国）是万维网的发明者，互联网之父,。,1989年3,月他正式提出万维网的设想，,1990年12月25日,，他在日内瓦的欧洲粒子物理实验室里开发出了世界上第一个网页浏览器。他是关注万维网发展的万维网联盟的创始人。,1989年12月，蒂姆为他的发明正式定名为World Wide Web，即我们熟悉的WWW；1991年5月WWW在 Internet上首次露面。,HTML 文档 = 网页,HTML 文档描述网页,HTML 文档包含 HTML 标签和纯文本,HTML 文档也被称为网页,Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：,浏览器：,“,解释和执行,”,HTML,源码的工具,.,HTML,告知浏览器如何显示网页,HTML,文档的结构,我的第一个网页,Hello World!,HTML,网页,头部部分,主体部分,标签标记,HTML,文档的开始和结束,网页标题,网页内容，可以是文本、图像等,这部分包括标题和其他说明信息，包括在,标签内,这部分包含文本、图像和链接，它包括在,标签内,HTML,文档的基本结构,记事本,Notepad+,UltraEdit,HTML,的编辑工具,操作演示,1,：在记事本里创建网页,HTML语法 -最基本的,1-1、HTML标签,1-2、HTML属性,1-3、HTML元素,1-4、HTML文档,1-5、HTML注释,1-1、HTML标签,HTML标签是HTML语言中最基本的单位，HTML标签是HTML语言最重要的组成部分,通常要用两个括号括起来：,都是闭合的（闭合就是标签的最后要有一个 /,来标示结束。但不一定是成对出现的。比如：和一对标签。（是开始标签、是结束标签；在开始和结束标签中可以有内容）。,这个标签是独立的。）,标签是大小写无关的，和表示的意思是一样的，但推荐写小写。,HTML的标签（两种形式，成对和不成对的）,内容, 表格开始标签和结束标签, 单独出现的换行标签,1-2、HTML属性,HTML属性一般都是出现在HTML标签中，HTML属性是HTML标签的一部分。,标签可以有属性，它包含了额外的信息，属性的值一定要在双引号中。,标签可以拥有多个属性。,属性由属性名和值成对出现。,HTML属性语法,注：,标签是表格标签，使用border属性，定义没有边框的表格，使用summary属性定义表格的简短描述。,1-3、HTML元素,HTML元素是构成网页的一种单位，是由HTML标签和HTML属性组成的。HTML元素也是网页中的一种基本单位。,示例：, 思百授官网,这是一个HTML链接元素,我们现在学习的是HTML元素，更多的信息可以去,思百授官网, 查找！,注：,这是一个,HTML段落元素,，它包含了一个,HTML标签元素。,1-4、HTML文档,HTML文档就是HTML页面，也是网页，是由HTML元素组成的。,互联网所有内容是由一个个HTML文档组成的。,用一个例子来理解HTML语法,HTML语法非常简单，组成HTML语法的元素只有HTML标签和HTML属性。,如：,HTML文档（页面）,国家,-HTML元素,家庭,-HTML标签,重要成员、男人和女人,-HTML属性,其他成员，比如孩子,1-5、HTML注释,HTML注释，我们经常要在写一些代码旁做一些HTML注释，这样做的好处很多。比如：方便查找，方便比对，方便项目组里的其他程序了解你的代码，而且可以方便以后你对自己代码的理解和修改等等。,HTML注释的开始使用,HTML注释语法,示例,思百授官网,基本的,HTML 标签,HTML 标记标签通常被称为 HTML 标签 (HTML tag)。,HTML 文档和 HTML 元素是通过 HTML 标签进行标记的。,HTML 标签是由尖括号包围的关键词，比如 ,HTML 标签通常是成对出现的，比如 和 ,标签对中的第一个标签是开始标签，第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签,某些 HTML 元素没有结束标签，比如 ,网页的摘要信息,2-1,网页摘要信息利于浏览器解析和搜索引擎搜索：,使用,标签,搜狐,-,中国最大的门户网站,网页的摘要信息,2-1,使用,标签,（,1,）描述文档类型和字符编码,（,2,）描述搜索关键字和描述,提供搜索关键字和内容描述信息，方便搜索引擎的搜索,HTML,页面中的块和行,HTML,标签分类（方便后续的布局设计）：,块级标签：显示为,“,块,”,状，前后隔一行,行级标签：按行逐一显示,分类好处：方便后续的布局设计,块级元素与行内元素的区别,块级元素和行内元素是布局最基本的两种元素，常见的块级元素有,div,、,p,、,form,、,ul,、,ol,、,li,等，常用的行内元素有,span,、,strong,、,em,等,。,块级元素会独占一行，默认情况下，其宽度自动填满其父元素宽度，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。,块级元素可以设置,width,、,height,属性。行内元素设置,width,、,height,属性无效。,注意，块级元素即使设置了宽度，仍然是独占一行的。,块级标签,根据使用场合，块级标签又细分为：,基本块级标签,常用于布局的块级标签,定义地址,标签定义列表项目,定义表格标题,定义有序列表,定义列表中定义条目,定义无序列表,定义文档中的分区或节,标签定义段落,定义列表,定义预格式化的文本,定义列表中的项目,标签定义 HTML 表格,定义一个框架集,标签表格主体（正文）,创建 HTML 表单,表格中的标准单元格,.,定义标题大小,定义表头单元格,创建一条水平线,定义表格中的行,标题标签,一级标题,二级标题,三级标题,四级标题,五级标题,六级标题,基本块级标签,3-1,h1,最大,h6,最小,前后隔行,操作演示,2,：标题标签,标题,标题,段落标签,北京欢迎你,北京欢迎你，有梦想谁都了不起！,有勇气就会有奇迹。,基本块级标签,3-2,前后换行，类似教材中的段落,操作演示,3,：段落标签,水平线标签,北京欢迎你,北京欢迎你，有梦想谁都了不起！,/p,有勇气就会有奇迹。,基本块级标签,3-3,横线用于内容分割,单个标签的闭合形式,操作演示,4,：水平线标签,练习,基本块级标签,需求说明：,显示唐诗介绍（,UltraEdit,环境 ）,完成时间：,20,分钟,分析应使用哪些标签？,有序列表标签,注册步骤：,填写信息,收电子邮件,注册成功,常用于布局的块级标签,7-1,有序列表,操作演示,5,：有序列表标签,列表项,1, ,无序列表标签,我是网站初学者,学习网站建设首先要学会策划网站。,学习网站建设一定要学好标签属性的应用,学习网站建设必须掌握DIV+CSS布局。,学习网站建设一定要掌握网站后台标签的调用。,常用于布局的块级标签,7-2,操作演示,6,：无序列表标签,列表项,1,无序列表,定义描述标签,咖啡,一种黑色的热饮料，原料据说是咖啡豆，非洲盛产这类原料。,可以提神，刺激神经。,常用于布局的块级标签,7-3,这种效果可以和无序列表互相替代，因,dt,是块状元素，所以常用于图文混编的布局场合,操作演示,7,-1：,dl,和,dt,标签,标题,描述,1,佳能（Canon） PowerShot G15 数码相机（1210万像素 1.8超大光圈 5倍光变 28mm广角）,商品编号：747379,京 东 价：￥2899.00(降价通知),促销信息：直降已优惠￥300.00,赠品赠下方的热销商品，赠完即止,常用于布局的块级标签,7-4,用定义描述标签实现图文混编的效果,演示示例7-2：定义描述标签图文混排,文字有一定的缩进,表格,百度,新浪,常用于布局的块级标签,7-5,-,表格, -,行, -,列（单元格）,演示示例8：表格示例演示,常用于布局的块级标签,7-6,表单,一般和,table,使用：,.,.,.,演示示例,9,：form表单标签,常用于布局的块级标签,7-7,分区标签,div,标签可内嵌到,等标签内，作为普通块状元素使用,新人上路,div,其实就是一个,.,操作演示,10,：分区标签,小结,1,、,div-ul(ol)-li,：常用于分类导航或菜单等,2,、,div-dl-dt-dd,：常用于图文混编的场合,3,、,table-tr-td,：常用于图文布局或显示数据,4,、,form-table-tr-td,：常用于布局表单,请说出实际开发常用的,4,种块状结构是什么？,练习,常用于布局的块级标签,需求说明：,实现简单的商品购买页,完成时间：,25,分钟,分析应使用哪些标签？,行内,标签,行内元素会在一条直线上，是在同一行的。,行内元素不可以控制宽和高，除非你想将它转变成为块级元素。它的宽和高，是随标签里的内容而变化。,标签可定义锚,输入框,表示一个缩写形式,标签为 input 元素定义标注,字体加粗,定义样本文本,可覆盖默认的文本方向,创建单选或多选菜单,大号字体加粗,呈现小号字体效果,换行,组合文档中的行内元素,定义计算机代码文本,语气更强的强调的内容,定义为强调的内容,多行的文本输入控件,斜体文本效果,打字机或者等宽的文本效果,向网页中嵌入一幅图像,定义变量,图像标签,行级标签,3-1,为了不同浏览器之间的兼容，推荐使用,title,属性 ，确保能显示提示文字,操作演示,11,：图像标签,范围标签,：,显示某行内的独特样式,商品价格,:,仅售,10,元,行级标签,3-2,操作演示,12,：,span,标签,文本等行级内容,设置红色、大号字突出显示,换行标签,北京欢迎你，有梦想谁都了不起！,有勇气就会有奇迹。,北京欢迎你，为你开天辟地,流动中的魅力充满朝气。,北京欢迎你，在太阳下分享呼吸,在黄土地刷新成绩。,北京欢迎你，像音乐感动你,让我们都加油去超越自己。,行级标签,3-3,和,的区别：,前后不换行,操作演示,13,：换行标签,本章总结：,1、熟悉域名、网站空间的购买,2、熟悉备案流程,3、熟悉网站制作流程,4、熟悉网站上传原理和操作,5、懂得网站域名解析、域名后台管理,6、掌握html相关标签,课后作业,实战操作：,1、制作一个简单的百度页面。,2、完成课后章节自测题。,3、完成主机屋虚拟空间的注册。,谢谢大家聆听,下节精彩待续！,