网页设计培训I.pptVIP

网页设计培训I UOPTeam IT俱乐部 上手任务 WEB 2.0 样式登陆界面设计制作 认识HTML Hypertext Markup Language 超文本标记语言 Markup: tag property=value/tag 认识DreamWeaver 网页制作模式 初学——DW设计模式 高阶——手写HTML，基于友好的代码编辑环境Eclipse系列软件。 获取任务 效果图： /chigix - 搜索“IT网页” 输入搜索 获取素材 素材下载： /itasso - 搜索“IT网页” 输入搜索 部署项目目录 目录——Directory，俗称文件夹 一般静态网页目录部署： 项目根目录 CSS样式文件存放目录 图片资源文件存放目录 JavaScript脚本文件存放目录 初学网页布局 表格布局 将样式+内容均聚合一起的原始布局模式，适用于初学者，学习简单，易于理解，但由于与现代软件工程的项目化管理思想相违背，故已被时代淘汰。 特点：学习简单，无需CSS和JS 表格布局思想 表格布局思想 表格布局思想 付诸实践 隐藏边框 将边框大小调为0 边框变成虚线 在浏览器中查看最终效果 插入图片 选择项目中的图片 光标处插入 光标 设置网页背景 页面属性设置 选择目标图片 确认图像路径 最终成型!! 我的大作 ——李颖豪