2020—2021学年冀教版八年级全一册信息技术课件 第6课 设计网站与制作首页

设计网站与制作首页 1 网站和网页 怎么设计网站与制作首页？ 3 网站是由超链接(Hyperlink)组织在一起的多个网页的集合。也就是说，网站由许多页面组成，各个页面之间能够相互跳转。网页是网站的基本单位，也叫Web页。网页文件是由一个HTML文件以及多个相关的文本、声音、图形、图像、动画等形式的文件组成的。使用浏览器等工具打开网页文件，就可呈现出多媒体可视页面。 4 设计网站首先要确定网站主题。网站主题是指网站信息的“中心思想”和总体创意。主题是网站的灵魂，是确定网站风格与创意的前提和出发点。 主题确定以后，就可以围绕主题给网站起一个名字，例如：E动少年。网站名称作为网站的标识，一般在网站的页头显示。 网站主题、名称和栏目结构 5 网页版面布局就是排列布置文、图、表等内容在整个页面（版面）中的位置，使网页的各种构成要素有机结合呈现，能够更好地表达页面所有内容。 网页版面布局 6 通过报纸、杂志、网络等搜集制作网站需要的文字、图片、动画等素材，还可以通过Word、Photoshop等对素材进一步加工处理。 在搜集资料时，要有所选择，注意以下几点： •结合主题及栏目设计选择资料内容； •相同类型的内容尽可能精选，避免重复； •资料的形式尽可能多样化； •要注明所获取资料的来源。 网站资料的搜集整理 7 2 设计展示自我风采的 个人网站 根据网站设计流程，设计展示自我风采的个人网站，确定网站名称（如“E动少年”），设计首页、“我的相册”、“美文推荐”、“我的作品”、“心情日记”等栏目板块。 网站结构示意图如下： 9 3 熟悉Dreamweaver 开发环境 运行Micromedia Dreamweaver MX 2004。在“起始页(Start page)对话框中，选择“创建新项目(Create New)”中的“HTML”选项，进入操作界面。 11 Dreamweaver视图模式有设计视图、拆分视图和代码视图二种。单击“文档工具栏”上的“代码”按钮，打开当前页面的代码窗口，可以编辑当前页面的HTML代码；单击“设计”按钮，可以直接看到页面的设计效果。单击“拆分”按钮，上下两个窗口分别显示代码和页面效果。 Dreamweaver自动为新建的文档生成