网页设计-个人网站的建设精要.pdf

项目 1 个人网站的建设—模板和特效网页的制作任务 1 . 个人网站的设计规划任务 2 . 创建本地站点任务任务 3 . 制作网页模板任务 “我的简历”页面任务 5 . 网页添加特效任务 1 . 个人网站的设计规划任务 1 .1 确定网站主题任务 确定网站的目录结构任务 确定网站的整体风格任务 确定网站主要栏目和布局任务 确定网站主题对于主题的选择主要按下列 3个条件去考虑,本例所讲的是一个个人介绍性质的网站,主题就是介绍个人的相关信息。如果主题已经确定,就可以围绕主题给该网站起一个名字,网站名称也是网站设计的一部分,而且是很关键的要素。任务 确定网站的目录结构网站的目录是指建立网站时创建的目录,目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对站点本身的上传维护以及以后内容的扩充和移植有着重要的影响。建立目录结构的建议: a. 不要将所有文件都存放在根目录下。 b. 按栏目内容建立子目录。 c. 个主目录下都建立独立的 images 目录。 d. 目录的层次不要太深任务 确定网站的整体风格在动手建立网站之前,对网页进行完整、详尽的整体设计是至关重要的。风格是指站点的整体形象想给浏览者的综合感受,包括站点的标志、色彩、字体、标语、版面布局、内容价值、存在意义、站点荣誉等诸多因素。本例的页面采用绿色为主的色调,绿色具有清爽、理想、希望、生长的含义,采用这种大面积明亮的绿色块,营造了一个清晰明快、充满无限希望与活力的氛围。任务 确定网站主要栏目和布局通常版面布局是按照如下步骤进行的。步骤 。新建页面就像一张白纸,没有任何表格、框架和约定俗成的东西,设计者可以尽可能发挥想象力,用一张白纸和一支铅笔勾画出页面的大致布局, 当然永续哦图软件 photoshop\Firewoeks 等也可以。步骤 ,将确定需要放置的功能模块安排到页面上。必须遵循 6突出重点、平衡协调的原则,将网站标志、主要栏目等最重要的模块放在最显眼,最突出的位置,然后再考虑次要模块的排放。任务 2 . 创建本地站点步骤 【站点】|【管理站点】命令,弹出【管理站点】对话框,在【管理站点】对话框中,单击【新建】按钮,然后从弹出的菜单中选择【站点】选项。任务 2 . 创建本地站点步骤 【站点定义】对话框,如果对话框显示的是【高级】选项卡,则切换到【基本】选项卡,弹出【站点定义向导】的第一个界面,要求为站点输入名称。任务 2 . 创建本地站点步骤 【下一步】按钮,出现向导的下一个界面,询问是否要使用服务器技术。选择【否我不想使用服务器技术】】选项,指示目前该站点是一个静态站点没有动态页面。步骤 【下一步】按钮,打开如图 所示的对话框,在文本框中输入站点路经。任务 2 . 创建本地站点步骤 【下一步】按钮,询问如何连接到远程服务器,这里选择【无】, 因为将整个站点制作完成以后再上传。步骤 【下一步】按钮, 将显示设置概要。