DW上课笔记
- 格式：doc
- 大小：97.00 KB
- 文档页数：17
学好做网页：
3方面:
1.多看
2 多想
3 多做
网站颜色搭配：
儿童网站:橙色,粉红色,紫色.
时装网站:黑、白色。
高科技网站：蓝色
:有关信息
:分段
:软回车
识别html页面:
...
html文件的主体:
...
指定Html文件的信息,如作者.等.:
位于web页的开头,包含与web有关的信息.:
...
网页标题
有序列:
无序列:
段落格式:
分段:
...
换行:
...
倾斜:
...或...
加粗:
...或...
空格:
预格式化:
插入水平条:
链接:
链接文字
表格代码:
定义表格:
定义行:...
定义单元格:...
定义表头:...,位于第一行或者第一列.
定义标题:...位于
table的属性:
cellpadding="值",表示边距.
cellspacing="值",表示间距.
bgcolor="颜色",表示背景颜色.
bordercolor="颜色".表示边框颜色.
background="图像".表示背景图像.
第二节,简介与网站的建立
一,简介
1 dw是一个用于可视化设计与管理网页和网站的专业级Html编辑器.
2, 界面
1),插入面板:ctrl+f2
2),属性面板:ctrl+f3
3),隐藏面板: f4
二,创建网站
1,规划站点
决定站点的目标,如希望通过网站获得什么?(要干什么?)
选择站点面对的对象?希望吸引哪些人?
创建具有浏览器兼容性的站点.
组织站点的结构,在本地磁盘上建立站点,修改结束后再公布于众.
收集资源.
2,创建站点的基本结构
1),选择"站点"下面的"新建站点"
2),在"站点"对话框中选择"高级"
3),输入站点的名称(该名称出现在站点窗口中F8)
4),指定网站文件存放的位置
5),自动刷新本地文件列表,如不选中,将提高DW向站点内拷贝文件的速度,但站点不会自动刷新
6),默认图像文件夹,通常输入images
7),http address中输入网站的URL,如果没有则留为空,
8),缓存如不选则打不开资源面板
9),选择"站点地图布局",在主页中输入index.htm
10),确定
3,在站点中创建子页面,右击站点根目录,选择"新建文件"
4,编辑页面:双击文件名.
5,测试页面:先保存,再F12.
6,打开己做好网站窗口的方法:
"站点"-"新建站点",输入站点名称(随意),再指定网站源文件位置,确定.
3,制作网页
4,上传,维护网站.
第三节: html语法
一,html语法:由标记符(tag)和属性所组成,浏览器只要看到html文件的标记符和属性就可以将它解释成网页.
1,DW的视图方式:三种
1)设计视图
2)代码视图
3)设计代码视图
2,本质原理: 标记符 属性=值(如果是多重属性就再加空格,属性=值)
二,html框架:由三部分组成
1,html标记符:....是web文档的第一个和最后一个标记符,用于识别html页
面,web的所有内容都位于这二个标记符之间,
其中包含:
1),用于指定html文件的相关信息,如作者,版权等.
2),...用于定义网页的标题;
3),...位于web页的开头,它包含一些与web有关的特定信息.
4),...用于指定html文件的主体.
2,空格,回车在格式控制中不起作用
3,注释标记符:,用于增强程序的可读性,易于修改.
第四节:网页的布局(lyout)
一,布局:指页面在浏览器中表现的形式,如图像或菜单等的位置,
二,使用布局视图:
1,通过"查看"-"表格模式"-"布局模式"OR工具栏(ctrl+f6)
2,向页面添加表格(宽度为1000or760px)
3,再向布局表格中绘制布局单元格(按ctrl可连续绘制)
4,退出到"标准"模式后,再添加内容.
三,使用FW的切片功能布局页面:
1,找到布局较好的网页,并抓图;
2,打开FW粘贴抓屏所得到的图像;
3,对图像裁减合并,形成草稿图;
4,注意图像的宽度不能超过1024PX;
5,利用FW切片对图像切割;
6,切割完以后,通过"文件"-"图像YULAN",选择JPEG格式,导出为"html和图像"
7,导出位置为站点下新建的文件夹;
8,在DW中刷新站点,即可导出的html文件,双击打开;
9,在相同位置创建html文件,对照布局.
第五节:链接(link)
一,链接路径的分类:
1,绝对路径:提供被链接页面的完整url,包括所使用的协议,当要链接到另一个服务器上的网页时 ,使用该方法;
2,相对路径:适合用于本地链接的路径类型,当前页面和链接页面在同一个站点时,使用该方法;方法为指定从当前页面到链接页面所经过的文件夹层次;
表现形式:
1),连接到同一个文件夹中的文件;
方法:直接输入文件名;
2),当链接到当前文件所在的文件夹的子文件夹中的文件;
方法:文件夹名/文件名
3),当链接到当前文件所在的文件夹的父文件夹中的文件;
方法: ../文件名
二,创建链接
1,锚记(或a标记) :指创建了链接的html标签.
2,附加对象:文本,图像,动画.
三,常用链接
1,给页面中的文字与某页面创建链接;
方法:选定文字,然后将链接栏后的"焦点符号"指向页面文件.
代码:链接文字
2,空链接( 虚拟链接):是一个无指向链接,可为页面上的对象附加行为;
方法:在链接栏中输入#
代码...
3,脚本链接
六:页面属性:"修改"--"页面属性"(ctrl+j)
1,外观:用于设置页面字体,大小,文本颜色,背景颜色,背景图像,边距.
2,链接:用于设置外国投资文本的字体,大小.LINK(链接文本的颜 色).active links(正在访问的链接),hover links(shu biao移到链接 文本上时),visited links(已访问过的链接).
3,标题:设置文本的一种样式的具体值.
4,编码:设置网页的标题,网页代码(gb2312,简体中文)
5,跟踪图像:对分割图像进行定位在浏览器中不显示可设置透明度;
第六节,文本
一,编辑文本
1,段落:
硬回车(换行且分段):直接按回车,代码:
...
软回车(换行不分段):shift+回车,代码:
2,输入连续空格:
切换至中文输入法,设为全角;或(ctrl+shift+空格),代码: ,或者选择 YU格式化的段落格式.
3,yu格式化:
4,使用word的特殊字符:复制粘贴.
5,拼写检查(shift+F7),在代码和设计视图中都可以进行.
6,查找替换文字:Ctrl+F
7,插入日期:"插入"--"日期",所显示的日期并不是当前日期,也不是客户 访问站点的日期,只是一种日期格式;
注:显示时间的方法:/
8,插入特殊字符:
"插入"--"html"--"特殊字符"
其中:备案及网站信息的写法(所有网页的底部)
格式:copyright 2006-2009 ,all rights reserved
桂ICP证00001号
9,水平条:
"插入"--"html"--"水平条"
代码:
其中:noshade表示无阴影,color表示颜色,size表示高度.
二,属性面板
1,标题栏是一个相对固定的段落格式
代码:
2,加粗:ctrl+b,代码:..或..
倾斜:ctrl+i,代码:..或
三,有序列表(ordered list)
方法:
1,将光标放在第一段前:
2,单击属性面板的"有序符号"按钮,
3,单击"列表项目",然后在"样式"中选择所希望的序列;
4,确定
5,选取所需要添加的段落.单击"有序项目"按钮.
代码:
四,无序列表(unordered list)
代码:
五,目录列表和菜单列表
六,文字的代码:
...
颜色的表示方法:
1,用十六进表示:如#12adf9,以#开头,后跟六位十六进制数.
#ffffff(白色),#000000(黑色).
2,用英文单词,如red,blue,green,
