相关网盘免费资源下载...
1.基础知识
a.<p> </p>p标签可以换行（段落标记）
b. <span>标记是行内标记，主要用于为一行中的某个元素进行style设置，eg：
<p>
<span class='A'>龙马工作室</span> 是好的 //span就是为了将“龙马”单独指定样式
</p>
c. 行内标记就是可嵌入一行中的元素
d. frameset框架集+frame框架
e.Iframe就浮动帧，直接嵌入html（画中画）
f. --> <---可以父子级别切换
g. 创建网站首先创建站点-->利于文件资源的维护和整理（本地和远程）
h. 创建本地站点时，首先把网站的结构设计好
2.静态网站
i.创建文档/修改页面属性/Ctr+j
j. 插入文本
k. F12浏览页面效果
l. 文本换行//shift+enter，或者插入</br>
3.
a. 文本的属性设置：属性/css进行文本的设置
b. 字体的样式：格式/样式
c. 编辑段落：格式或者属性面板/html进行段落的编辑
d. <pre> 预编辑格式化
e. 空格： 
f. 缩进:ctr+alt+左右键
g. 创建项目列表：无序列表（ul li，一般使用* .等来进行编号）；有序列表（有编号）
h. 嵌套列表:缩进
i. gif、jpg、png（无损）
4.图像
a. 插入/图像
b. 链接：index.html 或者可以直接拖到相应的链接页面（本地资源列表中的html）
c. 鼠标经过的图像
d. 图像占位符
5. 创建链接
e.绝对路径：相对于本地而言，使用相对路径好，利于整站的移动
f. 站点根目录用"\"来标示
g. 创建锚点链接：插入/命名锚记（锚记不能放入层内）
h. 链接锚记：#锚记名
i. 下载文件的链接（是个过程方法）
j. 空链接：#
k. 脚本链接：在链接中直接输入脚本即可，eg：javascript:windows.close()
6.表格的布局
a. 可视化助手
b. 表格中可以直接插入所有的页面元素，也可以嵌套表格
c.嵌套表格花费时间长
d.单元格/表格属性
e.ctr+向上箭头，可以选中某个单元格
f.ctr+f3设置表格属性
g.表格的常用参数：填充(1) 间距(2)
h.shift：是连续单元格的选择
i. ctr是跳选多个单元格
j. tab是单元格的跳转
k.表格的排序:修改/表格排序
7.利用框架制作网页
a. 首先划分不同的区域，（每个区域可以显示不同的页面）
b.frameset(组织多个文档的容器）,frame（单个文档）
c. 共同内容可以更新（相当于母版页）
d. frameset中的多个frame都是一个页面，可以分别设置页面属性
e. 嵌入frameset ：修改/进行框架拆分； html/插入; 插入框架
f.保存所有：看将所有框架集和框架文档进行保存
g.[框架]面板：来选择frameset和frame
h. 先选中框架集，然后alt+向下箭头来选中该框架集中的一个框架
i.浮动框架：iFrame
8. CSS
a.每个文档都可创建css规则：使用窗口/css窗口,来创建css规则
类： .class
id: #id
标签： 就是元素名称
b. 区块：间距,缩进
c. 方框：float浮动； padding：填充
d. padding和margin的区别：http://blog.163.com/email_wangyong/blog/static/126152455200972431013536/
e. 定位position：主要指页面scolling时的位置
f. overflow：溢出时，元素的显示
g. 附加和外部样式表：可以为当前文档链接外部样式
h.多个元素用一个style时，最好使用class （因为id不能同名）
i. Css过滤器（主要是filter属性）：可以实现alpha透明过渡特效，chroma可以现实抠图，遮罩。mask
9.CSS+Div布局
a.div是容器标记（元素），可以容纳各种html元素。
b. 盒子模型（所有页面元素都可以视为盒子）
c. 定位position：
float定位是针对父元素的位置进行对齐
position定位与父级无关
10.布局的常用方法
d. 将各个内容（head，float，banner，content）用div进行分块-->最外部有个总块（总div，进行全局css控制）-->每个div中可以进行行内css
e. 子div设置float属性后就可以不遵从页面的”流式“概念了，eg：
<div id="a"> A</div>
<div id="a"> B</div> //最终就是 A元素一行
B元素一行
<div id="a" style="float.. left.."> A</div>
<div id="a" style="float.. right.."> B</div> //最终就是 A，B 同一行
<div id="a" style="clear：both>C</div> 为使C元素不受浮动的影响则应该应用style="clear：both”
f. body.html{..}
container{...}
g. ur/li 是无序布局； h1,h2标题，P段落是有序布局
h. 如果子div不指定width时，则默认会继承父div的width
i. 设置width与设置padding-left/right有时会有一样的效果
j. <ul>/<li>：一般用来制作分级和导航标题，<li>中可以容纳所有的html元素（一般常用来制作<a href> )
k. <a href="#"> <img src="img.jpg"></a> //a标签一般是和inner text或者img配合使用的，是一个行内元素
11.AP DIV
a.插入/布局对象/ap div
b. 设置ap div ：可见性，顺序，防止重叠
c.元素名只能用：字母+数字+下划线
d.表格能重叠：可以勾选 防止重叠
e. 修改/排列顺序，可以批量的修改ap div，包括：对齐、网格对齐（查看/网格对齐)
f. 首选参数：可以进行全局设置
g.嵌套ap div：可以直接先选中副ap div，然后插入ap div，就可以创建嵌套的ap div
h. ap div可以与表格进行相互的转换，修改/转换/ap div转换为表格
i. 将ap div转换为表格是为了兼容ie7.0以下的版本
j. 表格不好调整，i可以先转换为ap div然后进行调整
12.标签检查器/行为：设置action
13.网页元素的美化
a. 水平线hr
b.选中元素-->右键-->标签编辑器
c.插入日期
d.插入/特殊字符
e.插入媒体
f. shockwave是可以交互的界面
g.背景音乐
<head>
<bg sound src="image/yinyue.mp3" loop="-1">
h. 插入 applet(就是js）
i. 插入active（就是插入插件，只支持ie）
15. 表单
a.插入表单域（可以提交服务器）
b.服务器控件必须放入form中
c. get不支持机密数据的传输（有传输数据上限）
d.服务器控件创建时，无form的话，默认dreamweaver会自动创建一个form
16.动态网页
e.列表和表单
f.跳转菜单/导航
17.action/事件（主要是js的）
g.窗口/行为/标签查看器
h. dreamweaver的action主要是前台的js动作
i.检查插件（action）
j.预先载入图像
k.ap div和div都可以视为容器
l.显示/隐藏 元素
m.改变元素的属性
n. 拖动ap元素
18.Javascript
a.javascript是由客户端解释的
b.窗口/片段(小的javascript应用）
c.先选中元素-->插入/htiml/脚本
19.网站的发布于维护
d.网站发布
e.在线测试网站
站点/报告（可进行优化和测试);用firefox测试；站点/链接检查器-->可以检查丢失的链接
f. ftp上传文件到服务器
20.网站开发具体流程
20.1创建库文件
a.首先创建本地站点 （站点/管理站点）
b. 库文件设计（lib文件，相当于自定义控件）
c. CSS的创建方式：
可以先创建css，然后套用，也可以直接使用属性调整回自动生成css文件
d. 库文件： save as /*.lib
e. 尺寸中的百分比一般是相对父容器而言的
20.2创建模板（html，asp模板，相当于母版页）
g.模板可以调用资源面板中的lib文件
h.创建可以编辑区域(创建/可编辑区域），相当于asp.net中的placeholdcontent
i.使用模板创建页:新建/模板中的页
j.复合内容：就是选择过滤id（父元素标签名/子元素标签名...)
k.服务器/客户端元素（控件）都可以放置在form中
21.
a.dreamweaver中的代码（即使保存为asp.net)也只能由客户端解释完成
b.VS中的asp.net的表示层是服务器来解释的，
c.所以将dreamweaver的代码copy到aspx中的表示层时，需要将有些前台控件转换为服务器端控件
相关网盘免费资源下载...
扫一扫
1157
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
