WEB_网页制作教程_.ppt

前言课程说明学习内容网页设计技术的意义对WebDesigner的简单要求相关网络知识普通静态网页的特点和工作原理主机IP地址：IP地址是Internet上主机的数字式标识符。给某个用户分配一个固定的IP地址,他每次连入Internet都从这个地址进入，这种静态IP地址的优点是能使别的用户访问他,所以可以在自己的计算机上建立服务器。
www.dlmedu.edu.cnVS210.47.244.10
协议：通信的双方在通信时所使用的约定叫做通信协议。Internet中最重要的两个通信协议是网际协议IP和传输控制协议TCP。初级部分
一网站建设网站编辑的大概步骤明确建站目的，确定原则，确定规模，确定形式和风格。原则：内容和形式统一。高校主页提倡风格：宜静雅，忌花哨。内容第一，功能第二，形式第三。
分析网站的浏览者群体重要原则：从技术上兼顾最多可能的受众。
确定站点结构
建立目录
确定文件
安排素材
风格一致性
二
Dreamweaver初探DWMX安装和界面介绍站点建立简单设定三
操作与应用—基础操作篇新建文件文件的命名原则和层次管理打开文件及特殊文本处理页面属性的设定四
操作与应用—文字处理文档编辑Attention!其他五
操作与应用—插入图片和Flash预备知识：图片种类和特点预备知识：图片种类和特点插入图片实际应用问题插入图片实际应用问题六
操作与应用—超链接的运用链接类型链接路径链接操作链接原则导航栏：特殊的链接体七
页面布局—表格的运用表格作用认识表格表格属性设定单元格属性设定调整表格布局表格—介绍表格设定难点分析表格排版实例分析八
了解：页面布局—框架框架简介框架优缺点建立框架选定框架设定框架属性设定框架集属性保存框架中级部分九
HTML语言简介什么是HTMLHTML文件基本结构HTML页面完整结构元素出现的位置：部分只能出现在头元素中，绝大多数元素只能出现在体元素中。
在头元素中的元素表示的是该html文件的一般信息
出现在体元素中的元素按次序对html文件的标识文本进行输出
html的元素有下列三种表示方法：1)<元素名>文本或超文本<／元素名>2)<元素名属性名＝“属性值…>文本或超文本<／元素名>3)<元素名>应该了解的Html元素了解Html对主页制作的意义十
CSS层叠样式表CascadingStyleSheet将样式与HTML结合样式控制优先次序CSS定义结构解析在DWMX下如何运用CSS运用CSS时机十一
页面布局—层层的特点DWMX设定层创建层层的操作十二
动起来的主页DMTimeline认识Timeline构建简单时间轴动画动画调整及其他十三
主页特效初步应用DMMX的JavaScript行为JavaScript简介JavaScript行为使用DW行为功能动作使用方法例解（1）动作使用方法例解（2）动作使用方法例解（3）应用主页特效软件推荐软件图片特效软件推荐参考书目贾春红.网迷新宝典-DreamweaverMX网页制作[M].人民邮电出版社,2002
黄斯伟.网页样式设计-CSS.人民邮电出版社.2000
StevenHolzner.JavaScript使用详解.机械工业出版社.1999
LeeAnnePhillips.巧学活用HTML4.机械工业出版社.1998常用软件用法CuteFtp认识界面：本地窗口,站点窗口,服务器窗口,工具栏,信息窗口
新建站点（设定内容）：站点标签，服务器名称，用户名，密码，端口设定
连接过程：打开建立好的标签，填写密码，连接本地和服务器；选中本地窗口的文件，用文件上传按钮传送至服务器；选中服务器上的文件，用文件下载按钮传送至本地。
在服务器端可做的操作和设定：新建文件夹，文件（文件夹）权限的设定等
ACDsee两种界面：浏览界面，文件夹界面（可以进行图片文件的管理）
除了图片浏览，还可以利用的附加功能：图片的简单处理——大小变化，旋转，格式转换缩略图及网页的建立PhotoShop新建图像设定图像宽度，高度（单位：像素）设定分辨率，网络图像分辨率可设定为72或100
图层概念及操作文本和中间所有图形层次都是有前后次序的层
保存文件保留所有操作层次的原始文件为.psd格式；网络图像可用压缩格式jpeg和gif设定输出
常用工具选择工具，裁切工具等
常用操作对比度亮度设定，层的复制删除操作，文本操作等图像大小和分辨率的调节一般数码相机默认设定下所拍摄的照片，分辨率都在1024*768以上，不适合直接插入网络，需要经过大小和分辨率的调节，进行插入。
理想图像大小单个网络图像大小原则上不超过100K；过大的图形可以分割为多个小的图像，加快图像的网络传输速度
具体操作改变图像大小和分辨率，调节亮度对比度，压缩保存设定一个默认的统一规格的缩略图大小笔者一般以125*94作为统一规