第一章网页制作技术与案例精解1.pptVIP

教材：网页制作技术与案例精解主编：赖步英 清华大学出版社(2009.8); 第1章　网页制作基础;任务1 认识网页基础知识;2．Web网页常用术语 1）HTML（Hyper Text Markup Language）：HTML通过标记符（Tag）标记网页的各个组成部分，通过在网页中添加标记符，指示浏览器如何显示网页内容。 2）URL（Uniform Resource Locator）：统一资源定位器，URL的表示可以是绝对的，也可以是相对的。例如http：//www.E_/index.htm、pages/news.htm等. 3）网页：一个网站可以包含若干个网页。静态网页，扩展名为.htm或.html。 4）主页：又叫首页，每个网站都有一个主页，主页文件基本名为index或default，如index.htm、default.htm、index.asp、index.aspx等;3．Web网页的基本元素 1）文本 2）图像 3）超链接 4）导航栏 5）表格 6）表单 7）多媒体及特殊效果;4．Web网页的常见类型 静态网页：通常以.htm、.html、.shtml、.xml等为扩展名。 动态网页：根据采用的动态网页技术不同，其扩展名也不同，通常有： .asp、.aspx、.jsp、.php、.perl、.cgi等。 ;5．浏览器 浏览器的作用是“翻译”HTML标记语言，并按照规定的格式显示出来。 浏览器具有以下基本功能： 获取Internet资源。 保存访问记录。 阅读超文本文件。 具有字符格式化功能。 发送或接收E-mail。 具有安全保密功能。 具有书签功能。 处理具有交互功能的FORM表单。 ;客户端;任务2 认识网页制作工具;任务3 认识网站开发流程 ;1．网站规划 ;⑶ 颜色搭配 网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。 ⑷ 网站标志Logo ;⑸ 版面布局 　突出重点、平衡和谐，将网站标志（Logo）、主菜单等最重要的模块放在突出的位置 。 ⑹ 图像的运用 图像为主题内容服务。兼顾大小、质量和网络速度。合理地采用JPEG和GIF图像格式。 ;2．网站制作;2. 上传与测试 测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。 利用FTP工具将网页发布到所申请的主页服务器 网站上传之后，继续通过浏览器进行实地测试，发现问题，及时修改，然后再上传测试。 ;3.后期维护 1. 推销网站 2. 维护更新 ;假如你从来没有制作过网页，你的工作步骤通常包括如下几步： （1）使用Windows资源管理器规划网站的目录结构。例如，假定希望创建一个个人站点，其中大致包括个人兴趣（xingqu）、爱好（aihao）和自我简介（jianjie）等内容，那么网站的目录结构可以按右上图所示进行安排。 ;（2）启动网页编辑软件Dreamweaver，配置站点。 （3）制作网页并将某个网页作为网站的入口网页，即主页。尽管在Dreamweaver中用户可将任何一个网页设置成主页，但是，由于很多ISP要求将主页名称命名为index.html，因此，用户最好遵守此规定。 （4）在某个ISP处申请一块空间，此时网站就有了自己的域名。请你留意ISP授予的FTP服务器名称、用户名、口令。 （5）利用Dreamweaver将本计算机上的站点内容上传到所申请的空间中。 以后的工作就是网站维护了，主要包括改进创建的网页、制作新网页、同步更新网站内容等。;本章结束 谢谢!!!