网页制作。总复习

上传人:wt****50 文档编号:56648267 上传时间:2018-10-14 格式:PPT 页数:35 大小:237KB
返回 下载 相关 举报
网页制作。总复习_第1页
第1页 / 共35页
网页制作。总复习_第2页
第2页 / 共35页
网页制作。总复习_第3页
第3页 / 共35页
网页制作。总复习_第4页
第4页 / 共35页
网页制作。总复习_第5页
第5页 / 共35页
点击查看更多>>
资源描述

《网页制作。总复习》由会员分享,可在线阅读,更多相关《网页制作。总复习(35页珍藏版)》请在金锄头文库上搜索。

1、第一讲,网页设计原则,原则一,主题鲜明,原则二,主题和风格一致 反面和正面例子,原则三,色彩设计合理养眼 尽量用渐变色,原则四,小图片点缀,大图片少用,大动画少用 文字美观法则: 作成图片,原则五,目录名(即文件夹名)不要用中文 要用英文或汉语拼音。 否则 五个字 死得很难看 会发生莫名其妙的错误!,原则六,多用相对路径,少用绝对路径,相对路径:不完整的路径。 通常是指向当前目录的下级目录。 比如:K2K2.htm,当前目录为K1,绝对路径:完整路径。 比如(文件绝对路径):C:K1K2K2.htm 提倡用这种绝对路径(互联网绝对路径): http:k2k2.htm或 http:/ 美观其次,

2、原则八,经常更新 没时间更新就增加留言簿 或论坛 或博客 或游戏等 让访问者替你更新 色彩原理,第2讲 HTML基础知识,作为网页设计者 必须知道 最基本的HTML知识 否则 无法成为一个合格的网页设计者!,标识一: 一个网页中必须的标识,网页标识格式 网页内容 实例 这是我的第一个网页!太简单,不好意思! 用记事本编辑(不区分英文大小写) 用IE浏览器浏览 (注意:标识中只能用英文符号) 请看操作,操作总结,1、点“开始”,选择“程序”、“附件”、“记事本” 2、在记事本中用英文输入文字 3、用中文输入法在标识中插入文字 4、点“文件”,选择“另存为”,文件名命名为 “index.htm”,

3、选择文件类型为“所有文件”,点“保存” 5、用IE浏览器打开“index.htm” 注意:为什么要命名为 index.htm? 因为这代表直接告诉浏览器是主页文件! 注意:default.htm也可以!,标识二: 网页标题标识,网页标题标识格式 标题内容 注意:必须在中 请看操作 总结: 有了这二个标识就可以设计一个最简单的网站了!,标识三: 空格标识,无格式 插到哪儿哪儿就产生一个空格 注意:不能插入标识中!只能插入标识间请看操作,标识四: 回车标识,无格式,插哪儿哪儿产生一个换行 注意:不能插入标识中!只能插入标识间请看操作,标识五: 文字大小标识,文字大小标识格式 文字 请看操作 注意:

4、最大字为7 最小字为1,标识六: 颜色标识,红色文字标识格式 文字 请看操作 注意:文字大小和颜色可混合使用 文字 请看操作,标识七: 超级链接标识,超级链接标识格式 超级链接文字 请看操作 注意:该格式是在当前窗口打开新窗口,当前窗口被新窗口取代 超级链接文字 注意:该格式是在不关闭当前窗口的情况下打开新窗口 请看操作,标识八: 邮件超级链接标识,超级链接标识格式 超级链接文字 请看操作 注意:点击者的电脑要安装了 Outlook Express这个邮件收发软件才行!,第三讲 网页制作工具介绍,一、OFFICE 1、幻灯片制作工具(POWERPOINT) (1)另存为 (2)选择“单个文件网

5、页”或“网页” 2、电子表格工具(EXCEL) (1)另存为 (2)选择“单个文件网页”或“网页” 3、电子排版工具(WORD) (1)另存为 (2)选择“单个文件网页”或“网页”或“筛选过的网页”,二、Dreamweaver 1、双击Dreamweaver 2、选择“创建新项目中的HTML” 3、设计完成后按“F12”选择“保存”后在IE浏览器中浏览,第4讲 像册制作,(一) 用表格 先作小图片超级链接 每个链接再作一个网页或直接链接文件 美化后即可 一般网页都是用表格作的 用表格制作网页的最大好处是位置易控制 注意:表格最好用无线的 单元格大小用代码复制,第4讲相册制作,(二)用命令 点主

6、菜“命令” 选择“创建网站相册” 选择“图片所在文件夹” 选择“相册要存的文件夹” 输入标题,复习相册制作,一、自动生成相册的二必备条件: 1、已安装软件:Fireworks(网页图像处理) 2、已建好目标文件夹(存放相册的文件夹) 二、自动生成相册的优缺点 1、优点:方便快速 2、缺点:大小不统一,图片性质被改变,第5讲 上下型网页制作,1、内容:三十六计和第三十一计美人计 2、结构:上下型(主要内容:800*600) 3、草图(用表格制作,风格:复古型),动画图片,导航条(三十六计),三十六计总简介,版权信息,制作步骤,1、收集资料 2、画制草图 3、决定结构 4、决定风格 5、逐层制作

7、6、测试修改 7、总结经验,1、建文件夹(名字:36J) 2、设计动画 3、将所用素材存入该文件夹 4、制作主页 (1)用INDEX.HTML存盘于36J (2)输入标题:三十六计 (3)选中页面 (4)点“页面属性” (5)设置上边距为0 (6)设置背景图片 (7)关闭页面属性 (8)插入三行一列的表格 注:经常按F12存盘浏览,利用标签插入背景音乐的步骤,1、点主菜单的“插入” 2、点“标签”,点“HTML标签” 3、点左侧的“页元素” 4、点右侧的“BGSOUND” 5、点源后“浏览” 6、选择要插入的声音文件 7、在循环后选“无限”,第6讲 T字型网页制作,1、内容:爱情三十六计 2、

8、结构:T字型(主要内容:1000*600) 3、草图(用框架制作,风格:计复古,情现代),计导航条,爱情36计导航条,版权信息,三十六计内容,使用框架的好处,1、打开新的网页不需换页 2、可以在指定窗口打开网页 3、多个窗口可同时在一个网面 4、窗口之间既独立又联系,制作步骤,1、收集资料 2、画制草图 3、决定结构 4、决定风格 5、逐层制作 6、测试修改 7、总结经验,1、建文件夹(名字:36J) 2、设计动画 3、将所用素材存入该文件夹 4、制作主页 (1)用INDEX.HTML存盘于36J (2)输入标题:三十六计 (3)选中页面 (4)点“页面属性” (5)设置上边距为0 (6)关闭

9、页面属性 (7)从“从范例创建”中点“框架集”,再选“上方固定,左侧嵌套”,再点“创建” 注:框架名的定义格式: NAME=“框架名”,主页只有主题没有详细内容的主页称为封面型网页,第7讲 封面型网页制作,第7讲 封面型网页制作,1、内容:网球超级明星 2、结构:封面型(主要内容:1000*600) 3、草图(用图片热点制作,风格:现代型),链接一,链接二,链接三,制作步骤,1、收集资料 2、画制草图 3、决定结构 4、决定风格 5、逐层制作 6、测试修改 7、总结经验,1、建文件夹(名字:F4) 2、设计动画 3、将所用素材存入该文件夹 4、制作主页 (1)用INDEX.HTML存盘于F4

10、(2)输入标题 (3)插入图片 (4)绘制热点区域 (5)设计超级链接,第8讲 综合网站制作,1、内容:三十六计 2、结构:国字型(主要内容:1000*600) 3、草图(用表格和层制作,风格:复古型),36计导航条,爱情36计导航条,友好链接,三十六计新闻,八卦图片,版权信息,制作步骤,1、收集资料 2、画制草图 3、决定结构 4、决定风格 5、逐层制作 6、测试修改 7、总结经验,1、点主菜单的“站点” 2、选择“新建站点” 3、给站点命名 4、选择站点文件的存放位置,没有就建一个 5、选择服务器 6、完成 说明:建好后右侧就会出现站点信息,可在这儿建文件夹、文件、修改文件、拖放文件等操作,

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 生活休闲 > 社会民生

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号