html教程第一章.pptx
- 文档编号:1276101
- 上传时间:2022-10-20
- 格式:PPTX
- 页数:28
- 大小:3.83MB
html教程第一章.pptx
《html教程第一章.pptx》由会员分享,可在线阅读,更多相关《html教程第一章.pptx(28页珍藏版)》请在冰豆网上搜索。
自我介绍,教师姓名张荣茜电子邮箱:
办公室:
知行楼207联系方式:
339743004562444020,课程简介,课程名称:
网页编程基础总学时32上课时间/地点上课:
知行楼,注意关注电子屏,教材和参考书,网页制作与网站建设技术大全,清华大学出版社,徐磊Web前端开发技术HTML、CSS、JavaScript,人民邮电出版社,聂常虹http:
/,考核方式,课程总评分(满分100分)到课率及平时表现10%平时作业30%课程设计60%到课率及平时表现10%:
缺课1次扣1分,扣到0分为止平时作业30%:
缺交作业1次扣5分,扣到0分为止课程设计60%个人网站为你将来工作的单位设计并制作一个主页为你的班级、家乡、母校制作一个主页为你喜欢的电影、明星、歌曲制作一个主页,课程要求,春眠不觉晓,上课别迟到;夜来风雨声,作业按时交。
多看与多写,实践最重要;勤巧作舟楫,学海任消遥。
可以借鉴他人作品,但不能copy,一旦发现本课程成绩为不及格。
第一章网页设计与网站建设的基础知识第二章HTML超文本标记语言第三章网页设计工具Dreamweaver第四章CSS层叠样式表第五章JavaScript脚本编程,网页设计与网站建设的基础知识,第一章,主要内容,什么是网页、浏览器,网页设计的一般步骤,网页设计的元素及工具,Web服务器的基本原理,Web服务器配置,什么是web网页?
网页一般由文字和图片组成,复杂一些的还有声音、动画等多媒体内容,几乎所有的网页都包含链接,可以方便地跳转到其它相关网页或相关网站。
网页文件由HTML语言描述,通过浏览器将HTML文件(网页)解析成我们看到的图文并茂的页面。
Web服务通过超文本传输协议(HTTP)向用户提供多媒体信息。
所提供信息的基本单位是网页,每一个网页可以包含文字、图片、声音等多种信息。
此外页面上还可加入超链接,使用户能够通过这些超链接直接访问另一个页面。
什么是web服务?
Web服务的基本工作原理,Web浏览器使用HTTP命令向一个特定的服务器发出Web页面请求。
若该服务器在特定端口(通常是TCP80端口)处接收到Web页面请求后,就发送一个应答并在客户和服务器之间建立连接。
服务器Web查找客户端所需文档,若Web服务器查找到所请求的文档,就会将所请求的文档传送给Web浏览器。
若该文档不存在,则服务器会发送一个相应的错误提示文档给客户端。
Web浏览器接收到文档后,就将它显示出来。
当客户端浏览完成后,就断开与服务器的连接。
浏览器就是接收浏览者的操作(打开一个网址、点击一个链接、点击一个按钮),然后帮助浏览者去web服务器请求网页内容(HTML格式返回),然后展现成人眼能够看得懂的可视化页面的软件。
IE=浏览器?
IE是浏览器的一种还有FireFox、Opera、Chrome等,注意搜狗、360、QQ浏览器等并不是一种独立于IE的浏览器,他们的内核还是IE的内核(只不过换了一个外壳而已)Trident引擎就是IE的WebBrowser控件。
现在很多非IE核心的浏览器用的是WebKit引擎,比如搜狗的双核、chrome、safari等。
Gecko是火狐浏览器的内核。
什么是浏览器?
需求分析收集素材网页设计(信息、美工)网页制作(信息、美工)发布网站网站的维护,网页设计的一般步骤,Dreamweaver、Frontpage、记事本,Fireworks、Photoshop,Flash、ActiveGIFCreator,声音编辑工具,Dreamweaver、Frontpage、记事本,Javascript、ASP、PHP、JSP,网页设计元素,HTMLHTTPURL静态页面、动态页面,常用术语,超文本标记语言(HyperTextMarkupLanguage)是专门用于构造Web页面文件的工具语言扩展名为“.html”或“.htm”HTML就是描述网页长什么样子、有什么内容的一个文本。
查看网页的描述内容(HTML)的方式:
使用IE浏览器的话,在网页上点击右键,选择“查看源文件”,什么是HTML?
浏览器兼容性问题:
描述文件是统一的,但是就像口语翻译一样,不同的翻译翻译出来的东西也是有差异的,所以同一个网页在IE上和FireFox上看起来可能长得不一样。
因此web开发过程中的一个重要的也是最头疼的问题就是浏览器的兼容。
通过安装不同的浏览器来测试.,什么是HTML?
超文本传输协议(HyperTextTransferProtocol)定义了Web服务器与客户机之间传输网页的规则是用于从WWW服务器传输超文本到本地浏览器的传送协议。
它可以使浏览器更加高效,使网络传输减少。
它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示,什么是HTTP?
统一资源定位符(UniformResourceLocator)完整地描述了Internet上超文本的地址一个完整的URL包括服务协议、主机名、路径名和文件名典型的URL如下所示:
http:
/,什么是URL?
网站页面分为静态页面和动态页面两种静态页面:
有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器;动态页面:
服务器上没有浏览者要看的页面,而是服务器动态生成的html页面发给浏览器,动态语言的服务器端可以用c#、VB.Net、PHP、Java、C等编写。
静态页面、动态页面,Web服务器也称为HTTP服务器,它响应来自客户机浏览器的请求,并且发送所请求的网页给客户机。
当访问者在浏览器的地址文本框中输入一个URL,或者单击在浏览器中打开的网页上的某个链接时,便生成一个网页请求。
什么是web服务器?
常用的Web服务器软件有:
MicrosoftInternetInformationServer(IIS)ApacheHTTPServerApacheTomcateServer,什么是web服务器?
五种常见的Web应用程序服务器Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序:
ASP(ActiveServerPage:
动态服务器网页技术)ASP.NET(.NET平台的动态服务器网页技术)JSP(JavaServerPage:
Java服务器网页技术)PHP(PersonalHomePage:
个人主页技术)ColdFusion(可用于Windows和Solaris操作系统平台的动态服务器网页技术),什么是web服务器?
选择哪一种Web应用程序技术取决于多个因素,其中包括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。
如果采用IIS服务器,则可以选择ASP或ASP.NET。
如果采用PHP服务器,则可以选择PHP;如果采用JSP服务器,则可以选择JSP。
如果采用ColdFusionMX服务器,则可以选择ColdFusion。
本课程选择了Windows的ASP动态网页技术,什么是web服务器?
Windows操作系统下建立Web服务器WIN7下IIS7.0安装
(1)单击“开始”“控制面板”,双击“程序和功能”;
(2)单击“打开或关闭Windows功能”;(3)选中“Internet信息服务(IIS)”和Microsoft.NetFramework;(4)单击“确定”。
注意:
在安装后,可以启动浏览器,输入地址:
localhost。
若显示其网页,则表示IIS正常安装,web服务器配置,单击“开始”“控制面板”“管理工具”“Internet信息服务(IIS)管理器”;单击“网站DefaultWebSites”,在右边工具栏中单击“编辑网站-基本设置”,打开“编辑网站”对话框。
在“物理路径”文本框中输入新的目录路径。
现在已完成了Web服务器的配置,它将根据浏览器的请求,提供根文件夹中的网页。
假如建立网页文件test.htm,将它存放到本机默认网站的主目录d:
inetpubwwwroot下。
那末,其浏览地址为:
127.0.0.1test.htm。
设置网站默认主目录,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 教程 第一章