当前位置：文档之家 › 静态网页设计教程(8常用第三方工具和控件)

静态网页设计教程(8常用第三方工具和控件)

  • 格式：ppt
  • 大小：732.00 KB
  • 文档页数：31
静态网页设计教程(8常用第三方工具和控件)

合集下载

Dreamweaver静态网页制作过程

Dreamweaver静态网页制作过程

第三页，编辑于星期五：二十三点 五十四分。
Dreamweaver静态网页制作(续)
内部链接：在同一网站文档之间的链接 外部链接：在不同网站文档之间的链接 锚点链接：同一网页或不同网页的指定位置的链接； E-mail链接：翻开填写电子邮件表格的链接； 2）文档的路径（URL） 相对路径： 绝对路径：完整的URL （基于目录的路径）：从根目录出发 3）链接的方法 在属性面板中可以直接使用 可以选择被链接文档的载入位置 _blank：新的未命名的浏览器窗口中； _parent：父框架集或包含该链接的框架窗口中； _self：相同的窗口中（是无需指定的） _top：整个浏览器窗口并删除所有框架； 可以借助于样式表来实现
网站内容的组织 （1）选择力求专业化；（主要是面向谁的问题） （2）网页内容的变化性； （3）网站内容设计者的爱好； （4）网站栏目的安排
第十五页，编辑于星期五：二十三点 五十四分 。
Dreamweaver静态网页制作(续)
a.要紧扣主题； b.设立最近更新或网站指南栏目； c.设立可以双向交流的栏目，如论坛、BBS、邮件列表等 d.设立要下载或常见问题的栏目。（从而做到信息资源的共享） 名称要正、名称要易记、名称要有特色。
图像的路径和文件名称，单击“Browse〞（浏览）按钮，可以从磁盘上选择图像文件。 这里不仅可以输入本地图像文件的路径和文件名称，也可以用URL的形式输入其他位置 的图像名称。实际上，这里设置的是<body>标记的background属性。 c)Background（背景） 在这里可以为文档页面指定背景颜色。实际上设置的是<body>标 记的bgcolor属性。 d)Text（文本） 这里可以设置文档页面中文字的前景颜色，实际上设置的是<body>标记的 text属性。 e)Links（链接） 这里可以设置文档页面中尚未访问过的超级链接的文字颜色，实际上设置 的是<body>标记的link属性。 f)Visited Links（访问过的链接） 这里可以设置文档页面中已经访问过的超级链接的文字 颜色，实际上设置的是<body>标记的vlink属性。
静态网页设计与制作.ppt

静态网页设计与制作.ppt


优点：同链接的源点无关，只要网站地址不变更，无论文件 在站点
中如何移动，都可以正常实现跳转。 缺点：
1.不利于测试。
2.不利于站点的移植。 ② 文档相对(relative)路径（不完整，以当前文件和你要连接的文件 它们之间存在的路径关系）。 比如a.html b.html,它们处于同一级或是同一个文件夹中，我们 在定义这个路径关系时，就只用在a.html的连接FLASH动画
方法：[插入]
[媒体]
[SWF]
和插入图片一样，当选择的swf文件不在你的站点下，系统会自动提醒 你是否把swf文件拷贝到你的站点下面，这个时候就点“确定”。 插入的flash动画以flash内容占位符的形式显示在编辑窗口中，不会显 示Flash的实际内容。
静态网页设计与制作
<bgsound src=“music/….mp3” loop=“” /> loop的值“-1”为无限循环，“0”为不循环。
静态网页设计与制作
第五讲 网页中的链接
1. 插入滚动文字 2. 网页中的链接
网页设计与网站策划
插入滚动文字及控制滚动文字
我们无法通过DreamweaverCS5的可视化来制作滚动效果，只能用HTML代码来 实现。 <marquee></ marquee > （专用于实现滚动） 控制滚动文字： <marquee direction=” ”></ marquee > （滚动方向） <marquee scralldelay=” ”></ marquee > （滚动延迟，以毫秒为单位） <marquee scrollamount=“ ”></ marquee > （滚动速度，3是中速） onmouseover=“this.stop()”（当鼠标在上面时） onmouseout=“this.start()”（当鼠标离开时）
静态网页制作教程入门级

静态网页制作教程入门级


JavaScr ipt 简 介
JavaScript是 一种脚本语言
JavaScript主 要用于增强网
页交互性
JavaScript可 以与HTML和 CSS结合使用
JavaScript可 以用于实现各 种动态效果和
交互功能
JavaScr ipt 基 本 语 法
添加标题
JavaScript概述
添加标题
HTML发展历程：从HTML 1.0到HTML5，经历了多个版本的发展和改进。
HTML基本结构：包括DOCTYPE声明、HTML元素、头部元素和主体元素等。
HTML常用标签：如标题标签、段落标签、链接标签、图像标签等。
HTML基 本 结 构
HTML文档的基本结构
HTML标签的分类与作用
HTML属性的定义与使用
发布网页到互联网上
注册域名 购买主机 上传网站文件 设置DNS解析
如何让搜索引擎找到你的网页
优化网页标 题和描述
优化网页内 容
优化网页 URL
提交网站到 搜索引擎
汇报人：
“写作前的准备”为标题的内容 • 写作前的准备 • 确定写作目标和主题 • 收集相关资料和素材 • 制定写作计划和提纲 • 准备好写作工具和环境
添 加 JavaScr ipt 代 码
JavaScript代码的 基本语法
在HTML文件中添 加JavaScript代码
JavaScript代码的 常用功能
互和动态更新
文件扩展名： 以.html、.htm、.shtml、 .xml等为扩展名
加载速度快：由于静态网页 不需要服务器处理，因此加
载速度相对较快
静态网页与动态网页的区别
定义：静态网页 是预先编写好的 HTML文件，而 动态网页则是根 据用户输入或系 统数据动态生成 的内容
设计静态网页知识点

设计静态网页知识点

设计静态网页知识点在设计静态网页时，你需要了解一些基本的知识点，以确保你能够创建出整洁美观、功能齐全的网页。

下面将介绍一些重要的知识点。

一、HTML基础知识HTML（超文本标记语言）是网页的基础，它用于描述网页的结构和内容。

在设计静态网页时，你需要了解以下几个重要的HTML标签：1. <!DOCTYPE>：定义文档类型。

2. <html>：定义HTML文档。

3. <head>：定义文档的头部分，包含网页的元数据。

4. <title>：定义网页的标题。

5. <body>：定义文档的主体部分，包含网页的内容。

6. <h1> - <h6>：定义标题。

7. <p>：定义段落。

8. <a>：定义链接。

9. <img>：定义图像。

10. <div>：定义文档区块。

二、CSS样式CSS（层叠样式表）用于美化网页，控制网页的样式和布局。

以下是一些常用的CSS属性：1. color：定义文本颜色。

2. font-size：定义字体大小。

3. background-color：定义背景颜色。

4. margin：定义元素的外边距。

5. padding：定义元素的内边距。

6. border：定义元素的边框样式。

7. text-align：定义文本的对齐方式。

8. display：定义元素的显示类型。

三、响应式设计在设计静态网页时，需要考虑不同设备和屏幕大小的适配。

响应式设计可以使网页在各种设备上都能良好显示。

以下是一些常用的响应式设计技巧：1. 使用媒体查询（@media）来根据屏幕大小应用不同的CSS样式。

2. 采用流式布局，使用百分比和弹性盒子（Flexbox）来设置元素的尺寸和位置。

3. 使用图标字体（Icon Fonts）代替图像，以适应不同分辨率的屏幕。

四、网页优化在设计静态网页时，需要注意网页的性能和加载速度。