网页设计与制作实训指导书

《网页设计与制作实训指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计实训指导书主编：2014年3月17目录网页设计实验实训室设备使用安全守则2实训一查找网站并分析，尝试申请域名空间3实训二练习制作第一个个人主页7实训三练习文本、图像、超级链接8实训四表格设计10实训五框架页面设计实训六层和动画的制作11实训七网页的美化1417网页设计实验实训室设备使用安全守则1.严禁在实验室内使用明火、用电充电及取暖等。2.机房应成为精神文明的良好工作场所，室内不得大声喧闹。非机房有关人员不得随意进入机房。3.不要随便尝试不明的或不熟悉的计算机操作步骤。遇到计算机发生异常而自己

2、无法解决时，请专业老师解决。4.不要随便运行或删除电脑上的文件或程序，不要随意计算机参数等。5.不要随便安装或使用不明来源的软件或程序。不要随意开启来历不明的电子邮件或电子邮件附件。6.使用计算机人员应爱护计算机、要按操作规程来操作、使用计算机等设备。7.关机前应检查是否有U盘，如有，先取出，后开、关机。需要使用U盘时，先用杀毒软件对U盘查、杀病毒，后使用。8.禁止私自安装、修改、删除非文档文件。如发现计算机出现异常现象，如：速度特别慢、出现乱码、防毒软件报告有病毒等，应及时反映，并暂停使用。9.保持计

3、算机室及计算机的周边环境卫生，禁止在计算机旁吸烟、乱扔废纸和杂物、吃带皮食物。10.禁止私自打开计算机主机，乱接线。17实训一查找网站并分析，尝试申请域名空间　　1.背景知识查找各类型网站并分析，分析网页布局和结构规划，网页常见布局形式有：1.“T”型布局2.“口”型布局3．POP布局根据本章所学的内容，尝试申请域名空间。实训准备工作保证internet连接畅通，学生主机安装相应的网页设计与制作软件：dreamweaver、fireworks、flash、photoshop等。　　2.实训要求(1)上网

4、浏览不同的电子商务网站，比如：淘宝、联想等，分析站点结构、站点风格及网页配色等，写出分析报告。(2)尝试申请域名空间。　　3.课时安排：2课时　　4.实训指导以中联网www.3326.com为例，详细介绍如何申请免费个人空间和域名。1.打开浏览器，在地址栏上输入www.3326.com，如图2-36所示。图2-36中联网主页2.点击100M免费空间，弹出申请条款，开始申请免费个人主页空间。核实它所给出的条款后，单击“我同意”按钮，出现图2-37所示的注册页面。17图2-37用户注册页面3.所有信息都填好

5、并核实无误后，单击提交按钮。如果填的不正确，页面会给出提示，并要求重填。注意该网站中户名只能用英文或数字。4.注册成功后，会显示欢迎页面，等待管理员审核，如图2-38所示。图2-38等待审核界面5.单击“自助开通个人主页空间”字样，又重新弹出用户登录区，输入刚才注册的用户名和密码登录。登录后，显示登录情况，如图2-39所示。17图2-39登录情况显示界面6.然后单击页面左边“免费主页申请”按钮，出现审核通过界面，如图2-40所示。它提示审核已经通过，可以开通个人空间了。图2-40通过审核界面7.单击“马

6、上开通”字样，开通个人空间，出现图2-41所示页面。在该页面中填写网站的名称，网站分类以及网站的简介，填好后单击“即时开通”按钮。17图2-41网站简介8.即时开通后，出现图2-42所示页面。该页面中给出了FTP登录用户名、FTP密码和FTP地址，这是上传网页时要用到的地址。另外还给出了一个HTTP地址，这就是中联网提供给我们的主页的二级域名，在主页上传后，通过它可以访问个人主页。这些地址和密码都要记录下来，用于后续操作。至此，免费个人主页空间和域名已经申请好了。图2-42开通主页资料17实训二练习制作

7、第一个个人主页1.背景知识根据已经掌握的网络知识和本章学习的html语言的知识，编写简单网页的源代码；浏览网站，分析网站的特点。　　根据本章所学的内容，创建站点和创建个人主页。2.实训准备工作保证internet连接畅通，学生主机安装相应的网页设计与制作软件：dreamweaver、fireworks、flash、photoshop等。在本地硬盘创建一个空文件夹myweb，并建一个子文件夹images。3.实训要求(1)打开浏览器，浏览某个网页，查看其源代码，了解HTML代码的含义。(2)打开记事本，试

8、用HTML语言编写一个简单的网页，网页中要包含以下内容：网页标题、文字、图像、超链接等。(3)上网浏览不同的电子商务网站，比如：淘宝、联想等，分析站点结构、站点风格及网页配色等，写出分析报告。(4)创建站点和创建网页　要求：定义本地站点和新建一个网页并进行编辑。4.课时安排：2课时5.实训指导(1)如何查看网页源代码？打开浏览器，点击“查看”菜单｜“源文件”命令。(2)如何编写HTML代码？打开记事本，手工编写HTML代码，注意HTML代码