"北师大网络教育作业网制作与网站建设.pdf"
这篇文档主要涉及的是网页设计和网站建设的基础知识,特别是使用Adobe Dreamweaver这一专业网页设计软件的相关技巧和概念。以下是对这些知识点的详细说明:
1. **网页设计软件**:Dreamweaver、FrontPage和记事本是可以用于设计网页的工具,而Windows Movie Maker则主要用于视频编辑,不适合设计网页。Dreamweaver是一款强大的可视化网页设计工具,FrontPage是微软出品的网页编辑器,记事本则是基础的文本编辑器,虽简单但也能编写HTML代码。
2. **本地绝对路径与相对路径**:在Dreamweaver中,为了避免链接对象使用包含盘符的本地绝对路径,最佳实践是建立本地站点,将所有网页文件存放在站点的文件夹中。这样能确保链接的相对性,方便在不同环境下的迁移。
3. **图像热区链接**:在Dreamweaver中,矩形工具、椭圆形工具和多边形工具都可以用来创建图像热区链接,但线条工具不行,它主要用于绘制线条,不支持创建热区。
4. **图像文件格式**:Dreamweaver可以显示GIF、JPG、PNG等常见的Web图像格式,但BMP格式的图像可能无法在网页中正常显示,因为它通常较大且不压缩,不适合在线使用。
5. **相对路径**:在网页中插入图像时,如果index.htm和logo.gif在同一目录下,只需使用"images\logo.gif"作为相对路径。如果logo.gif位于images子目录中,正确的相对路径是"images\logo.gif"。
6. **超链接**:超链接可以连接到其他网页或网页内的特定位置(书签或锚点),可以设置在文本、图像或图像热区上。链接可以在当前窗口或新窗口打开,但访问过的链接颜色是否改变取决于浏览器设置,不是必然的。
7. **框架结构的网页**:一个包含3个区域的框架结构网页实际上会生成4个文件,每个框架都是一个独立的HTML文件,加上主框架文件。
8. **Dreamweaver默认字体大小**:Dreamweaver的默认字体大小通常是12pt,对应CSS中的`font-size: 16px;`,但这里的选项可能是按照数字等级来表示,所以可能是4。
9. **添加热点**:在Dreamweaver中,可以给图象添加热点,以便创建图像链接或热区链接,但文字、表格等其他对象则不能直接添加热点。
10. **锚点链接**:要链接到名为"a"的锚点,应在链接对话框中输入"#a"。
11. **添加信息框**:在Dreamweaver中,通过“行为”面板可以添加JavaScript代码来实现弹出信息框。
12. **表格属性**:表格在网页设计中用途广泛,可以嵌套、添加链接、用CSS修饰,并且常用于布局。表格可以通过合并单元格、调整列宽等方式进行复杂布局。
13. **Body事件**:要使当前窗口打开时自动弹出新窗口,需要在Body元素的"onLoad"事件中添加相应命令,这通常涉及到JavaScript代码。
这些知识点涵盖了网页设计的基本原理和Dreamweaver的使用技巧,对于理解和制作网页非常有帮助。