上一讲回顾CSS层叠样式表简介编辑CSS样式表CSS语法常用的样式属性(自学)应用CSS到网页中编辑CSS样式表在head和/head之间输入CSS样式表的语法样式表的基本结构文档样式表开始,类型为CSS样式声明文档样式表结束样式规则样式规则语法要点样式规则包括三部分:选择器,样式属性及属性值。选择器P{color:red;font-size:30px;}属性属性值**CSS选择器**常用的选择器有以下五类标签选择器id选择器类(class)选择器群组选择器派生选择器一个#开头表示ID选择器定义用id=“类别名”的方法调用用一个点开头表示类选择器定义用class=“类别名”的方法调用将多个选择器以逗号隔开将多个选择器以空格隔开实例:H2静夜思/H2P床前明月光,/PP疑是地上霜。/PP举头望明月,/PP低头思故乡。/P已知网页代码如下,编写css样式表,控制H2和P标签中字体颜色都为红色,字体都为隶书应用CSS到网页中的方式内联式(InlinkCSS,也称为行内样式)内嵌式(EmbeddedCSS)外部链接式(ExternallinkingCSS)其语法格式如下:head………/headbody………HTML标记style="样式属性:取值;样式属性:取值;…"………/body其语法格式如下:headstyletype="text/css"选择符{样式属性:取值;样式属性:取值;…}/style/head先把样式表保存为一个单独的文件,然后在页面中用link标记链接到这个文件注意这个link标记必须放到页面的head区内,其语法格式如下:head……linkhref=mystyle.cssrel=stylesheettype=text/cssmedia=all……/head外部链接式指示被链接的文档是一个外部样式表规定被链接文档将显示在所有设备上指示被链接样式表文件路径第一步:创建样式表文件mystyle.css使用link(链接)标签:headlinkhref=“mystyle.cssrel=stylesheettype=text/css/head第二步:把样式文件和网页绑定第二步:把样式文件和网页绑定三种使用方式的综合内嵌式外部连接内嵌式优先程度:内联式内嵌式外部链接内联式第17-18周:网页作品答辩(抽签决定)第18周:提交作品光盘!本讲主要内容网站的发布与推广服务器相关概念如何获得服务器如何推广网站网页制作完成并在浏览器中调试正常后,需要一个存放主页的空间,将完成的Web页上传至这一存放空间。服务器通信线路网络设备互联网是由千百万台计算机组成的庞大集合,所有的计算机通过通信线路和网络设备进行互联。所有的计算机之间通过找到一条路径访问对方进行互相通信。家庭计算机可以使用能与互联网服务提供商(ISP)通信的电话线调制解调器、DSL或电缆调制解调器与互联网连接。企业或大学里的计算机通常有网络接口卡(NIC),可以将该计算机连接到企业内的局域网(LAN)。之后,企业可以使用如T1线路这样的高速电话线路将其LAN连接到ISP。ISP之后再与更大的ISP连接,而最大的ISP维护整个国家或地区的光纤“构架”。世界各地的构架通过光纤、海底电缆或卫星链接而连接起来。•一般说来,互联网上的所有计算机可以分成两种类型:服务器和客户端•向其他计算机提供服务的计算机是服务器(如Web服务器或电子邮件服务器)。•连接到服务器上获取服务的计算机称为客户端。例如:当您连接到贵州师大网站阅读一个网页时,贵州师大将提供一台计算机(很可能是很大的计算机群集)在互联网上使用,以便为您的请求提供服务。而这台计算机就是服务器。另一方面,您的计算机有可能没向互联网上的其他人提供任何服务。因此,它是一台用户计算机,也称为客户端。一台计算机既是服务器也是客户端的情况是可能的,也是常见的。因特网服务器浏览器程序服务器程序客户端HTTP响应报文响应文档HTTP请求报文请求文档网页客户端请求服务,服务器响应服务的基本过程互联网上的计算机数以千万计,为了准确区分网上不同的计算机,让信息在网络中正确传输,互联网上的每一台独立主机都有唯一的地址与之对应,称为IP地址。•服务器具有静态IP地址,不会经常变化。注意:互联网上的计算机,要与服务器通信,只要有IP地址就够了。如果您使用的是Windows计算机,可以通过IPCONFIG命令查看有关计算机的大量互联网信息(IP地址和主机名等)平时家里上网的IP是动态的。如果需要固定的IP地址,是需要向你的ISP申请的。比如:贵州师大负责网络接入的ISP是网络中心,可以到网络中心去申请静态IP地址。(免费)网络中心又向上级ISP(如电信公司、网通公司或中国互联网信息中心)申请IP地址。(付费)因为大多数人很难记住组成IP地址的一大串数字,又因为IP地址有时需要更改,所以互联网上所有的服务器还有易读的名称,称为域名。例如,mail.gznu.edu.cn就是一个永久性的易读名称。对我们中的大多数人来说,记忆mail.gznu.edu.cn要比记忆210.40.64.4更容易。第一步:挑选域名注册商(如万网、新网、中国E动网、易名中国等)第二步:查询每一种域名的价格并充值相应的款项第三步:根据网站上的步骤填写资料和注册域名服务器(DNS)可以将易读的域名映射到IP地址(相当于你的手机电话号码本)。例如:=119.75.218.45tieba.baidu.com=119.75.220.13mail.gznu.edu.cn=210.40.64.4多数单独的公司、ISP和大学均维护小型的域名服务器。例如:师大花溪校区域名服务器地址:210.40.64.27域名服务器方法1—租用服务器(付费)搜索“服务器租用”便可得到大量的IDC供应商的信息,可向其购买服务。IDC就是internetdatacenter互联网数据中心。简单说就是放网站服务器的地方。•服务器必须24小时开机,以供用户随时访问IDC机房资质:认证证书、营业执照口碑:论坛的评价24小时机房服务,价格独立服务器:独立一台服务器(大访问量)VPS主机:一台服务器模拟成多个服务器,几个用户一起使用(中等访问量)虚拟主机:几十上百用户合用一台服务器(访问量较少)VPS服务器(虚拟专用服务器)是利用虚拟服务器软件在一台物理服务器上创建多个相互隔离的小服务器。这些小服务器(VPS)本身就有自己操作系统,它的运行和管理与独立服务器完全相同。虚拟主机就是利用软件在服务器硬盘上划分出来的一部分虚拟的容量。一台服务器主机只能够支持一定数量的虚拟主机,当超过这个数量时,用户将会感到性能急剧下降。租用虚拟主机之后,会得到一个网页空间,服务器供应商会提供服务器接入互联网的IP地址、二级域名、传输网页的FTP帐号及密码,并建有根目录。我们可以将站点的数据上传到服务器根目录内,并解析自己的域名到虚拟主机IP,即可访问网站。FTP是一种网络数据传输协议,利用FTP可以将本地的站点的数据传输到服务器上。例如,租用虚拟主机后获得的信息如下:虚拟主机IP地址:58.215.74.11ftp帐号:webtest密码:123•在管理站点菜单项中选择要上传的站点,点击编辑•打开文件面板方法2—申请免费域名空间•近年来经济不景气,许多原来提供免费空间的网站,不是结束营业,就是要收费。•目前网页的免费空间越来越少。•免费域名一般是二级域名或带免费域名机构相应信息的一个链接目录,其服务没有必要的保证(如可能随时被删除或停止)。登录到提供免费空间的网站填写基本信息检测用户名必须真实填写申请成功,确认信息输入域名,查看效果上传文件登录到提供免费空间的网站输入用户名和密码进入到空间管理页面方法3—配置个人电脑为服务器•利用“MicrosoftInterner信息服务”(IIS)配置web服务器•利用服务器操作系统(例如:window系统中常用的Server2003sp2以及Server2008R2)配置服务器第一步:安装IIS操作系统版本与IIS版本的对应关系在Windows98/95下,安装MicrosoftPersonalWebServer4.0(PWS个人网页服务器)。在WindowsNT、2000下,安装IIS4.0在WindowsXPpro下,安装IIS5.0/5.1在Windows2003下,安装IIS6.0在WindowsWindows7.0下,安装IIS6.0或IIS7.0•点击“控制面板”|“添加/删除程序”图标IIS安装操作步骤单击“添加/删除Windows组件”按钮选中Internet信息服务(IIS)复选框单击下一步按钮进入安装程序的配置界面“Internet信息服务程序”图标,出现在“控制面板”的“管理工具”中单击完成按钮第二步:配置服务器•双击控制面板“管理工具”中的“Internet信息服务程序”图标•打开“Internet信息服务”窗口展开当前计算机提供的信息服务单击网站按钮展开选择“属性”命令选择“默认网站”选项单击鼠标右键打开“默认网站属性”对话框1)设置“网站”选项卡输入关于站点的名称或属性输入该服务器在网络中的IP地址访问者浏览网页用的是这个IP地址提示:可以输入本机IP回环地址:127.0.0.1进行测试为服务器的服务指定端口号(套接字)提示:可以设置多个端口号配置多个web站点用户访问时输入:“IP地址:端口号”预备工作:在“Internet信息服务”窗口中单击选定主机名,然后选择“操作”→“新建”→“Web站点”2)设置“主目录”选项卡选择本地计算机作为来源键入站点所在的路径提示:为了增加安全性,不要在根文件夹中创建web站点3)设置“文档”选项卡选中“启用默认文档”复选框•将被服务器用作网站首页的页面•当浏览者输入IP地址后,IIS将按照由上到下的次序自动提供给用户单击“添加”按钮添加到列表中调整文件的排列顺序4)查看运行结果在浏览器地址栏中输入:IP地址或127.0.0.1即可浏览本地网页•推广方式之一:各大搜索引擎网站登录•所谓「登录」就是透过在线申请的动作,只要网站一经该入口网站的编辑人员审核通过,就可以将网站登记到该分类搜寻数据库中;这个动作对于网站经营者而言,将是个增加曝光率的重要途径。•以登录Google搜索引擎为例•登录google中文网站提交地址:本讲实践任务:要求:1、申请一个免费域名空间,并测试你的网站,要求给出网址2、借助互联网查询如何在win7系统下配置个人电脑为web服务器,写出操作步骤,并给出测试截图提交时间:下次课网页基础课程就给同学们介绍到这里!希望同学们根据自己的兴趣爱好,继续学下去,用下去!