总结-网页设计和制作流程.ppt

网页设计与制作流程;1、网站的主题定位;2、资料搜集;3、结构设计;4、形象设计;5、主页设计;7、站点规划;8、定义站点 9、测试 10、申请域名和空间 11、站点文件上传（使用FTP上传软件） 12、站点的宣传 ;上传软件cuteftp;请先安装 CuteFTP 7.0 Professional 原英文软件----运行cuteftppro.exe文件. 解压缩汉化包后安装汉化---setup.exe 运行程序，选择菜单“Tools--Global Options--Display--Language” 然后选择 Chinese.lng，确定，然后退出程序再启动，就是中文了。 使用时，请在“工具”-“全局选项”-“常规”-“日志” 中更改字体选择为“宋体，9”，这样日志界面会美观一些。 ;Cuteftp使用说明:打开CuteFTP窗口后，您可以看到，如图： ;主界面分4个工作区： 1. 本地目录窗口：默认显示的是整个磁盘目录，您可以通过下拉菜单选择您已经完成的网站的本地目录，以准备开始上传。 2. 服务器目录窗口：用于显示FTP服务器上的目录信息，在列表中可以看到的包括文件名称、大小、类型、最后更改日期等。窗口上面显示的是当前所在位置路径。 3. 登录信息窗口：FTP命令行状态显示区，通过登录信息您能够了解到您目前的操作进度，执行情况等，诸如：登录、切换目录、文件传输大小、是否成功等重要信息，以便确定下一步的具体操作。 4. 列表窗口：显示“队列”的处理状态，您可以查看到准备上传的目录或文件放到队列列表中，此外配合“Schedule”（时间表）的使用还能达到自动上传的目的。;站点设置： 　　运行后软件或按文件--新建--ftp站点后会自动出现一个如图的站点管理画面。;Label for site（标签）：填入你的站点名称，例如“我的网站”； FTP Host Address（主机地址）：填个人主页FTP服务器地址，如： 79 FTP site User Name（用户名）：填入你申请的用户名，如*** FTP Site Password：****** 登陆方式：标准 其他一些设置可以使用默认值。 连接远程站点前先关闭防火墙 点击连接---便能连接到服务器，中途会出现如下界面 ;上传下载： ?此时你已经登录ftp服务器，可以进行软件的下载和上传了。 注意：左边窗口是本地磁盘目录，右边窗口是FTP服务器的目录，正常登录以后自动进入系统默认的目录。 上传：请确认FTP服务器的目录（即右边的窗口）是否是您要上传文件的目标目录，之后，选中本地磁盘目录（左边的窗口）里要上传的文件或目录，您可以直接把选中的内容拖放到右边窗口进行上传，也可以点击工具栏中“Upload”按扭（向上的箭头）进行上传。 下载：和上传相同，先确认本地磁盘目录（左边的窗口）是否是您要下载文件的目标目录，之后，选中FTP服务器的目录（即右边的窗口）里要下载的文件或目录，您可以直接把选中的内容拖放到左边窗口进行下载，也可以点击工具栏Download按扭（向上的箭头）进行下载。;在上传和下载中，如果目标目录里有同名文件或目录，会出现如下界面： ;Overwrite: 覆盖，重新下载并覆盖原来的文件。 Resume: 断点续传，从上次中断的地方继续下载，完成文件。 Rename: 重命名，给将要下载的文件一个新的文件名，另外存储一个文件。 Skip: 跳过选择，取消下载。 ;作业：设计一个网站---设计要求;评分标准;考试要求;网页文本和图片的处理 【考试要求】 掌握在网页中添加文本，段落和换行的区别。在网页中插入图片的操作，图片的对齐，图片的替换文本，利用属性栏对图片进行简单编辑。利用dw插入鼠标经过图像? 网页中插入视音频FLASH等元素的基本操作 【考试要求】 掌握如何在页面中插入视频音频及视音频的常用参数设置。如何在页面中插入FLASH按钮、FLASH文字、FLASH动画。? 多种超级链接的建立 【考试要求】 掌握多种超链接（文本链接、图片链接、文件下载链接、锚点链接、邮件链接）的建立方法，及链接目标参数的设定。利用属性栏修改、删除超链接。;表格、框架的使用 【考试要求】 掌握表格的三种视图的使用；对普通表格和嵌套表格的操作；格边距和格间距的区别； 建立框架网页? CSS样式的创建和应用 【考试要求】 掌握CSS各种类型样式的创建：一般类、标签类、伪类和id类 外部样式表的创建、链接与导入 掌握CSS样式的属性设置：类型、背景、区块、方框、边框、定位、列表、扩展等属性 CSS样式的应用 行为和时间轴的使用 【考试要求】 掌握几种常用事件（鼠标触发事件）与动作的创建（以机房使用的DW CS的动作为准） 利用时间轴创建移动对象和交换图像 制作网页模板 【考试要