资源简介

网站的规划
1、确定主题
　　　建立网站前先得确定一个主题，主题是信息作品的灵魂，是网页各组成元素的统帅，也是要建立的网站所要表达的核心意图和中心思想，因而确定网站主题应注意：
　　　①、主题要明确，观点要鲜明，且要符合网络生产道德规范。
　　　②、要找一个自己最感兴趣的内容，做得深入、透彻，办出自己的特色，这样才能给浏览者留下深刻的印象。
　　　③、网站的主题无定则，只要是感兴趣的任何内容都可以，在确定的主题范围内，内容力求做到大而全、精而深。
网站的规划
2、拟定网站标题
　　　网站的主题并不是网站的标题，因而确定网站的主题后还需要为网站拟一个标题，标题是对该网站内容的概括和提炼。
　　　①、标题要具有吸引力，
　　　②、标题要简短鲜明，贴切易记。
　　　③、标题要能为浏览者获取网站主要信息提供方便。
网站的规划
3、规划网站
　　　网站的排版布局是影响网站的美观与否的重要因素，因而网页的排版布局要讲就合理、有创意。网页的布局其实就是确定网站标志、栏目设置等的位置，考虑版面色彩、内容的搭配，文字图片的运用等。
　　目前网络中常见的网页结构有：
　　“厂”字结构、“同”字结构、上下型结构、时尚型、Flash型 …… ……
　　在网页版面布局设计中我们一般要考虑网页内容：
　　①、平衡性、②、对称性、③、对比性
　　④、疏密度、⑤、反复性、⑥、韵律感
实例：规划“海海的网上家园”个人网站
１、确定个人网站的题目是： “海海的网上家园”，主题是主人公“海海”的自我展示。
２、规划个人网站的栏目有：自我介绍、我的好友、我的作品、兴趣爱好、心情日记、联系方式。
３、根据规划的栏目，构建网站的首页结构图。
Logo图片
Banner图片
首　　页
个人简介
我的好友
我的作品
兴趣爱好
心情日记
联系方式
我
的　
照
片
网
站
介
绍
版权信息
网站的规划
4、素材收集
　　　一个优秀的网站不但要主题突出，还需要丰富的内容支持。
　　　网页素材搜集要注意：
　　　①、收集的素材一定要是与主题有关的信息。
　　　②、素材收集要尽量多、尽量广。
　　　③、把收集到的素材，包括logo、banner等文件，保存到D:\盘，网站名称文件夹下images文件夹中。
网站的制作
1、选择网页制作工作
　FrontPage
　　　FrontPage是微软出品的网页编辑软件，也是Office系列软件的组成部分，如果对Office有一定的基础，会使用Word，那么很快就可以学会使用FrontPage，它的最大优点之一就是易学易用。
　Dreamweaver
　　　由Macromedia公司出品，对于动态网页的支持特别好，被称为更专业的网页制作工具，其特点：
　　　①、不生成冗余代码。
　　　②、强大的动态页面支持。
　　　③、优秀的网站管理功能。
　　　④、便于扩展。
网站的制作
2、网站首页的制作
　　　网站首页的制作是一个复杂而细致的过程，一般要按照先大后小、先简单后复杂的原则进行制作。
　　　所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后在逐步完善小的结构设计。
　　　所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
网站的制作
　　按照“开始｜程序｜Macromedia Dreamweaver ｜Dreamweaver 8.0”步骤，启动Dreamweaver 程序。
被编辑页面的标题，第一次启动缺省的名字为Untitled-1
显示代码视图
显示设计视图
显示代码和设计视图
网页标题
菜单栏
按钮栏
快捷公具栏
网站的制作
单击“站点｜新建站点｜”弹出“定义站点”对话框。在站点名称框中输入站点的名字“海海的网上家园”，选择输入Http地址。
　　选择“否，我不想使用服务器技术”选项。在“您将把文件存储在计算机上的位置”输入框中，选择“D:\海海的网上家园\”文件夹。
　 新建站点如同Windows资源管理器，以“D:\海海的网上家园”为根目录。站内所有文件显示在右侧。
在“定义站点“对话框中单击“完成”按钮，成功“定义站点”。
网站的制作
选择菜单“窗口|属性”命令，打开“属于”面板，在对齐方式中选择“居中对齐”。
选择菜单“插入|表格”命令，在“插入表格”对话框中，设置“1行2列”，指定宽度200 像素。
网站的制作
在表格左栏，打开菜单“插入|图像”命令，在“选择图像源文件”对话框中找到需要插入的图像。
选择菜单“文件|保存”命令，弹出“另存为”对话框，设置文件保存路径，文件名，文件名类型。
网站的制作
文件保存路径
保存文件名
保存文件类型
用同样的方法在表格下方，根据网站规划的结构添加其余栏目。
在表格右栏插入图片
网站的制作
选择菜单“文件|在浏览器中预览”命令，或使用功能键“F12”。
选择菜单“文件|保存”命令。
网站的制作
探 索 活 动
布局
插入图片
文字输入
保存文件
根据总体完成情况填写：
自我评价
教师评价
同学评价
课堂小结
一、网站的规划
1、确定主题。
2、拟定标题。
3、收集加工素材。
二、制作网站首页
1、选择网页制作工具。
2、网站首页的制作。

展开更多......

收起↑