亿博电竞网页设计与制作

发布时间：2023-06-30 丨 浏览次数：

　　亿博电竞了解HTML文件的基本结构 掌握HTML中文本的编辑及图像的语法 掌握HTML中各种设置超级链接的语法 掌握HTML中表格和框架的基本语法

　　掌握进行文本及图像的编辑操作 掌握创建各种超级链接的操作 能够编写简单的HTML网页 掌握HTML文件中表格和框架的使用

　　1、媒介的作用。使用者与信息之间的媒介。 一方面是发布者，功能是发布信息；另一方面 是浏览者，功能是提供浏览的信息，通过浏览 网页找寻需要的信息。

　　2、互动的作用。浏览者与网页制作单位之 间互动的窗口，可以单向或双向传递信息亿博电竞。

　　3、传输的作用。作为传输各种电子文件或 信息之用，如下载说明书、更新文件、驱动程 序等。

　　2．Fireworks。是由Macromedia公司开发 的图形处理工具，它是第一个专门为制作网页图 形而设计的软件，同时也提供专业的网页图形设 计及制作的解决方案。

　　Dreamweaver和Flash亿博电竞、Fireworks三个软 件被称为“网页三剑客”，是现在公认的比较标 准的网页制作利器亿博电竞。

　　2．平台的兼容性测试。设计要为用户着想，必须最 少在一台PC和一台Mac机上测试你的网站网页，看看兼 容性如何；

　　3．超链接完好性测试。超链接是连接网页之间、网 站之间的桥梁，浏览者是不愿意访问一个经常出现“找 不到网页”的问题的网站，作为设计者必须检测超链接 的完好性，保证链接的有效性，不要留下太多的坏链接。

　　•利用图像编辑软件来放大或缩小图像 •屏幕显示图像的分辨率一般为72dpi。制 作图像时，不必使用比此再高的分辨率。

　　•如果建立的图像中只有黑色和白色，处理 时可将它保存为黑白图像格式，这样可以减少 图像文件的大小。

　　•如果设计的GIF格式图像包含了渐变和直 线，应尽量使得它们水平，因为GIF格以每条水 平线为基础来压缩。

　　网站就是把一些网页等信息文件通过超链 接的形式关联起来形成的信息文件的集合。信 息可以是网页形式也可以是其他的文档形式亿博电竞。

　　网站是一个文件夹，其中的文件不仅是网 页还有网站所需的其他文件或文件夹。网页是 一个页面文件，用来发布各种信息。网页是网 站的构成要素，是网站信息发布与表现的一种 主要形式；网站是网页通过超链接形成的集合。

　　由“”和“”组成的就是标记。在HTML 语言中标记分“单标记”和“围堵标记”。

　　1．网页 网页（WEB）：是用html语言编写的，通 过传输，并被web浏览器翻译成可以显 示出来的集合文本、图片、声音和动画等信息 元素的页面文件（网页示例）。

　　1．确定网站的主题 2．规划网站的整体结构 3．收集整合网页素材 4．确定网页版面布局。 5．制作网页。 6．添加网页特效。 7．测试和发布网站。

　　1．字体的选择。 2．字号、行距的选择。 3．特殊字体的使用。 4．字体的颜色。

　　现在网络上使用的绝大多数图片和图像是 gif、jpeg和png文件格式。

　　•JPEG格式适合于照片图像，GIF格式适合 于包含纯色的图像，例如插图和线．超文本标识语言（HTML） 2．FrontPage简介 3．Dreamweaver

　　1．Photoshop。是Adobe公司开发的，是 当今最流行的图形图象处理软件之一，它能够实 现各种专业化的图像制作、处理及合成亿博电竞。

　　网页的基本要素一般包括：文字、图像、 动画和链接标志等，除此之外，网页的元素还 包声音、多媒体和视频等。

　　动态网页可以实现网页浏览者和网页设计 者的交互，实现交互技术有两种：一种是客户 端技术如常用的JavaScript和VBScript；另一 种是服务器端技术如目前常用的ASP和PHP。

　　1．浏览器兼容性测试。目前浏览器有： Internet Explorer与Netscape两大主流浏览器，二 者对HTML和CSS等语法的支持度是不同的。在 Dreamweaver中提供了可以检查网页中是否含有某版本 浏览器不能识别的语法功能，设计者可以借助其进行检 查。

　　HTML（Hyper Text Markup Language） 又称超文本标识语言，是一种标识性的语言， 是网页设计的最初语言。文件的扩展名:“html” 或“htm”。

　　2．视频。是多媒体网页的一个重要组成部 分，常用的视频格式有avi、mpeg和mov等， 视频会大大增加网页的文件量，从而使用访问 速度受到影响，因此要慎用。

　　3．音频。在网页中插入音频会增加网页的 生动性。常用的音频格式有rm(ram)、midi、 wav和mp3等格式。音频文件和视频文件一样 都会增加网页的文件量，因此要慎用。

　　p align=left/center/right 其中参数align用于设定段落的位置是靠左、 靠右还是居中。默认值是靠左；除align之外 p还有其他参数如class。class参数是可选项， 如果没有将按照默认值显示。 2．换行br 单标记，放在一行的末尾，可以在一个段 落内实现文本的强制换行，设置标记后面的文 本字、图像和表格等内容显示于下一行。

　　1．确定网页的版面布局 （1）平衡性。（2）对称性。（3）对比性。 （4）疏密度。（5）比例。（6）韵律感。

　　网页的排版布局是决定网站美观与否的一 个重要方面,通过合理的、有创意布局,才可以把 文字、图像等内容完美地展现在浏览者前面。

　　• 1.1 网页和网站 • 1.2 网页中的主要元素 • 1.3 网页制作工具 • 1.4 网页设计的基本流程 • 本讲小结

　　超链接的标志一般有：文本、图像、热区 三种。要注意的是，所有超链接标志均应清晰 无误地向浏览者标识出来，让人一看就知道。

　　除上述几种要素之外，在网页上经常使用 的还有动画、视频、声音等各种信息的形式。

　　1．围堵标记 格式： 标记……/标记 2．单标记 格式：标记 只有起始标记，没有结束标记。最常用的 单标记是br, 它表示段内换行。 3．标记属性 格式：标记 属性1 属性2 属性3…… 各属性间无前后顺序，属性也可省略，当 省略属性时取标记的默认值。

　　链接也叫超链接（Hyperlink），是从一个 网页指向另一个目的端的链接，是页面间的链 接关系。

　　链接标志（载体）指的是网页中特殊的文 本或图像，它们常常用不同的颜色和下划线来 标识，在浏览器中，访问者可以用鼠标单击它 们，能够从当前的网页转到链接的目的端位置。

　　2．特殊字符 HTML中除了我们上面学的的一些标记外， 还有一些我们常用的特殊字符比如“”，这些 特殊字符在HTML语言中都有对的转义符，常用 的转义符与特殊字符参见下表：

　　网页设计好，必须把它发布到互联网上， 否则网站形象仍然不能展现出去。发布的服务 器可以是远程，也可以是本地。如果是发布到 互联网上，要先申请域名和主页空间，然后再 利用专用软件（如：CuteFTP）上传，FTP有 很多种软件，最著名的是 CuteFTP 和 LeapFTP，也可以用Dreamweaver内置的FTP 上传。