任务八网页制作基本步骤_第1页
任务八网页制作基本步骤_第2页
任务八网页制作基本步骤_第3页
任务八网页制作基本步骤_第4页
任务八网页制作基本步骤_第5页
已阅读5页，还剩9页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网站建设与维护项目二制作图文混排页面CONTENTS目录Part1Part2Part3Part4Part5Part6Part7Part8认识网页制作软件认识HTML.文档基本结构学会使用HTML.文本排版控制记符认识HTML.特殊符认识常用标记符认识网页图像网页制作基本步骤1网页制作基本步骤208任务八网页制作基本步骤2制作图文混合的页面网页制作基本步骤2对接上一任务”网页制作基础步骤1“的网页文本，对其进行视觉效果完善，然后在此基础上再逐步完成图文混合网页的制作。设置段落格式【步骤1】：打开网页文件，将鼠标放在段落中任意位置或选择段落中的一些文本。执行“格式|段落格式”命令或者在“属性”面板的“格式”下拉列表中选择段落格式。【步骤2】：选择一个段落格式，例如标题1，与所选格式关联的HTML标记（表示“标题1”的h1、表示“预先格式化的”文本的pre等）将应用于整个段落。若选择“无”选项，则删除段落格式。网页制作基本步骤2设置图文混合【步骤1】：打开文件，将光标插入到文本的任意位置，执行“插入|图像”命令，在弹出的对话框中打开素材图片文件夹，选择然后单击“确定”按钮。在“弹出的图像标签辅助功能属性”对话框中单击“确定”即可完成插入图片。【将光标插入到文本中】

【插入图片后效果】

网页制作基本步骤2【步骤3】：在段落格式中对段落应用标题标签时，Dreamweaver会自动地添加下一行文本，作为标准段落，若要更改此设置，可执行“编辑|首选参数”命令，在弹出的对话框中，在“常规”分类的“编辑选项”区域中，取消所选的“标题后切换到普通段落”复选框。（注：除此外，还可以直接在代码页面，运用<P>标签进行文本段落的设置。)【在菜单栏中选择“格式”下的“段落格式”】

【在页面属性面板中选择】

【取消“标题后切换到普通段落”复选框】

网页制作基本步骤2【步骤2】：选中图片，右键单击鼠标，在弹出的快捷菜单中执行“对齐|左对齐”命令，即可将图片混排于文本中。【步骤3】：执行“插入|图像”命令，在弹出的对话框中打开素材图片文件夹，选择然后单击“确定”按钮，使用同样方法将这张图片混排于文本中，即可完成图文混排网站页面。。【选择对齐方式】

【简单的图文混合页面】

【此外，还可以利用表格来实现图文混合的效果】：网页制作基本步骤2<table><tr>

<td>百度</td><td>新浪</td></tr>

……</table>

<table>--表格<tr>--行<td>--列（单元格）【表格效果】

网页制作基本步骤2【步骤1】：打开软件，点击插入，在插入栏—表格，在跳出的表格栏，选择表格的相关元素，如行数，宽度，边框粗心等。【插入命令】

【表格元素选择填充】

网页制作基本步骤2【步骤2】：将光标放置表格中，然后点击“插入”-“图像”，再在单元格中输入文本，依次在表格内完成页面的理想效果后，保存即可。【插入图像】

【插入文本】

【预览效果】

设置网页链接网页制作基本步骤2浏览网页时，会看到一些带下划线的文字，将鼠标移动到文字上时，鼠标指针将变成形状，单击鼠标，会打开一个网页，这样的链接就是文本链接。浏览网页时，如果将鼠标移动到图像上之后，鼠标指针变成形状，单击鼠标打开一个网页，这样的链接就是图像链接。<ahref=“链接的目标文档”target=“打开窗口方式”>超链接显示文本</a>href:链接的目标文档target：定义浏览器打开目标资源的方式，同一窗口或新窗口（_blank）网页制作基本步骤2链接到同一目录中的网页文件href的值为：文件名，如first.html链接到下一级目录中的网页文件href的值为：子目录名/文件名，如link1/first.html链接到上一级目录中的网页文件href的值为：../文件名，如../first.html链接到同级目录中网页文件href的值为：../子目录名/文件名，如../link2/first.html使用http协议，可以链接到其他网站的网页，格式：<ahref=“URL地址”>超链接显示文本</a><html><head><title>超级链接标签的使用</title></head><body><ahref="http:///1001.htm">桂林游我只花900</a></body></html>网页制作基本步骤2【步骤1】：新建网页文件，在场景中输入文本或图片，将需要添加链接的

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论