第一课  网站的介绍
1、站点建立：打开Dm，点站点菜单，新建，写入网站的名称，url不用写——下一步，否——下一步，选编辑项，选择保存文件的文件夹（也就是站点文件），名称和路径中最好不要有汉字——下一步，选择无——下一步，完成。
2、网页建立：在新建页面之前，在右侧的文件面板，下拉三角选择站点——点击新建处的html——写入文字，选中文字，在下方属性面板中设置样式——Ctrl+S，存在站点文件夹中，名称设为英文——按F12，可预览网页。
3、设置链接：要新建两个页面，一页作为链接页，另一页作为被链接页——选中链接页的文字，点属性面板上的指向文件按钮，拖动到要链接的网页上松手，选中链接文字，在目标下拉三角选择Blank，保存——F12，点链接看效果。
4、网页结构：一个网站的网页包括主页和下级网页——主页需要有站头，导航条，正文和等——网页在制作时，可以用表格来布局(特点是简单方便，但内容较多时，访问速度较慢)——也可以用div+css，div是层，css是样式集。
第二课  表格的使用
1html网页免费模板、多思主页：要求：插入一个四行一列的表格，第一行插入站头，第二行放入导航条，第三行为主体，在第四行写入版权信息——插入表格方法：点击插入记录菜单，表格4行，1列，宽900，其它三项为0——点确定。
缩放页面：按下ctrl，推滑轮。
2、表格居中：表格插入之后，选中全部，在下方对齐处选居中——这样在浏览器中，页面就会在中间。
选单元格：按下ctrl，去点击——选中第一行，属性面板调为完整模式，宽度900，高度100——在ps中制作站头，保存到站点文件夹中；点中第一行，点击上方常用面板中的图象按钮，按提示完成，替换文本就是介绍——选中第2行，设为宽900，高60，在该单元格中再插入表格，1行6列，选中插入的六个单元格，宽度改为150，高60，用来放置导航条——第三行选中，高度450，用来放主体内容——第四行，设为高60，用来放介绍和版权信息。
3、做导航条：在ps中制作六个图片，150*60，分别是：学校介绍、专业设置、教学模式、电脑机房、学员风采、，图片存入站点文件夹，名称为英文。
放导航条：在Dm中，点中放图片的单元格，点上方工具栏上的图象按钮，到图片，点打开——写入替换文本后，预览时，鼠标放上去会显示。
4、主页名称：主页保存时，命名为:index      显隐面板：F4
调出常用：点击窗口菜单，点插入          新建页面：ctrl+N
第三课  模板的使用
1、模板创建：如果在网页中有结构相似的页面，如电脑学校的专业页面；可以先做一个页面框架，选中它，点击插入菜单，模板对象——可编辑区域，写入名称，如果出现更新链接选否——再点击插入菜单，点模板对象，点创建模板，写入名称，确定。
2、模板使用：按ctrl+N，点模板中的页，选择站点，选择刚才的模板，点创建——在页面写入内容，设置链接，保存。
使用空格：在Dm中，如果需要空格，要在全角模式下才能按出来。
第四课  热点和动画
1、使用热点：用于一张图片分块链接不同的网页——操作：导入一张图片，点中，选择下方的热点工具，有三种，在图片上框中，选择链接网页，选择链接打开方式，一般为-blank。
2、插入动画：点击上方的flash图标，到动画，打开。
安全提示：在预览网页时，上方出现安全提示，这种情况主要是网页中使用了动画代码，去除方法：打开ie浏览器，点击工具，选项，高级——勾选“允许活动内容在我计算机上运行”——F12。
3、插入视频：先在站点文件夹中放一个视频， 格式为flv——点击dm上方的flash视频，点浏览，选择文件，输入播放器的宽度和高度，如：400*300，确定，F12。
4、用图片集：制作3张400*300的图片，名称为：a,b,c——点插入记录菜单，媒体，图像
查看器，写入名称，保存——把右边的面板拉宽，点中查看器，点右侧的Flash元素——点imageURLs，点笔状按钮，点第一个，点文件夹图标，选择a——同样的方法链接另外两个；也可点“+”来添第四张图片——选slideloop（是）——frameshow（是）——其它选项可以不改——F12。
第五课  网页的上传
1、上传准备：检查链接，主页改为index，整个站点文件夹的所有文件编好顺序，名称为英文。
2、申请空间：网页做好后，先在网上购买空间，或者查免费服务器空间，打开网页申请帐号——如：。
下载FTP：这是一个上传网页的工具，在百度上搜索并下载即可。
上传网页：打开Ftp软件，输入地址，用户名，密码，点击连接——成功之后（右下角看提示）——在左侧到站点文件夹，点一下，拖动鼠标选中要上传的文件，并拖动到右侧——等待完成。
3、测试网页：打开浏览器，输入网址，如果出现错误链接，可以重新上传。
第六课  框架的应用
1、框架使用：要求：制作一个左右式框架网页——方法：点击布局中的左侧框架按钮，显示弹出的窗口；不改内容，记住名字——点文件菜单，点保存全部；第一个写入zuoyou，保存——第二个写入you，保存——第三个写入zuo，保存。
2、制作框架：左侧写四个电脑班级——分别链接子网页；打开网页方式，选main fram，设好后，按F12，点击左侧的名称，对应的链接页面在右侧显示。
注册页面：制作一个注册页面，根据需要在表单小面板上挑按钮。
应用程序：用来连接数据库，网页分为静态和动态两种——动态网页需要数据库支持；如：有注册程序的网页就是动态的。
第七课  Css和导航条
1、用spry菜单：点击布局中的spry菜单栏，选择样式，点确定——点中左上角的青，在
下方分别改名字，定链接。
2、插入导航条：点中存放导航条的表格，点插入记录菜单，点图像对象，点导航条——按提示完成。
3、建链接方案：如果只是去除链接处的下划线，可以点击页面属性，链接，下划线样式中，选择始终无——如果有不同链接要求、可以先选中所有，在链接处输入#，目标处选择性blank——在右侧打开css样式，点击新建按钮，选高级，先选择a:link改为a.d:link，定义在新样式，确定，名称为dalianjie，保存,在类型处选大小，颜，勾选无，应用，确定——同样的方法分别改另外的三个——完成之后，选中链接文字，在下方，样式三角中选择d——css可以在不同的网页中调用，在新页面中写入标题，选中后设为链接属性，点击样式下拉三角的附加样式，点浏览到d，点导入。
4、Css两种类型：
类：新建一个类aa，方框中把设为长度100，高30；点应用，确定——在网页中，点表单，插入一个文本字段——选中文本字段，把它的样式改为aa，即可看到文本框的变化——该设置不会改变按钮的默认样式。
标签：建css，选择标签，新样式，选table，把背景颜改为蓝，应用，确定，在网页中插入一个3行4列的表格，它的底纹便为蓝，它是强制性的。
第八课    Div和行为
1、绘制层：点中按钮，绘制，它的位置可以移动，类似word中的文本框，在层中也可以插入图片，表格，写入文字。
层应用：用绘制AP按钮，画两个400*300的层，a和b，改宽度时，要保留px——插入2张400*300图片到a和b中——打开css面板，点ap元素，把a设为可见，b为不可见——点标签查检器，点行为，点加号——显示隐藏元素，a显示，b显示，点确定，把名称改为：on mouse move（表示鼠标移入）——再加一个同样的行为，设置为a显示，b不显示，把名称改变on mouse out（表示鼠标移出）——电脑12。
2、做主页：样式为上、中、下——上方宽900高100，中间900、400，下方900、60。
Div应用：点击布局，点插入div标签——新建，高级，选择器中输入#layout，新样式，确定，写入名称，保存——点方框，900、100，如果想让上方有100的宽度，在边界上设为1
00，其它不变——点边框，样式下拉三角，选实线，输入宽度，选，应用，确定——确定——设置第二个时，在插入三角中选：标签之后，在第二个三角中，选layout，点新建，同样的方法完成。
写内容：在div层中，可以套用表格。
3、设页面：点击下方的按钮，可以设置页面的背景，字体颜——可以用于表格方式制作的网页，也可以用于div+css制作的网页。
第九课  行为和概念
1、照片表格背景：插入表格之后，点击拆分，进入代码视图，选中一个单元格——把光标点到有表格尺寸的尖括号中，位置放在最后，空格，双击blackground，点击浏览，选照片，打开——回到设计视图，点一下，就可以看到图片，在图片上可以写字。
2、设置弹出窗口：点击右侧行为，加号，弹出信息，写入信息，确定——F12，点一下。
设置弹出网页：点击右侧行为，加号，打开浏览器窗口——点浏览，选一个网页，输入宽度和高度，点确定——按F12，在页面点一下。
3、设计中的概念：html是网页的标准——dreamweaver是一个制作网页的软件，它遵守html规则——div和css是dreamweaver中工具，div是层工具，css是定义样式的工具。
4、html剖析：www.sdjtu.edu/xdjyzx/HTML/html.htm

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。