2023年网编程课堂笔记.doc

1、网页编程第四章一、工作原理在地址栏中输入URL-------->internet----->服务器 IE解释HTML编码变成网页二、HTML:标记语言以<开头,以>结束语法： <标记名> <标记名属性名="值"> <标记名>内容 <标记名属性名="值"> 内容注：1、标记结束 2、属性要写<>内 3、值可用"",'',省略。建议用双引号 4、不区分大小写 5、

2、常用标记 1. ... ：网页的开始和结束标记注：所有标记都位于中间 2. ... : 网页的头，放设立代码 3. ... : 网页的主体,放网页的重要内容 4. ... :设立网页标题栏上的文字注：放在 5. 描述信息注：放在例： 2秒后自动刷新网页

3、ontent="2;url=c:">2秒后刷新到C: 附加：属性: bgcolor="背景色", background="背景图片", bgproperties="fixed" 背景图片固定 6.

段落属性：align=left/center/right 对齐方式(左中右) 注：

可以省略,碰到第二个

，认为该段结束 7.

到

标题注：1.

字号最大，

字号最小 2.有align 3.标题与段落，标题与标题区别只有字号区别 8.
回车

4、注：

与
区别为

多一个空行 9.

:按预定格式输出，原样显示 10.字符格式化斜体加粗带下划线上标下标 11.

无序列表 12.

有序列表 13.

列表项注： a.有序列表

可以加type=1/A/a/I/i（数字/大字母...） b.

5、",width="宽度",noshade无阴影,color="颜色" align="对齐方式" 注：宽度可以使用比例 15.字体属性：size="大小",color="颜色",face="字体类型" 16.插图片 src="图片位置",align="bottom/middle/top" 对齐方式 alt="提醒文字" 注：a.对齐方式是指与图片同行的文字的对齐方式 b.提醒文字指图片不正常显示，则显示文字。另鼠标悬停时文字 17.

6、width="宽度">插声音和视频 18. 超链接属性：name="锚名称" href="途径" 格式：提醒文字或图片第一种：进入链接某页面第二种：雪山飞狐为目的取名雪链接到名为xue的位置第三种：雪跳到另一网页的某个位置第四种：联

7、系我用outLook发邮件第五章第五章表格:显示数据和布局组成:表格-->行-->单元格标记:

单元格

列标题

表标题 1. 属性: align 对齐方式(指表格的位置),width 宽, height高,bgcolor 背景色,background 背景图, bordercolor 边框色, border 边框的粗细 cellspacing 单元格之间的间隔,默认为1,cellpadding 内容

8、与边框的间隔 2.

属性: align 对齐方式(行内容的位置)(left/center/right) bgcolor 背景色,bordercolor 边框的颜色,valign 垂直对齐方式(bottom/middle/top) 3.

属性:align,valign,width,height, bgcolor,bordercolor,background colspan合并列,rowspan合并行 4.

列标题注:相称于

,只是

中的内容自动加粗居中 5.

表标题注:

9、位于表格上方,居中, 编码时需要写在

标记里面表单 1、表单标记注：所有的表单元素(组件)放在标记中属性： a.method="post/get" 提交方式 post在地址栏中不显示提交内容（表单元素的名称及值） get 显示提交内容 b.action提交页面 2.表单元素相关标记 a. 属性： type 文本框 text 密码框 password 提交按钮 submit 单击后会跳转

10、到action所规定的提交页面重置按钮 reset 清空，使表单元素回到初始状态普通按钮 button 图片提交 image 功能相称于submit 单选框 radio 复选框 checkbox 文献 file 隐藏域 hidden name 表单元素的名称 value 值 size 文本框的宽度 maxlength 文本框最大字符数 checked 选中(单选和复选) src 图片提交按钮的途

11、径操作细节 1.与的区别: 前者为图片提交，将所有表单元素的名字及值上传到服务器后者为页面跳转，只是简朴的超链接。 2.单选框和复选框分组，只需要将name即名字设立为同样就OK 3.单复框有提交值与提醒值之分男 value为提交值，提交时上传服务器标记后的男会显示在页面上，起提醒作用,跟提交无关 4.列表框和文本域不能使用input标记 5.单复框用checked，列表框用selected选中 6.按钮可以

12、用也可以用但第一，二章专业术语: 万维网,协议,UrL,HTML,网站,网页,静态网页,动态网页 Dreamweaver 梦工厂组成:菜单栏 ,插入栏,面

14、板组,属性检查器三种视图:代码/拆分/设计菜单栏: 编辑--->标签库(相称于帮助)/首选参数(可以改字体/颜色) 插入(插入所需要的标记) 窗口:显示所需的面板插入栏:常用(普通标记)/布局(对页排版)/表单(表单元素) /文本(格式化文字的标记)/flash元素操作一:建站点(管理网站信息) 建文献夹-->D中-->站点菜单--->新建站点-->为站点取名---> 否,不使用服务器技术--->选择站点所相应的文献夹-->如何连服务器:无-->完毕操作二:设立页面的属性属性检查器-->页面属性->整个页面的字体/字号/

15、前景/背景/超链接操作三:布局插入栏--->布局--->布局--->布局表格/布局单元格区别: 布局表格:不能直接输入文字或插图片,它生成的是

,里面可以放布局单元格布局单元格:能插文字和图片,但不能放表格或单元格,生成

附:超链接途径 1.完整途径 E:\1.html 2.相对途径: 1.html或 aa\1.html 3.URL: .com 4.文献Doc,ppt.excel 第三章模板 1、新建站点(必须建站点才干做模板) 2、新建一个普通网页(即做模块就跟做网页同

16、样) 3、各网页相同部分在模块中做好，不同部分变成可编辑区域：选中-->插入--->模板对象-->可编辑区域 4、创建模板插入-->模板对象--->创建模板注：模板的后缀.dwt,放在目录Templates中 5、使用模板在需要套用模板的页面-->编辑-->模板-->套用模板到页插入表单和表单元素注：1.先插入表单再插表格，最后加表单元素 2.可以在属性栏中更改表单元素的属性多媒体 1、flash文本，flash按钮，flash(swf) 环节：插入-->媒体注：gif图片，插入-->图像层：z轴越大，离我们越近

17、浮动广告： 1、插入层:插入-->布局对象-->层 2、时间轴：窗口菜单-->时间轴(让时间轴可见) 将层拖届时间轴上---->拖长时间轴（速度慢些）--->选择最后一帧---->将层拖到最后停止的位置-->选择自动播放，循环播放--->在中间帧右击选择插入关键帧-->拖动层（调置曲线路）行为：窗口菜单--->行为(事件) 常用事件: onLoad:页面打开 onclick:单击 onDoubleClick:双击 onmouseOver:鼠标悬停 onmouseOut:鼠标离开 onmouseUp:鼠标松开 onmouseDown:鼠标按下图片：

18、 jpg:图片效果好,不支持动画，占空间大 gif:支持动画，但像素低，效果差，占空间小第七章样式表:css(级联样式表/层叠样式表) 作用:1、扩展了HTML的功能 2、提高重用功能 3、动画常用样式 1、文本 text-align: left/right/center 对齐方式 text-decoration:overline/underline... 文字装饰 line-height:行间距 letter-spacing:字间距 text-ind

19、ent:缩进(长度单位)5em 2、背景/颜色 color:字体颜色 background-color:背景色 background-image:背景图片 background-repeat:no-repeat(不反复) （反复方法） /repeat(反复) /repeat-x(横向反复) /repeat-y(纵向) background-position:对齐方式 left/right/center/bottom/top 3、字体 font-family：字体 font-size:

20、字号 font-style:字体样式(斜体等) font-weight:字体粗细 4、边框： Border-style:边框样式 double(双线) dashed(虚线)... border-color:边框颜色 border-left-color:左边框颜色 .... 5、定位(一般用于层)150页样式分类一、行内样式表:样式少注：只能当前标记内的内容有效格式：<标记名 style="属性:值;属性2:值.."> 二、页面级样式注：当前页面有效页面样式必须写在 1 框架:不能同时使用body和frameset //将网页提成上下两份，上占3

47、0% //下占70% //在上面添加top.html网页,名为T 将下面提成左右两份附加属性 noresize 不能改变框架大小 srcolling 是否带滚动条 frameborder 是否有边框

48、 border 边框的粗细 marginwidth 宽(左边距) marginheight 高(顶边距) 框架上的超链接 1、新闻 //点击新闻链接到到right.html,出现在名为r的框架中 _blank:在新网页中打开 _top:破坏本来框架，独占IE显示 _self:在当前部分打开注：只针对一个超链接 2、例： //指当前网页上的所有超链接所有到r框架绘制图案 int x,y; public void paint(Graphics g) { //设立绘图对象的颜色为红色 g.setColor(Color.red); //在当前位置画一个5个像素宽高的矩形(起点x,起点y,宽，高) g.fillRect(x,y,5,5); } //鼠标拖动事件 public void this_mouseDragged(MouseEvent e) { //获得鼠标按下时的位置，即x轴和y轴 x=e.getX(); y=e.getY(); //调用窗口自带动的绘图方法 this.repaint(); }

关于我们便捷服务自信AI AI导航抽奖活动

客服电话：0574-28810668 投诉电话：18658249818

浙公网安备33021202000488号

浙ICP备2021020529号-1 | 浙B2-20240490

关注我们：

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
特别说明：	请自助下载，系统不会自动发送文件的哦；如果您已付费，想二次下载，请登录后访问：我的下载记录
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

2023年网编程课堂笔记.doc

2023年网编程课堂笔记.doc

到

标题 注：1.

字号最大，

标题注：1.