;项目一个人网页的简单美化——网站制作基础知识
项目二创建度假村网站——DreamweaverCS3入门
项目三制作汽车网站——输入与编辑网页元素
项目四制作文化公司网站——应用超链接和行为
项目五制作饰品网站——用表格构建网页布局
项目六制作电影网站——建立框架网页;项目七制作美容网站——应用样式表
项目八制作茶文化网站——应用Div+CSS技术布局网页
项目九制作个人网站——应用模板和库
项目十制作留言板——动态网页入门
项目十一制作饰品公司网站首页——应用JavaScript制作网页特效;;任务1认识网站与网页;◆认识网页的本质和网页中的常见元素
◆掌握IP地址、域名、网址等基本概念
◆理解静态网页与动态网页的区别;一、网页的本质
如图所示是新浪网的主页及其组成文件,由该图可以看出,网页主要由文字、图像和动画等元素组成。网页包括一组文件,它们分别是网页文件(扩展名为htm、asp等)、图像文件(扩展名为jpg、gif等)和Flash动画文件(扩展名为swf)等。;新浪网主页及其组成文件;二、网页中的常见元素
1.文本
文本一直是最重要的信息载体与交流工具,网页中的信息一般以文本为主。在网页中可以通过字体、大小、颜色、底纹、边框等设置文本的属性。;2.图像
在网页中图像既可以表达主题,也可以对网页起装饰作用。网页中的图片一般为JPG、PNG和GIF格式,即以.jpg(或.jpeg)、.png和.gif为后缀的文件。
3.超链接
超链接是网站的灵魂,是从一个网页指向另一个目的端的链接。
4.表单
表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选框与复选框,以及从下拉菜单中选择选项。;5.表格
表格是网页排版的灵魂。使用表格排版是现在网页的主要制作形式。通过在表格中放置相应的图片或其他内容,网页中的元素得以方便地固定在设计的位置上,即可有效地组合成符合设计效果的页面。一般表格边线不在网页中显示。
6.动画
动画是网页上最活跃的元素,通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。;三、IP地址、域名和网址
1.IP地址
一个主机在互联网上都有唯一的地址,这个地址称为IP地址(InternetProtocolAddress)。IP地址由4组0~255之间的整数(可取0及255)组成,数字之间用点间隔。
2.域名
由于IP地址在使用过程中难于记忆和书写,人们又用一种与IP地址对应的字符来表示地址,这就是域名。每一个网站都有自己的域名,并且域名是独一无二的。;3.网址
网址又称为URL,英文全称是“UniformResourceLocator”,即统一资源定位符。一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。;四、动态网页与静态网页
网页可分为动态网页(DHTML)和静态网页(HTML)两大类。
从表现形式上来看,动态网页与静态网页URL的后缀不同,静态网页的后缀可以是.htm、.html、.xml、.shtml,而动态网页则是以.asp、.jsp、.php、.cgi、.perl为后缀,并且在动态网页网址中通常有一个标志性符号“?”。;任务2使用HTML语言
修改简单网页;◆掌握创建HTML文件的方法
◆理解HTML文件结构
◆掌握简单HTML文件的编写方法;HTML(HypertextMarkupLanguage,超文本标记语言)不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中内容的显示方式。其最基本的语法是:标记内容/标记。标记通常都是成对使用的,一个开头标记就对应有一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。;一、HTML文件的创建
人们经常使用网页这个概念,实际上,网页就是一个文件,这个文件是利用HTML写成的,所以又被称为HTML文件。HTML文件的本质就是一个文本文件,只是扩展名为“.htm”或“.html”。在Windows操作系统中,最简单的文本编辑软件就是Notepad(记事本)。
HTML文件的创建方法非常简单,具体的操作步骤如下。;在记事本中输入HTML文件;保存后的HTML文件;二、HTML文件结构
1.html标记
html标记放在HTML文件的开头,并没有实质性的功能,只是一个形式上的标记,在HTML文件开头使用html标记开始。
2.head标记
head称为头标记,一般放在html标记里,其作用是放置关于此HTML文件的信息,如提供索引、定义CSS样式等