哈理工计算机选修:网页设计基础

版权申诉
0 下载量 184 浏览量 更新于2024-07-01 收藏 24KB PDF 举报
"哈理工计算机选修之网页设计.pdf" 网页设计是一门涉及广泛技术的学科,主要包括HTML、CSS、JavaScript等基础语言和工具的运用。在哈理工的计算机选修课程中,学生们会接触到这些关键知识点。 首先,互联网的起源被提及,最初的主干网是ARPAnet,它为后来的INTERNET(互联网)奠定了基础。了解这一历史背景有助于理解网络通信的基本原理。 在网页设计中,布局是至关重要的。除了层(Layer),常用的布局方式还包括表格(Table)。表格允许设计师精确地控制元素的位置,尤其是在早期的网页设计中,表格布局是主流方法。 HTML标记语言中的<HR>用于创建水平线,其width属性设定线条的宽度,默认单位是像素(Pixel),也可以设置为浏览器窗口宽度的百分比。这允许设计师调整线条的视觉效果以适应不同屏幕尺寸。 Flash作为一种曾经流行的动画制作工具,提供了两种类型的动画:逐帧(Frame-by-frame)动画和渐变(Tween)动画。逐帧动画通过每一帧都绘制完整图像实现动画效果,适合创建复杂的动画效果;而渐变动画则在两个关键帧之间自动计算中间帧,适合简单的过渡效果。 Dreamweaver MX 2004是一款常用的网页编辑软件,提供了代码、拆分和设计(Design)三种视图模式,方便用户在源代码和预览视图之间切换,以适应不同的编辑需求。在表格操作中,单元格的拆分(Split)功能可以将一个单元格分割成多行或多列,以实现更灵活的布局。 在图像处理方面,JPEG和GIF是最常见的格式。JPEG(Joint Photographic Experts Group)通常用于存储色彩丰富的照片,因为它支持24位真彩色。而GIF(Graphics Interchange Format)则适用于简单动画和色彩较少的图像,因为它是8位颜色格式,支持最多256种颜色。 网页的视觉风格也受到色彩的影响。在HTML中,<body>标签的bgcolor属性定义了网页的背景色,而text属性则用于设置网页文本的颜色。 行为(Behavior)是Dreamweaver中的一种重要概念,它由事件(Event)和动作(Action)两部分组成,允许开发者响应用户的交互,如点击、鼠标悬停等,并执行相应的脚本或操作。 HTML中的标题(Heading)标记从<h1>到<h6>,共六级,用于组织文档结构,其中<h1>代表最重要的标题,<h6>则表示最不重要的标题。 最后,URL(Uniform Resource Locator)是每个网络资源的唯一地址,包含资源类型、主机地址、端口、目录和文件名等组成部分。网页实际上是通过浏览器加载的一系列HTML、CSS和JavaScript文件,这些文件组合起来形成了我们在网上浏览的页面。同时,超链接不仅可以在文字上创建,也可以在图片上创建,为用户提供导航。矢量图形由于基于数学公式,放大不会失真,而位图图像则会因像素放大而出现失真。