网站建设与网页制作基础教程.doc

网站建设与网页制作 步骤：1.规划阶段（网站策划）2.设计阶段（页面美工）3.实施阶段（网页制作） 详细流程：1.站点策划2.构思草图3.美工设计4.图形制作5.脚本编程6.图形页面整合7.测试发布 创建站点 创建新站点、添加已完成站点（文件面板→管理站点→新建→命名→定义路径（前者为自定义后者为文件存储路径）） 规划站点结构的原则（分类保存、合理的文件名称（全英文名）、首页名称（index）、本地与远程结构要相同） 建站点文档（添加文件和文件夹（通过鼠标右键新建）、文件的管理） 二．页面制作 1. HTML代码的基本结构（头部（head）包含字符集（meta语句）、标题，主体（body）） html head Meta语句，标题 /head body ...... /body /html 设定meta内容（通用头元素的设置、添加meta元素、设置关键字和描述文字、刷新网页设置） 插入→HTML→文件头标签→meta→设定meta值不会在浏览器前端显示 插入→HTML→文件头标签→关键字→设定关键字→方便用户搜索到自己的网站 插入→HTML→文件头标签→说明→设定说明语句→对网站的描述，方便用户搜索到自己的网站 插入→HTML→文件头标签→刷新→设定刷新语句→对于网页的更新的操作（尤其网页更新比较快的情况）（刷新当前页面，刷新跳转到其他页面） 设定页面 属性（标题、背景图像、背景色、文本颜色、边距） 空白处右键页面属性 添加文本（插入特殊字符、设定文本属性、改变字体和尺寸） 插入特殊字符：插入→文本→插入特殊字符...... 设定文本属性：插入→文本→属性插入→属性设置 插入图像（浏览器支持的影像格式：GIF、JPEG、JPG、PNG） 插入→常用→图像（替换文本（鼠标在图片上方悬停时显示的文字）） 图像属性设置：选中图片右键属性，图片大小设置好后重新取样；左右对齐，边距设置； 图像编辑（选中图像点击属性在属性面板中编辑图像属性必要时可调用PS软件、Fireworks软件等（调用方法选中图片→右键→编辑以）） 5. 图文混排（资源面板包含有站点下所有图像，音频，视频文件等） 插入日期 （插入→常用→日期） 插入水平线（插入→HTML→水平线）（分割线，颜色默认灰色，设置水平线颜色：属性面板→快速颜色编辑器） 注释（插入→常用→注释（不会显示）） 插入Flash动画（Flash动画、Flash按钮与文字、Flash图片播放器、FlashPaper文件） 插入→常用→flash Flash设置：属性面板里设置 Flash源代码 object（对象标记）ID序列号，插件下载地址，宽度和高度 param(参数)flash影片路径param(参数)显示品质（高或低品质)param(参数)...... embed动画嵌入浏览器/emmbed /object 插入flash按钮：插入→常用→按钮 （选择样式，编辑文本，字体，大小，（链接），（目标），背景色，另存为(站点media文件夹下)时注意扩展名后缀为.swf）效果鼠标指上按键时变色... 插入flash文本：插入→常用→flash文本 （字体，大小，颜色，转滚颜色，文本，（链接），（目标），（背景色），另存为(站点media文件夹下)时注意扩展名后缀为.swf）效果鼠标指上文字变色的动态文字... Flash图片播放器：将要播放图片拷贝到站点image文件夹下插入→flash元素→保存后缀.swf→flash元素面板中设置（重新定义imageUVL浏览选择站点目录下要播放的图片，删除imageLink（图片链接），删除imagelink Target（图片链接目标），编辑标题，是否自动播放，播放是否循环等等。存盘预览快捷键：F12） 插入FlashPaper文件（安装flashpaper软件条件下，micro office可以将word，ppt文档转换为flashpaper文件。方法：在Word或者PPT中找到并点击flashpaper按钮，选择路径，保存便可以将当前打开的文件转换为flashpaper格式文件）插入→常用→flashpaper 插入Java （Java主要用于互联网，用于做小的特效比如水中倒影的动画效果，网上可以找到很多Java程序） 插入JavaApplet元素拷贝文件LINK.CLASS（Java类文件）和GIAL.JPG到diary目录 插入→常用→applet属性面板中设置applet属性（参数，值） 源代码： appletcode（表示要嵌入的Java文件），宽，高 param参数值标记 /applet 插入交互图像（翻转图片，导航条）交互图像如：鼠标悬停在图片上时图片发生变化 图像交互：插入