6.1 网站和网页课件16张PPT

文档属性

名称 6.1 网站和网页课件16张PPT
格式 zip
文件大小 406.2KB
资源类型 教案
版本资源 浙教版
科目 信息技术(信息科技)
更新时间 2019-06-27 18:45:29

图片预览

文档简介

课件16张PPT。网页和网页目 录网页
动态网页与静态网页
网页的文件结构及支持技术
常用的网页制作工具
网 页网页是构成网站的基本元素,是承载各种网站应用的平台。
一个网页就是用HTML语言标记的文件。
例题:进入一个网站首先看到的页面称为首页。通常首页的文件名为( )
A. waidu.css C. Index.htm
B. zpx.txt D. 首页.htm 动态网页与静态网页静态网页动态网页动态网页常见格式: .asp 、 .php 、 .jsp
静态网页常见格式: .htm 、 .html 、 .xml
动态网页与静态网页 网页的文件结构及支持技术 查看网页代码的方法:
(1)网页编辑软件打开
(2)记事本打开
网页的文件结构及支持技术网页代码的基础组成,,和三部分组成。
定义 HTML 文档
定义文档的头部
定义文档的主体。和中间是整个网页的内容。
网页的文件结构及支持技术网页的常见标签
......——网页标题
…………
——表格标记
——超链接
——图像标记
……——字幕标记

…………

——段落标记

新浪网 ——超链接标签,
此为指向新浪网的链接

图片宽度为400像素,高度为260像素,图片来自网站里images文件夹里的ayh.jpg这张图片
例题1、网页“index.htm”中的文字“魅力新疆”是一个滚动字幕,请问在网页中用来标记滚动字幕的是( )。
A、
B、
C、
D、
例题2、使用HTML编写网页时,代码的作用是( )。
A、设置网页的背景图片
B、在图片上创建一个超链接
C、在网页中插入一张图片
D、设置单元格的背景图片 网页的文件结构及支持技术


网页制作技术 网页的文件结构及支持技术


动态脚本 网站建设中经常使用网页脚本语言,网页脚本语言很多, 其中VBScript, JavaScript等简单易懂的脚本语言,结合HTML代码,即可快速完成网站的应用程序开发。网页制作技术例子: 返回0-99之间的随机数
?

网页的文件结构及支持技术


网页制作技术CSS样式表网页HTML中大量使用DIV、SPAN、TABLE表格等标签布局,要实现漂亮的布局(CSS宽度、CSS高度、CSS背景、CSS字体大小等样式)我们就需要CSS样式实现。?
?
H1.mylayout?{border-width:?1;?border:?solid;?text-align:?center;color:red}?
?

?
rel="stylesheet"?type="text/css">?

例1、查看“index.htm”的HTML代码,里面有一段代码如下:

这说明这个网页制作时采用了( )动态网页技术。
A、脚本(Script)
B、文档对象模型(DOM)
C、级联样式表(CSS)
D、事件(Event)
例2、下列代码中,运用了“嵌入式样式表”技术的是( )。
A、
B、
C、
D、
常用的网页制作工具Amaya,用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具
Dreamweaver,用于编辑HTML、ASP、JSP、PHP的辅助工具设计的网页
Frontpage(微软公司),跟Dreamweaver一样
记事本总 结网页的概念
动态网页与静态网页
网页的文件结构及支持技术
常用的网页制作工具
Thank You