《网页设计与制作》第一章网页制作基础

第一章网页制作的基础，网页设计和制作，南海大学计算机系，2020年5月25日，第二章，第一章网页制作的基础，网页和浏览器网页的特点和结构网页的最大特点是使用超文本(超文本)万维网和客户/服务器(C/S)工作模式应用超文本传输协议(超文本传输协议)作为浏览器和服务器之间的网络应用层的通信协议，以及5/25/2020，3，网址，因特网上的所有资源都有一个唯一的网址，通常称为网址。网址的完整格式如下：协议：/主机名(或IP地址):端口号/路径名/文件名，5/25/2020，4，几个网址的例子。(1)使用http协议和默认端口号(80)访问微软服务器。这里没有指定路径或文件名，因此访问的结果是向浏览器发送默认主页。(2) FTP :/，5/25/2020，5，(3)http:/GnA 3336800001/UU-GNA/index . html，从运行在端口号8001上的服务器访问Index.html主页。(4)/Addressing/url/5-bnf.html # httpaddress，访问服务器上的地址/URL目录，其中5-BNF.html网页文件中的锚点被标识为http地址。2020年5月25日，6，浏览器，专用浏览器的一般分类，如互联网浏览器浏览器浏览器，以及一些以上述浏览器为核心的专用浏览器。其中，微软公司生产的互联网浏览器6.0 (IE6)应用最为广泛。5/25/2020，7，IE6界面，使用5/25/2020，8，IE6.0，浏览网页，按“停止”按钮前进和后退刷新页面以改变文本大小，选择编码全屏显示查看源文件，5/25/2020，9，打开多个窗口，并使用菜单栏“文件”“新建”“窗口”打开新的浏览器窗口。通常，打开四个或五个窗口可以充分利用系统资源，您还可以通过调整窗口的大小和位置来同时浏览。5/25/2020，10，主页，临时文件和历史记录。浏览器打开时自动调用的网页称为“主页”。主页可以通过“工具”“互联网选项”打开“互联网选项”对话框。在“常规”标签的“主页”栏中设置。5/25/2020，11，使用菜单“收藏夹”“添加到收藏夹”打开“添加到收藏夹”对话框。5/25/2020，12，使用菜单“收藏夹”-“组织收藏夹”打开“收藏夹组织”对话框，以移动、删除、重命名和创建收藏夹中网页的新文件夹。2020年5月25日13时，关闭图片显示，当网络速度较慢时，不观看网页中的图片和其他多媒体内容可以获得较快的下载速度。通过“工具”“互联网选项”打开“互联网选项”对话框。您可以在“高级”选项卡中设置浏览器的工作模式。2020年5月25日14。关闭自动完成功能。通过工具“互联网选项”打开“互联网选项”对话框。单击“内容”选项卡的“个人信息”部分中的“自动完成”按钮，打开自动完成设置对话框。5/25/2020，15，使用搜索引擎，1，使用浏览器的“搜索”按钮2，使用专门的搜索引擎(谷歌)(轮渡)(雅虎)(搜狐)，5/25/2020，16，了解网站，1。门户网站，2。个人网站，3。专业网站，4。功能网站，2020年5月25日，17，1。门户网站。这些网站是涵盖文学、音乐、影视、体育、新闻和娱乐等广泛领域的综合性网站，具有论坛、搜索和短信功能。目前，国内比较著名的门户网站是搜狐()，网易()，等等。2020年5月25日，18，2。高度个性化的个人网站是以个人名义开发和创建的网站。它们的内容、风格和风格都非常个性化。2020年5月25日，19，3。高度专业化的专业网站通常只涉及一个领域，而且内容专业化。例如，榕树下的网站()是一个专业的文学网站。2020年5月25日，20，4。功能性网站，功能性网站具有特殊功能，如政府功能性网站等。目前逐渐兴起的电子商务网站也属于这类网站。更著名的电子商务网站包括阿里巴巴()，卓越()和当当网上书店()。5/25/2020，21，know web pages，5/25/2020，22，elements in web pages，1。文本2。图像3。表格4。Flash动画5。表格6。超链接7。视频和音频8。弹出窗口9。标题栏和状态栏文本，5/25/2020，23，1.2网页制作相关知识。HTML语言概述是一种超文本标记语言，作为一种网页编辑语言，它易于学习和理解。5/25/2020，24，1，HTML页面，HTML页面通常由三部分组成：版本信息，页面标题(HEAD)和文档体(BODY)。以下是网页结构的总体框架：5/25/2020，25，(1)版本信息版本信息位于超文本标记语言网页文件的第一行，(2)超文本标记语言文件标签大多数网页文件以标签开始，以文件结尾，(3)标题信息标题标签是超文本标记语言文档的标题，用于指示当前文档的相关信息，在标题标签中， 出现频率最高的标签是TITLE，用于定义浏览器标题栏中显示的文档标题。5/25/2020，26，【示例】要为网页设置“励志社团”的文档标题，可以在标题中输入以下代码：励志社团，5/25/2020，27，(4)由主体标记的网页主体是“”标记的作用范围。该标记用于定义HTML文档主体的开头。它可以设置网页的背景图像、背景颜色、链接颜色和净距等属性。它的基本用法如下：Bgcolor是背景色。稍后将详细描述颜色值。文本是不包含超链接的文本的颜色。链接是超链接文本的颜色。Alink是被单击的超链接文本的颜色。5/25/2020、28、左边距和上边距用于设置网页的左边距和上边距，以像素为单位。示例1将网页的上边距和左边距分别设置为40和30像素宽，使用黑色文本和白色背景，未访问的链接源使用蓝色，访问的链接源使用深红色。Vlink是已单击的超链接文本的颜色。背景设置：如果设置了背景图片，图片将覆盖设置的颜色。5/25/2020，29，2，XML语言，XML(可扩展标记语言)被称为下一代网页标记语言，也是使用各种标记来形成网页的源代码。XML包括可扩展格式语言XSL(可扩展样式语言)和可扩展链接语言XLL(可扩展链接语言)。5/25/2020，30，1.22静态网页和动态网页。静态网页是指基本上都是用超文本标记语言制作的网页，网页的内容是固定的。动态网页结合了JavaScript、CSS和其他类似的语言，比如VBScript和HTML，使静态网页动态化。5/25/2020、31、1.23网络服务器端程序和专业网站都是基于数据库的使用。要将这些数据库转换成可以通过浏览器显示和操作的网页，您需要编写服务器端程序。表格(个人信息、选择结果等。)需要在服务器上记录和过滤用户提交给服务器的内容。大量的数据库查询和修改也需要服务器端程序的支持。目前，常见的服务器端编程技术包括计算机生成接口、ASP、PHP、JSP等。不同的技术需要不同的系统环境支持。1.3制作网页的基本方法和步骤，1。确定网页内容，2。设计网页的组织结构。收集和组织数据。选择网页的设计方法。常见的网页制作工具包括Frontpage、Dreamweaver等。服务器端的ASP程序可以使用VisualInterdev、UltraDEV等进行编辑。5/25/2020，33，开始制作网页，构建网页框架，创建导航栏，填充内容，创建返回主页的链接，5/25/2020，34，网页制作的原则，网站应该有创意，整体规划，动画不应该有太多的导航，一般网页应该清晰，主题应该鲜明，优化的图像应该定期更新，5/25/2020，35，制作网页时要注意的问题，1，网页的标题应该2.使用文本中的水平线来划分不同的部分。3.强调并展示关键段落。4.网页中插入的图片应该尽可能小。5、图形要附文字说明，以便关闭图像视图。6.网页中引用的材料和商标(或图标)不得侵犯版权。5/25/2020，36，1.4 Macromediastudiomx 2004，Macromediastudiomx 2004是目前使用最广泛的网页制作工具组件。Dreamweaver、Flash和Fireworks被称为“网页三剑客”。在Dreamweaver中，我们使用丰富的层叠样式表来创建有趣的专业网站。Mac