WEB网页制作教程.ppt

课程说明 课程目的： 使参加学习的人员掌握基本的网页制作维护技能，自主运用相关软件进行网页维护。 学习建议： 学习前提：熟练进行基本的文件操作，熟练使用Office和简单常用的工具软件 参阅：网上有相关教程、任何一本Dreamweaver学习书籍 学习内容 网页制作初步：运用DreamweaverMX，学习文字录入编辑，段落编排，表格运用，图片插入编辑，超级链接，多媒体素材插入编辑，框架构成；简单了解Html 图形处理初步：学会运用Photoshop对图片做简单的处理 学习使用相关工具软件：CuteFtp, Acdsee, et al 了解动态网页维护的基本知识 了解中、高级网页技术：Flash, Css, JavaScript 特效等 网页设计技术的意义 网络时代的技术需要网站是广告的拓展领域，是知识信息的储蓄平台，任何单位都将网络平台做为业务信息的重要窗口加以利用 与他人交流的窗口个人主页对比公网上的个人blog: 能进行更充分的个人定制，个性化 实用的网络技术和个人技能 为将来可能的另条个人出路进行技术积累。 一些人对网页设计的错误认识MS office master VS. homepage master Homepage worker VS. web designer 对Web Designer的简单要求 熟练运用相关软件，掌握编写主页的主流软件用法。 了解HTML语言，学习使用CSS，JavaScript乃至XML动态主页语言; 了解CGI技术和网络数据库技术，学习使用PHP，ASP等主流动态网页制作工具和语言; 掌握图文编排技术，熟练运用一种以上的图象处理软件； 具有相当的文字功底和文稿编辑能力； 具有超凡的想象力和创造力； 最后要付出大量的努力。 涉及软件：DreamWeaver MX, Photoshop, Macromedia Flash MX, CuteFtp 相关网络知识 域名大医域名：学校内主页服务器有:www,home,inner 主页浏览与主页服务器之间的关系经过服务器发布的网站才能是真正意义上的供人浏览的网站。 主页发布原理服务器安装了默认的主页发布程序，网站用户事先将制作完成的网站上传到服务器指定目录下。服务器正常工作时，当接收到某客户端主页浏览请求时，按目录关系和相关设定，将某目录下的相关文件数据返回给客户端浏览器，被浏览器解读后加以显示，即完成了主页浏览。 普通静态网页的特点和工作原理 主机IP地址： IP地址是Internet上主机的数字式标识符。给某个用户分配一个固定的IP地址,他每次连入Internet都从这个地址进入，这种静态IP地址的优点是能使别的用户访问他,所以可以在自己的计算机上建立服务器。 VS 0 协议：通信的双方在通信时所使用的约定叫做通信协议。Internet中最重要的两个通信协议是网际协议IP和传输控制协议TCP。 网站编辑的大概步骤 网站构划 收集素材 勾画草案 网页制作 调试修改 发布 维护更新 网站构划步骤 明确建站目的，确定原则，确定规模，确定形式和风格。原则：内容和形式统一。高校主页提倡风格：宜静雅，忌花哨。内容第一，功能第二，形式第三。 分析网站的浏览者群体重要原则：从技术上兼顾最多可能的受众。 确定站点结构 建立目录 确定文件 安排素材 风格一致性 DW MX安装和界面介绍 软件校内下载现代教育技术部主页网络资源软件下载网络工具网页编辑/test/upload/show.asp?no=15 软件安装 操作界面窗口组成： Welcome窗口（首次弹出） 插入栏 文件窗口 属性检查器 面板组 站点建立 新建站点 通过资源管理器先在硬盘建立站点根目录 利用文件面板的管理站点窗口建立一个站点可采用基本模式，利用向导完成设定；也可以用高级模式。具体：需要设定站点名称、本地根文件夹。其他项可暂时采用默认设定。 Ftp设定（也可以使用专门的ftp工具进行将来的ftp文件上传管理，推荐软件如cuteftp等） 编辑站点 删除编辑站点列表 简单设定 “编辑”菜单的“首选参数”选项的设定： “常规” 编辑选项：使用CSS而不是Html代码不选中（因为会整体运用CSS设定） 其他会偶尔改动默认设定的选项：“字体” 编辑选项、在浏览器中预览、不可见元素、验证程序等 隐藏表格宽度显示方便操作 新建文件 新建文件 第一种方法：通过 文件 新建命令，然后再保存，这种方法可新建出各种类型文件常用：基本页(html),框架,模版,CSS文件,动态页(ASP,PHP,JSP) 第二种方法：通过文件面板新建.htm文件 更常用的静态网页的编辑方式，即静态主页更新维护增加新页面的方式：对已有文件进行复制、粘贴，然后对新文件更名