Download
1 / 20
200 likes | 302 Views
第一篇网页设计技术. 学习网页： Http://www.gzqz.com/teacher 相关资料下载： Ftp://192.168.1.205. 第一章网页设计基础. 网站设计 网页知识 网页编辑软件. 确定网站模块. 设计网站框架. 收集素材. 制作静态网页. 制作动态网页. 定期更新维护. 网站设计过程. 网站由一定数量的网页构成，而这些网页通过超链接结合在一起。. 网页相关知识. 网页是存放在网上的一种超媒体（超文本超媒体 ) 文档。 超媒体 ( 超文本 ) 技术是一种按信息之间关系非线性地存贮、组织、管理和浏览信息的计算机技术。
E N D
学习网页： Http://www.gzqz.com/teacher • 相关资料下载： Ftp://192.168.1.205
第一章网页设计基础 • 网站设计 • 网页知识 • 网页编辑软件
确定网站模块 设计网站框架 收集素材 制作静态网页 制作动态网页 定期更新维护 网站设计过程 网站由一定数量的网页构成，而这些网页通过超链接结合在一起。
网页相关知识 • 网页是存放在网上的一种超媒体（超文本超媒体) 文档。 • 超媒体 ( 超文本) 技术是一种按信息之间关系非线性地存贮、组织、管理和浏览信息的计算机技术。 • 网址 ( 统一资源定位器) • 描述所要访问的文件网络地址: • 协议名：// 网站 ( 域名或 IP 地址)/ 目录…/ 文件名 • 如： HTTP:// www.gzqz.com/kezu/ kezu.htm
网页相关知识 无格式控制文本与有格式控制文本比较 大多数网页采用 HTML （超级文本标记语言）来添加控制符。
网页的编辑 • 文本编辑软件：直接编写HTML代码. 如：记事本 • 专用网页编辑软件：可视化编辑文字、图片、表格，自动生成相应HTML代码。 如：FrontPage 、Dreamweaver
第二章 网页文件的基本操作 • 认识窗口界面 • 新建网页文件 • 打开网页文件 • 保存网页文件
新建网页文件 • 操作方法： （1）单击“文件”菜单－>“新建”－>“网页” 打开“新建”对话框 （2）在“新建”对话框中选择所需的类型。 （3）单击“确定”。 练习 • 建立一个“两栏交错正文”类型的网页。
保存网页文件 • 操作方法： (1)单击“文件”菜单－>“保存文件”，打开“另存为”对话框。 （如果是另存的选择“另存为”） (2)在“保存位置”处选择相应路径。 (3)在“保存类型”选择需要的文件的类型。 (4)在“文件名”输入文件名。 (5)单击“保存”。 练习 • 把刚才新建的网页以文件名“index.htm”保存。
操作方法： (1)单击“文件”菜单－>“打开”，打开“打开文件”对话框。 (2)在“查找范围”处选择相应路径。 (3)在“文件类型”选择需要的文件的类型。 (4)单击“打开”。 打开网页文件 练习 • 打开“网上邻居”->”Teacher2”->”共享”->”poem.htm” • 把“poem.htm”另存为在本地计算机
第三章 简单网页的编辑操作 • 文本编辑 • 修改网页属性
3.1 文本编辑 • 字体设置 • 字号设置 • 文字颜色设置 • 粗体、斜体和下划线的设置 • 文字的其他效果设置
字体修改方法 方法1： 使用“格式工具栏” 字体颜色 字体设置 字号设置 粗体 斜体 下划线 方法2： 使用“字体”对话框 操作方法： 单击“格式”菜单－>“字体”
练习 • 打开本地计算机“poem.htm” • 根据下面要求修改网页中的文本属性 （1）标题：“华文行楷”，粗体，6（24磅） （2）中文正文：“宋体”，4（14）磅，斜体，字符间距“扩充”为“3pt” （3）英文正文：字体颜色改为“蓝色”。
3.1 文本编辑 • 文本的对齐方式 • 文本的有序号列表 • 文本的无序号列表 对齐方式 列表
练习 • 打开“dufu.htm”,根据下列要求进行修改 • 标题：居中 • 正文：用有序号列表区分不同的诗。
3.2修改网页属性 • 添加网页标题 • 设置网页的背景颜色及背景图 • 插入水平线
练习 • 打开“dufu.htm” • 将网页标题改为“杜甫” • 将网页背景设为其他颜色 • 在标题与正文之间加一条水平线
