网页设计第二讲_搭建网站课件.ppt

《网页设计第二讲_搭建网站课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计网页设计计算机应用专业《网页制作》技术目标个人网站项目任务创建网页、应用表格布置“个人网站”内容要求。应用文字、图象创建主页。进行布局，添加站名、导航栏、网站介绍，添加修饰图片。应用css、创建链接创建个人简介子页。应用css修饰文字，设置主页到个人简介子页的链接，并用css修饰。应用框架创建个人收藏栏目及其子页，设置相关页的链接。技术巩固创建学习目标、学习计划两个子页，以及关于学习栏目框架。设置相关页的链接，以及页面背景。技术巩固创建学习效果子页。设置相关页的链接。在主页上给不同的链接设置不同的

2、css效果。提交作品。布置“学会学习”小组网站的内容要求。创建网页、应用表格布置“个人网站”内容要求。1、网页三剑客dreamweaver网页制作软件fireworks平面图象处理软件flash平面动画制作软件网页三剑客第二讲搭建网站Dreamweaver第二讲搭建网站工具栏网页编辑窗口常用面板属性面板Fireworks第二讲搭建网站Flash第二讲搭建网站2、网站的根目录一个网站是多种文件的集合（当然包括网页文件），在电脑中我们一般使用文件夹存放文件，所以在电脑中我们也使用一个文件夹来存放一个网站的文件

3、。这个文件夹称为网站的根目录。每个网站都应该有对应的根目录。由于一个网站包含的文件往往很多，我们也提倡在每个网站根目录中再创建多个子文件夹，来分类存放该网站的文件。【例】第二讲搭建网站【例】第二讲搭建网站3、网站的主页和子页主页一般是网站的第一个页面。有的网站在主页之前还有一个引导页。一个网站中除了主页和引导页之外的网页都叫作子页。主页就好像是一本杂志的封面加上目录，它应该有网站的名字，应该简要呈现网站的主要内容，应该有网站各个栏目的目录（“导航栏”），并且应该具有一定的欣赏性。【例】第二讲搭建网站第二讲

4、搭建网站第二讲搭建网站缺少网站的名字第二讲搭建网站网站引导页第二讲搭建网站主页主页一般命名为index或default。所有网页最好都不用中文命名。【例】每个网页文件都会有后缀名，一般是htm、html、asp、aspx、jsp、php等等。静态网页的后缀名一般是htm或html。第二讲搭建网站【例】第二讲搭建网站不知道哪个是网站主页不提倡使用中文命名网页【例】第二讲搭建网站这个例子很容易知道index就是网站的主页【练习】创建一个网站的根目录，命名为myweb，并且在这个目录下创建两个子文件夹，一个用来

5、存放图象文件，命名为images，一个用来存放网页文件，命名为html。第二讲搭建网站4、初步认识Dreamweaver创建站点管理新建、保存、关闭、打开网页快捷预览网页效果：F12第二讲搭建网站创建站点管理的步骤：点击“站点”菜单，选择“新建站点”选择“高级”页、“本地信息”设置“站点名称”、“本地根文件夹”、“默认图像文件夹”，确定即可。第二讲搭建网站新建网页：点击“文件”，选择“新建”选择“基本页”、“HTML”，创建即可。第二讲搭建网站保存网页：点击“文件”，选择“保存”，或直接按CTRL+S键输

6、入文件名，点击保存即可。第二讲搭建网站打开网页：点击“文件”，选择“打开找到要打开的文件，双击该文件即可。或找到要打开的文件，单击它，然后点击“打开”按钮第二讲搭建网站【练习】在dreamweaver中为网站“myweb”创建站点管理，并且新建一个主页，命名为index，保存在html文件夹中。（若命名时不小心删除了后.html，保存的时候dw会自动补上）第二讲搭建网站5、安排网页的版面：使用表格添加网页内容之前，应该先规划网页的版面布局，就好像出黑板报一样我们一般使用表格对网页进行布局规划【例】第二讲搭

7、建网站【例】一个主页的版面设计表格的边框是被“隐形”了的对应的表格结构第二讲搭建网站表格的基本操作（1）创建一个表格点击工具栏上的表格按钮，在弹出的表格属性框中设置表格的基本属性行和列，然后确定即可。其他的属性或行和列都可以在表格创建之后，在网页编辑窗口下方的属性面板中再进行设置。第二讲搭建网站（2）选择表格或某个单元格左键单击某个单元格，即代表选中这个单元格。要选中一个表格，一般通过标签栏来完成。先单击表格中的某个单元格，然后在标签栏中单击

8、方，属性面板上方第二讲搭建网站填充：设置单元格内部的内容与单元格边界的距离间距：设置单元格与单元格之间的距离对齐：设置整个表格在网页中的水平位置（3）设置表格属性：选中表格就会出现表格属性面板宽和高：表格的大小与显示器分辨率的关系表格的大小一般使用“像素”为单位，如果使用“百分比”为单位，则表格大小将随着浏览器窗口大小的不同而变化。用表格进行布局时，一般边框设为0，即网页浏览时见不到边框；间距为0使单元格紧密相连。第二讲搭建网